@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&display=swap";:root{--base-100: #ebf5df;--base-200: #fec81d;--base-300: #0f0f0f;--base-400: #d56813}*{margin:0;padding:0;box-sizing:border-box}img{width:100%;height:100%;object-fit:cover}h1,h2,h3{text-transform:uppercase;font-family:"Instrument Serif",serif;font-weight:500;line-height:1}h1{font-size:clamp(4rem,7.5vw,10rem)}h2{font-size:clamp(2.5rem,4.5vw,5rem)}p{font-family:Instrument Sans,sans-serif;font-size:1.125rem;font-weight:400}.hero{position:relative;width:100%;height:175svh;color:var(--base-200);overflow:hidden}.hero-img{position:absolute;width:100%;height:100%}.hero-header{position:absolute;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-align:center}.hero-header p{width:75%}.hero-canvas{position:absolute;bottom:0;width:100%;height:100%;pointer-events:none}.hero-content{position:absolute;bottom:0;width:100%;height:125svh;display:flex;justify-content:center;align-items:center;text-align:center}.hero-content h2{width:75%;color:var(--base-300)}.about{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--base-300);color:var(--base-100);padding:8rem 2rem}.about-container{max-width:900px;text-align:center}.about .label{text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;opacity:.5;margin-bottom:2rem;display:block}.about h2{margin-bottom:3rem;line-height:1.1}.about .description{max-width:650px;margin:0 auto;font-size:1.25rem;line-height:1.6;opacity:.8}.cta-services{width:100%;padding:10rem 2rem;background-color:var(--base-100);color:var(--base-300);display:flex;justify-content:center;align-items:center}.cta-content{text-align:center;max-width:800px}.cta-content h3{font-size:clamp(2.5rem,6vw,5rem);margin-bottom:1.5rem}.cta-content p{font-size:1.5rem;font-style:italic;margin-bottom:4rem;opacity:.7}.btn-main{display:inline-flex;align-items:center;gap:1.5rem;text-decoration:none;color:var(--base-300);font-family:Instrument Sans,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;border-bottom:2px solid var(--base-300);padding-bottom:.5rem;transition:opacity .3s ease}.btn-main span{font-size:1.5rem;transition:transform .3s ease}.btn-main:hover{opacity:.6}.btn-main:hover span{transform:translate(10px)}@media(max-width:1000px){.hero-content h2{width:calc(100% - 4rem)}}@media(max-width:768px){.about,.cta-services{padding:6rem 1.5rem}}