:root{--paper:#f5f5f2;--ink:#111311;--soft:#6d716d;--line:#d8dad5;--green:#0b332b;--acid:#a7c957}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;width:100%}.nav{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;position:absolute;z-index:20;top:0;left:0;right:0;color:#171a17}.logo img{width:128px;filter:invert(1)}.nav nav{display:flex;gap:2.5rem}.nav nav a,.nav-contact{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.nav-contact{justify-self:end;display:flex;gap:1.2rem}.nav-toggle{display:none}.opening{padding:13rem 4.5vw 5rem;min-height:100vh}.opening-copy{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:end;margin-bottom:6rem}.kicker,.overline{font-size:.67rem;text-transform:uppercase;letter-spacing:.2em;color:#626862}.opening h1{font-family:"Manrope",sans-serif;font-size:clamp(5rem,10vw,11rem);font-weight:300;line-height:.78;letter-spacing:-.075em;margin:0}.opening h1 em,.material-copy h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.opening-note{max-width:180px;font-size:.9rem;color:var(--soft);justify-self:end}.hero-frame{height:77vh;min-height:620px;overflow:hidden;position:relative;background:#d9dbd6}.hero-frame img{height:100%;object-fit:cover;transform:scale(1.035);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}.hero-frame.in-view img{transform:scale(1)}.visual-label,.detail-image>span{position:absolute;left:1.2rem;bottom:1.1rem;color:rgba(255,255,255,.8);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em}.hero-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:1rem 0;font-size:.69rem;text-transform:uppercase;letter-spacing:.13em}.manifesto{padding:12rem 7vw;background:#111411;color:#f5f5f2}.manifesto .overline{color:#9da39c}.manifesto h2{font-family:"Manrope";font-size:clamp(3.6rem,7.3vw,8rem);font-weight:300;line-height:.98;letter-spacing:-.06em;margin:5rem 0 7rem}.manifesto h2 span{color:#8b918b}.manifesto-foot{margin-left:54%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end}.manifesto-foot p{color:#afb4af;font-size:1.05rem}.manifesto-foot a{border-bottom:1px solid #737973;padding-bottom:.8rem;display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.material-story{display:grid;grid-template-columns:1.08fr .92fr;min-height:100vh;background:#e9e6df}.detail-image{position:relative;overflow:hidden}.detail-image img{height:100%;object-fit:cover}.material-copy{padding:12rem 7vw;display:flex;flex-direction:column;justify-content:center}.material-copy h2{font-family:"Manrope";font-size:clamp(3rem,5vw,6rem);font-weight:300;line-height:1;letter-spacing:-.055em;margin:3rem 0}.material-copy>p:not(.overline){font-size:1.15rem;color:#60645f;max-width:520px}.material-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:4rem}.material-tags span{border:1px solid #bfc1bc;border-radius:999px;padding:.65rem 1rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.capabilities{padding:12rem 4.5vw}.cap-intro{display:grid;grid-template-columns:1fr 2fr;margin-bottom:8rem}.cap-intro h2,.process-title h2{font-family:"Manrope";font-size:clamp(3.5rem,6.5vw,7rem);font-weight:300;line-height:.98;letter-spacing:-.06em;margin:0}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.cap-grid article{min-height:430px;padding:2rem 2.4rem 2rem 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.cap-grid article+article{padding-left:2.4rem}.cap-grid article:last-child{border-right:0}.cap-grid span{font-size:.67rem;color:#858a84}.cap-grid h3{font-family:"Manrope";font-size:clamp(2rem,3vw,3.6rem);line-height:1.02;letter-spacing:-.05em;font-weight:300;margin:4rem 0}.cap-grid p{color:var(--soft);margin-top:auto;max-width:320px}.feature-project{height:105vh;min-height:760px;background:#111;position:relative;color:#fff;overflow:hidden}.feature-image{position:absolute;inset:0}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.feature-image img{height:100%;object-fit:cover;transform:scale(1.12);filter:saturate(.85) brightness(.78)}.feature-title{position:absolute;left:7vw;bottom:9rem;z-index:2}.feature-title>p,.feature-title>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.18em}.feature-title h2{font-family:"Manrope";font-size:clamp(3.5rem,6.8vw,7rem);font-weight:300;line-height:.96;letter-spacing:-.06em;margin:1.8rem 0}.process{padding:12rem 7vw;background:#0b332b;color:#eff2ed;display:grid;grid-template-columns:1.15fr .85fr;gap:9vw}.process .overline{color:#a7c957}.process ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.22)}.process li{display:grid;grid-template-columns:60px 1fr;border-bottom:1px solid rgba(255,255,255,.22);padding:2rem 0}.process li>span{font-size:.65rem;color:#8fa39b}.process h3{font-size:1.1rem;font-weight:500;margin:0 0 .5rem}.process li p{margin:0;color:#aebdb7}.contact{padding:11rem 7vw 7rem}.contact h2{font-family:"Manrope";font-size:clamp(4.5rem,10vw,11rem);font-weight:300;line-height:.86;letter-spacing:-.075em;margin:4rem 0 8rem}.contact-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6vw;border-top:1px solid var(--line);padding-top:2rem}.contact-row p{color:var(--soft);max-width:300px}.contact-row div a{display:block;font-size:1.15rem;margin-bottom:.35rem}.contact-button{background:var(--ink);color:#fff;padding:1.2rem 1.4rem;align-self:start;display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}footer{background:#101210;color:#c7cbc6;padding:5rem 4.5vw;display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:end;font-size:.75rem}.footer-logo{font-size:clamp(4rem,9vw,10rem);font-weight:600;letter-spacing:-.08em;line-height:.75;color:#fff}.footer-logo span{color:var(--acid)}footer>div:last-child{text-align:right}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:820px){.nav{height:72px;padding:0 5vw;grid-template-columns:1fr auto}.nav nav,.nav-contact{display:none}.nav-toggle{display:block;border:0;background:none;width:40px;z-index:3}.nav-toggle i{display:block;width:22px;height:1px;background:#111;margin:6px auto}.nav.open nav{display:flex;position:fixed;inset:0;background:var(--paper);padding:9rem 7vw;flex-direction:column;gap:1rem}.nav.open nav a{font-size:2.5rem;text-transform:none;letter-spacing:-.04em}.opening{padding:10rem 5vw 4rem}.opening-copy{grid-template-columns:1fr;margin-bottom:4rem}.kicker{margin-bottom:3rem}.opening h1{font-size:18vw}.opening-note{justify-self:start;margin-top:2.5rem}.hero-frame{height:68vh;min-height:520px}.hero-frame img{object-position:58% center}.manifesto{padding:8rem 6vw}.manifesto h2{margin:4rem 0 5rem}.manifesto-foot{margin-left:0;grid-template-columns:1fr;gap:2rem}.material-story{grid-template-columns:1fr}.detail-image{height:78vh}.material-copy{padding:7rem 6vw}.capabilities{padding:8rem 6vw}.cap-intro{grid-template-columns:1fr;gap:3rem}.cap-grid{grid-template-columns:1fr}.cap-grid article,.cap-grid article+article{min-height:auto;padding:2rem 0;border-right:0;border-bottom:1px solid var(--line)}.cap-grid h3{margin:2.5rem 0}.cap-grid p{margin:0}.feature-project{height:85vh}.feature-image img{object-position:60% center}.process{grid-template-columns:1fr;padding:8rem 6vw;gap:5rem}.contact{padding:8rem 6vw 6rem}.contact-row{grid-template-columns:1fr;gap:2rem}.contact-button{margin-top:1rem}footer{grid-template-columns:1fr;gap:3rem}footer>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-frame img{transition:none;transform:none}}