@font-face{font-family:"Noma Display";src:local("Iowan Old Style"),local("Baskerville");font-display:swap}
@font-face{font-family:"Noma Sans";src:local("Arial Narrow"),local("Arial");font-display:swap}
:root{--paper:#ece7dc;--ink:#101711;--acid:#c6ff38;--moss:#17251b;--fog:#d8d8cb;--muted:#aeb6a8;--line:rgba(236,231,220,.2);--page:clamp(20px,4vw,64px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#4c5f4e var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noma Sans",Arial,sans-serif;overflow-x:hidden}body::selection{background:var(--acid);color:var(--ink)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 18px;background:var(--acid);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.site-header{position:absolute;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 var(--page);color:white;border-bottom:1px solid rgba(255,255,255,.2)}.wordmark{display:flex;flex-direction:column;width:max-content;font-weight:700;letter-spacing:-.025em;line-height:.88}.wordmark span:last-child{font-size:.72rem;letter-spacing:.12em;margin-top:5px}.site-header nav{display:flex;gap:34px;font-size:.78rem;letter-spacing:.08em}.site-header nav a,.header-cta{position:relative;padding:14px 0}.site-header nav a::after,.header-cta::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:currentColor;transition:right .4s var(--ease)}.site-header nav a:hover::after,.header-cta:hover::after{right:0}.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.header-cta{font-size:.78rem;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:white;width:44px;height:44px}.menu-line{display:block;width:22px;height:1px;margin:6px auto;background:currentColor}
.chapter-rail{position:fixed;z-index:25;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px}.chapter-rail a{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:rgba(255,255,255,.55);font-size:.68rem;letter-spacing:.12em}.chapter-rail a::after{content:"";width:14px;height:1px;background:currentColor;transition:width .4s var(--ease),background .4s}.chapter-rail a[aria-current="location"]{color:white}.chapter-rail a[aria-current="location"]::after{width:36px;background:var(--acid)}
.cinematic-hero{position:relative;height:100svh;min-height:680px;overflow:hidden}.hero-media,.hero-media video,.hero-veil{position:absolute;inset:0;width:100%;height:100%}.hero-media{background:#287fc0;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.02);transition:transform .8s var(--ease)}.hero-media video{object-fit:cover}.hero-media.is-failed video{display:none}.hero-veil{background:radial-gradient(circle at 65% 35%,transparent 20%,rgba(4,10,7,.2) 70%),linear-gradient(90deg,rgba(4,9,7,.48),transparent 60%),linear-gradient(0deg,rgba(4,9,7,.6),transparent 42%)}.cinematic-copy{position:absolute;z-index:2;left:var(--page);top:50%;transform:translateY(-48%);max-width:830px}.cinematic-copy h1,.collection-intro h2,.evidence-heading h2,.journal-heading h2,.final-copy h2{font-family:"Noma Display",Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:.91;text-wrap:balance}.cinematic-copy h1{font-size:clamp(3.7rem,7vw,6rem);margin:0}.cinematic-copy>p{font-size:clamp(1rem,1.25vw,1.2rem);max-width:34ch;line-height:1.65;margin:30px 0}.hero-actions{display:flex;gap:12px}.button,.metal-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.05em;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.button:hover,.metal-button:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.22)}.button--light{background:var(--acid);color:var(--ink)}.button--glass{border:1px solid rgba(255,255,255,.55);background:rgba(10,20,14,.22);backdrop-filter:blur(12px)}.hero-facts{position:absolute;z-index:2;bottom:25px;left:var(--page);right:var(--page);display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(255,255,255,.35);font-size:.69rem;letter-spacing:.1em}
.collection{background:#0c120e;padding:clamp(100px,12vw,180px) var(--page) 0}.collection-intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:72px}.collection-intro h2{font-size:clamp(3.5rem,7vw,6rem);margin:0}.collection-intro p{max-width:42ch;margin:0 0 8px;line-height:1.65;color:#c2c9bf}.scene-stack{position:relative}.product-scene{--scene-x:0px;--scene-y:0px;position:sticky;top:12px;height:88svh;min-height:620px;margin-bottom:8svh;overflow:hidden;background:#182019;box-shadow:0 -28px 90px rgba(0,0,0,.35)}.product-scene:nth-child(2){top:24px}.product-scene:nth-child(3){top:36px;margin-bottom:0}.product-scene>img,.scene-veil{position:absolute;inset:0;width:100%;height:100%}.product-scene>img{object-fit:cover;transform:translate3d(var(--scene-x),var(--scene-y),0) scale(1.025);transition:transform .7s var(--ease)}.scene-veil{background:linear-gradient(90deg,rgba(5,10,7,.78),rgba(5,10,7,.05) 58%),linear-gradient(0deg,rgba(5,10,7,.34),transparent 55%)}.scene-copy-right .scene-veil{background:linear-gradient(270deg,rgba(5,10,7,.78),rgba(5,10,7,.04) 58%),linear-gradient(0deg,rgba(5,10,7,.34),transparent 55%)}.scene-index{position:absolute;right:30px;top:24px;font:400 clamp(4rem,8vw,8rem)/1 "Noma Display";color:rgba(255,255,255,.18)}.scene-copy{position:absolute;z-index:2;left:clamp(24px,5vw,76px);bottom:clamp(28px,7vh,84px);width:min(420px,calc(100% - 48px));padding:30px;background:rgba(14,24,17,.58);backdrop-filter:blur(20px) saturate(1.15);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 50px rgba(0,0,0,.24)}.scene-copy-right .scene-copy{left:auto;right:clamp(24px,5vw,76px)}.scene-copy h3{font:400 clamp(2.8rem,5vw,5rem)/.95 "Noma Display";letter-spacing:-.035em;margin:0 0 12px}.scene-copy>p{margin:0 0 24px;color:#d6ddd3;font-size:.75rem;letter-spacing:.09em}.scene-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:0 0 28px;padding-top:18px;border-top:1px solid var(--line)}.scene-copy dt{font-size:.66rem;color:#aeb9ae;margin-bottom:6px}.scene-copy dd{margin:0;font-size:.84rem}.metal-button{position:relative;overflow:hidden;background:linear-gradient(100deg,#d8d9d4,#8f9690 46%,#eef0ec 56%,#939a93);color:#0d140f}.metal-button::after{content:"";position:absolute;inset:-30% auto -30% -45%;width:24%;transform:skewX(-18deg);background:rgba(255,255,255,.45);transition:left .65s var(--ease)}.metal-button:hover::after{left:125%}
.philosophy{position:relative;min-height:100svh;padding:clamp(110px,13vw,190px) var(--page);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.evidence-image,.evidence-veil{position:absolute;inset:0;width:100%;height:100%}.evidence-image{object-fit:cover}.evidence-veil{background:linear-gradient(90deg,rgba(7,13,9,.82),rgba(7,13,9,.2) 72%),linear-gradient(0deg,rgba(7,13,9,.82),transparent 60%)}.evidence-heading,.evidence-metrics{position:relative;z-index:1}.evidence-heading h2{font-size:clamp(3.4rem,7vw,6rem);max-width:10ch;margin:0 0 30px}.evidence-heading p{font-size:1.08rem;max-width:34ch;line-height:1.6}.evidence-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:110px 0 0;background:rgba(255,255,255,.22)}.evidence-metrics>div{padding:28px;background:rgba(8,15,10,.58);backdrop-filter:blur(12px)}.evidence-metrics dt{font:400 clamp(3rem,6vw,6rem)/1 "Noma Display";font-variant-numeric:tabular-nums}.evidence-metrics dd{margin:14px 0 0;max-width:20ch;font-size:.75rem;line-height:1.5;color:#c7cec4}
.material-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0b100d}.material-strip>div{position:relative;height:260px;overflow:hidden;border-right:1px solid rgba(255,255,255,.16)}.material-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .8s var(--ease),filter .5s}.material-strip div:hover img{transform:scale(1.04);filter:saturate(1)}.material-strip span{position:absolute;inset:auto 18px 18px;color:white;font-size:.68rem;letter-spacing:.11em}
.journal{background:var(--paper);color:var(--ink);padding:clamp(110px,13vw,190px) 0}.journal-heading{padding:0 var(--page);margin-bottom:54px}.journal-heading h2{font-size:clamp(3.4rem,7vw,6rem);margin:0 0 32px}.journal-heading>div{display:flex;justify-content:space-between;border-top:1px solid rgba(16,23,17,.28);padding-top:18px}.journal-heading p{margin:0}.journal-heading span{font-variant-numeric:tabular-nums}.journal-track{display:flex;gap:22px;overflow-x:auto;padding:0 var(--page) 32px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#536256 transparent}.journal-card{position:relative;flex:0 0 min(58vw,760px);aspect-ratio:3/2;overflow:hidden;scroll-snap-align:start;background:#1a211c;color:white}.journal-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.journal-card:hover img{transform:scale(1.025)}.journal-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,10,7,.82))}.journal-card>div{position:absolute;z-index:1;left:28px;right:28px;bottom:24px}.journal-card h3{font:400 clamp(2rem,3vw,3.2rem)/1 "Noma Display";margin:0 0 10px}.journal-card p{margin:0;font-size:.68rem;letter-spacing:.09em}.journal-hint{margin:18px var(--page) 0;color:#596359;font-size:.72rem}
.final-cta{position:relative;height:100svh;min-height:680px;display:grid;place-items:center;text-align:center;overflow:hidden}.final-cta>img,.final-veil{position:absolute;inset:0;width:100%;height:100%}.final-cta>img{object-fit:cover}.final-veil{background:linear-gradient(0deg,rgba(5,10,7,.72),rgba(5,10,7,.05) 65%),radial-gradient(circle,transparent 10%,rgba(5,10,7,.25) 80%)}.final-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.final-copy h2{font-size:clamp(4rem,8vw,6rem);margin:0}.final-copy>p{font-size:.72rem;letter-spacing:.12em;margin:22px 0 30px}.final-copy small{margin-top:20px;color:#d0d5cc}
footer{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px;padding:54px var(--page);background:#080d0a;border-top:1px solid rgba(255,255,255,.12);font-size:.74rem;color:#adb5ab}footer p{margin:0}footer a:hover{color:white}
[data-reveal]{opacity:1;transform:none}.js [data-reveal]{opacity:0;transform:translateY(22px);filter:blur(7px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}.js [data-reveal].is-visible{opacity:1;transform:none;filter:none}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.chapter-rail{display:none}.collection-intro{grid-template-columns:1fr}.scene-copy{padding:24px}.evidence-metrics{grid-template-columns:1fr;margin-top:80px}.evidence-metrics>div{display:grid;grid-template-columns:120px 1fr;align-items:end}.material-strip{grid-template-columns:1fr 1fr}.journal-card{flex-basis:76vw}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-header{height:72px}.header-cta{display:none}.menu-toggle{display:block}.site-header nav.is-open{position:absolute;display:flex;flex-direction:column;gap:0;top:72px;left:0;right:0;padding:12px var(--page) 20px;background:rgba(9,15,11,.95);backdrop-filter:blur(18px)}.site-header nav.is-open a{min-height:48px;display:flex;align-items:center}.cinematic-hero{min-height:700px}.cinematic-copy{top:auto;bottom:118px;transform:none}.cinematic-copy h1{font-size:clamp(3.25rem,15vw,5rem)}.cinematic-copy>p{margin:22px 0}.hero-actions{align-items:flex-start;flex-direction:column}.hero-facts{bottom:18px;gap:10px;flex-wrap:wrap}.hero-facts span:nth-child(2){display:none}.collection{padding-left:14px;padding-right:14px}.collection-intro{padding:0 6px;margin-bottom:44px}.product-scene,.product-scene:nth-child(2),.product-scene:nth-child(3){top:8px;height:82svh;min-height:620px;margin-bottom:5svh}.product-scene>img{object-position:center}.product-scene[data-product-scene="tray-moss"]>img,.product-scene[data-product-scene="stand-water"]>img{object-position:67% center}.scene-copy-right .scene-copy,.scene-copy{left:14px;right:14px;bottom:14px;width:auto}.scene-copy h3{font-size:2.75rem}.scene-copy dl{margin-bottom:20px}.scene-index{font-size:4rem}.evidence-heading h2{font-size:3.4rem}.evidence-metrics{gap:1px}.evidence-metrics>div{padding:18px;grid-template-columns:100px 1fr}.evidence-metrics dt{font-size:3rem}.material-strip{grid-template-columns:1fr 1fr}.material-strip>div{height:190px}.journal-heading>div{gap:24px}.journal-card{flex-basis:88vw}.journal-card>div{left:20px;right:20px;bottom:18px}.final-copy h2{font-size:3.8rem}footer{grid-template-columns:1fr}}
@media(pointer:fine){.product-scene:hover>img{transform:translate3d(var(--scene-x),var(--scene-y),0) scale(1.035)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-scene{position:relative;top:auto!important}.hero-media,.product-scene>img,.journal-card img,.metal-button::after{transform:none!important;transition:none!important}.js [data-reveal]{opacity:1;transform:none;filter:none;transition:none}.metal-button::after{display:none}}
@media (max-width: 900px){}
@media (max-width: 620px){}