@import url("mobile-title-fix.css");
:root{--pine:#173d32;--pine-dark:#0f2b23;--sand:#e9e2d7;--paper:#f5f2ec;--ink:#17201d;--orange:#c65e34}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.header{position:absolute;z-index:20;top:0;left:0;width:100%;height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.brand img{width:176px;filter:brightness(0) invert(1)}.nav{display:flex;gap:34px;font-size:13px}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:#fff;transition:.3s}.nav a:hover:after{width:100%}.header-cta{font-size:13px;padding:13px 0;border-bottom:1px solid #fff}.header-cta span,.text-link span,.button span{margin-left:12px}.menu{display:none;background:transparent;border:0;width:36px;padding:8px}.menu span{display:block;height:1px;background:white;margin:7px 0}
.hero{min-height:100svh;position:relative;color:white;display:flex;align-items:flex-end;overflow:hidden}.hero-media{position:absolute;inset:0;background:url("../images/trancatto/asset-8.jpeg") center 52%/cover no-repeat;animation:heroZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,24,19,.72) 0%,rgba(8,24,19,.18) 62%,rgba(8,24,19,.3)),linear-gradient(0deg,rgba(8,24,19,.5),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(820px,88vw);padding:180px 0 10vh 7vw}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;margin:0 0 26px}.eyebrow.dark{color:#62706b}.hero h1{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(72px,10vw,154px);line-height:.86;letter-spacing:-.065em;margin:0 0 36px}.hero-copy{max-width:470px;font-size:18px;line-height:1.55;margin:0 0 34px}.text-link{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding-bottom:8px;border-bottom:1px solid}.hero-index{position:absolute;right:4vw;bottom:8vh;z-index:2;display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.hero-index i{width:64px;height:1px;background:rgba(255,255,255,.6)}
.section{padding:130px 7vw}.intro{display:grid;grid-template-columns:1.5fr .7fr;gap:12vw}.intro h2,.section-head h2,.palette h2{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(44px,5.6vw,84px);line-height:1.02;letter-spacing:-.05em;margin:0}.intro-copy{padding-top:46px}.intro-copy p{font-size:18px;line-height:1.7;color:#5c6662;margin:0 0 40px}.numbers{background:var(--sand);display:grid;grid-template-columns:repeat(4,1fr);padding:55px 7vw}.numbers div{padding:10px 3vw;border-left:1px solid #bdb3a6}.numbers div:first-child{border-left:0;padding-left:0}.numbers strong{font-family:Manrope,sans-serif;font-size:50px;font-weight:300;display:block}.numbers span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6c6b66}
.products{display:grid;grid-template-columns:.7fr 1.1fr .65fr;gap:3vw;align-items:end}.section-head{align-self:start}.section-head p:last-child{max-width:360px;line-height:1.7;color:#66706c;margin-top:30px}.product{margin:0}.product img{width:100%;height:610px;object-fit:cover;transition:transform .7s}.product-side img{height:430px}.product{overflow:hidden}.product-caption{background:var(--paper);position:relative;padding:20px 0 0}.product-caption span{font-size:10px;color:#79827f}.product-caption h3{font:400 26px Manrope;margin:6px 0}.product-caption p{font-size:13px;color:#67706d;margin:0}.product:hover img{transform:scale(1.025)}
.feature{min-height:850px;background:var(--pine);color:white;display:grid;grid-template-columns:1.1fr .9fr}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:120px 7vw;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font:300 clamp(48px,5vw,78px)/1 Manrope;letter-spacing:-.05em;margin:0 0 35px}.feature-copy>p:not(.eyebrow){max-width:510px;line-height:1.7;color:#cbd6d1}.feature-copy ul{list-style:none;padding:0;margin:48px 0 0}.feature-copy li{padding:18px 0;border-top:1px solid rgba(255,255,255,.22);font-size:13px}.feature-copy li span{margin-right:25px;color:#8ba398}
.gallery-section{background:#e8e0d4;padding-bottom:8vw}.gallery-heading{display:grid;grid-template-columns:.6fr 1.1fr .65fr;align-items:end;gap:4vw}.gallery-heading .eyebrow{align-self:start}.gallery-heading h2{font:300 clamp(48px,5.6vw,84px)/1 Manrope;letter-spacing:-.05em;margin:0}.gallery-heading>p:last-child{line-height:1.7;color:#686963;margin:0}.gallery-grid{padding:0 3vw;display:grid;grid-template-columns:1.1fr .7fr .9fr;grid-auto-rows:300px;gap:12px}.gallery-grid figure{position:relative;margin:0;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.gallery-grid figure:hover img{transform:scale(1.025)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 24px 18px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.13em;background:linear-gradient(transparent,rgba(9,20,16,.72))}.gallery-wide{grid-column:span 2}.gallery-tall{grid-row:span 2}
.palette{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 20px}.swatches i{display:block;aspect-ratio:1;background:var(--c);border-radius:50%;transition:.35s}.swatches div:hover i{transform:scale(.92)}.swatches span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-align:center;margin-top:14px}.palette-note{grid-column:2;line-height:1.7;color:#66706c;max-width:510px;margin:30px 0 0}
.cta{min-height:900px;position:relative;color:white;display:grid;place-items:center;text-align:center;overflow:hidden}.cta-bg{position:absolute;inset:0;background:linear-gradient(rgba(10,34,27,.78),rgba(10,34,27,.86)),url("../images/trancatto/asset-10.jpeg") center/cover}.cta-content{position:relative;z-index:2;padding:90px 20px;width:min(760px,92vw)}.cta h2{font:300 clamp(62px,8vw,118px)/.93 Manrope;letter-spacing:-.06em;margin:0 0 30px}.cta-content>p:not(.eyebrow){max-width:490px;margin:0 auto 35px;line-height:1.6}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:white;color:var(--pine);padding:18px 24px;font:600 13px "DM Sans";transition:.3s}.button:hover{background:var(--orange);color:white}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin-top:42px}.contact-form label:last-of-type{grid-column:1/-1}.contact-form label span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:9px;margin:0 0 8px;color:#ced9d4}.contact-form input{width:100%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:white;padding:17px;font:400 14px "DM Sans";outline:0;border-radius:0}.contact-form input::placeholder{color:#b8c4bf}.contact-form input:focus{border-color:white;background:rgba(255,255,255,.13)}.contact-form .button{grid-column:1/-1;margin-top:5px;width:100%}
footer{background:#0c1d18;color:white;padding:80px 7vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:5vw}footer img{width:200px;filter:brightness(0) invert(1);margin-bottom:25px}footer p{color:#9eaaa5;line-height:1.6}footer small{display:block;color:#687772;text-transform:uppercase;letter-spacing:.16em;margin-bottom:22px}footer div>a{display:block;font-size:13px;margin:12px 0}.copyright{grid-column:1/-1;border-top:1px solid #263630;padding-top:25px;margin-top:30px;font-size:11px;display:flex;justify-content:space-between;gap:20px}.copyright a{color:white;border-bottom:1px solid #53615d}.whatsapp{position:fixed;z-index:30;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;box-shadow:0 8px 30px #0003;transition:.25s}.whatsapp:hover{transform:translateY(-3px);background:#20bd5a}.whatsapp svg{width:29px;height:29px}
.reveal{opacity:0;transform:translateY(24px);animation:enter 1s .25s ease forwards}.product,.section-head,.palette-title,.swatches,.feature-copy{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.is-visible{opacity:1;transform:none}@keyframes enter{to{opacity:1;transform:none}}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.product,.section-head,.palette-title,.swatches,.feature-copy{opacity:1;transform:none}}
@media(max-width:900px){.header{height:76px}.brand img{width:145px}.nav,.header-cta{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;top:76px;left:0;width:100%;padding:25px 7vw;background:var(--pine-dark);flex-direction:column;gap:20px}.hero-content{padding-left:7vw}.hero-index{display:none}.section{padding:90px 7vw}.intro{grid-template-columns:1fr;gap:20px}.intro-copy{padding-top:0}.numbers{grid-template-columns:1fr 1fr;gap:25px 0}.numbers div:nth-child(3){border-left:0}.products{grid-template-columns:1fr 1fr}.section-head{grid-column:1/-1;margin-bottom:20px}.product img,.product-side img{height:520px}.feature{grid-template-columns:1fr}.feature-image{height:70vh}.feature-copy{padding:85px 7vw}.gallery-heading{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-wide{grid-column:span 2}.palette{grid-template-columns:1fr}.palette-note{grid-column:1}.swatches{margin-top:20px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
@media(max-width:560px){.hero h1{font-size:20vw}.hero-copy{font-size:16px}.hero-media{background-position:58% center}.intro h2,.section-head h2,.palette h2,.gallery-heading h2{font-size:13vw}.numbers{padding:40px 7vw}.numbers strong{font-size:38px}.numbers div{padding-left:7vw}.products{grid-template-columns:1fr}.product img,.product-side img{height:115vw}.feature-image{height:65vh}.feature-copy h2{font-size:13vw}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:100vw;padding:0 5vw}.gallery-wide{grid-column:auto}.gallery-tall{grid-row:auto}.swatches{gap:28px 14px}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form label:last-of-type,.contact-form .button{grid-column:1}.cta{min-height:880px}footer{grid-template-columns:1fr;gap:35px}footer .footer-brand{grid-column:auto}.copyright{grid-column:1}}