:root{--bg: #f2f5f0;--elev: #e8ede4;--ink: #0b140e;--ink-2: #46524a;--ink-3: #7f8c83;--iris: #157a3a;--iris-h: #0f6630;--lime: #6fc247;--electric: #34c98a;--chrome: #cdd4c9;--hero: #163024;--display: "Bricolage Grotesque", "Arial Black", sans-serif;--ui: Geist, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--serif: "Instrument Serif", Georgia, serif;--header: 72px;--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--vel: 0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef2ea;color:var(--ink);font-family:var(--ui);font-weight:400;line-height:1.5}html:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 700px at 50% 115%,rgba(111,194,71,.22),transparent 55%),radial-gradient(900px 600px at 92% -10%,rgba(52,201,138,.18),transparent 50%),radial-gradient(800px 500px at -10% 30%,rgba(111,194,71,.13),transparent 55%),radial-gradient(700px 400px at 50% -20%,rgba(226,240,210,.7),transparent 60%),linear-gradient(180deg,#f6f8f2,#eef2ea 40%,#e6ece2)}body{overflow-x:hidden}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:200;background:var(--ink);color:#fff;padding:.6rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}a{color:inherit;text-decoration:none}button,input{font:inherit}.header{position:fixed;inset:0 0 auto;height:var(--header);z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2rem;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo{font-family:var(--display);font-weight:800;letter-spacing:.12em;font-size:.95rem}.nav{display:flex;gap:1.6rem;font-size:.82rem;color:var(--ink-2)}.nav a:hover,.nav a:focus-visible{color:var(--iris)}.header__right{display:flex;justify-content:flex-end;align-items:center;gap:.8rem}.motion-toggle{border:0;background:transparent;color:var(--ink-3);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 1.1rem;border-radius:999px;border:1px solid transparent;font-size:.8rem;font-weight:600;letter-spacing:.04em;cursor:pointer}.btn--cta{background:var(--iris);color:#fff}.btn--cta:hover,.btn--cta:focus-visible{background:var(--iris-h)}.btn--ghost{border-color:var(--chrome);background:transparent}.canvas-wrap{position:fixed;inset:0;z-index:12;pointer-events:none;background-image:url(/textures/cover.png);background-size:0}.canvas-wrap.is-story{z-index:38}.can-stage{position:fixed;left:50%;top:48%;width:clamp(8.5rem,20vw,16rem);height:clamp(11rem,32vw,22rem);transform:translate(-50%,-50%);pointer-events:none;z-index:13}#webgl{width:100%;height:100%;display:block}main{position:relative;z-index:20}.hero{--out: 0;min-height:100vh;padding:calc(var(--header) + 2vh) 2rem 4rem;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.hero__inner,.hero__scroll{opacity:calc(1 - var(--out, 0))}.hero__row--slot .hero__word:first-child{transform:translate3d(calc(var(--out, 0) * -12vw),0,0)}.hero__row--slot .hero__word:last-child{transform:translate3d(calc(var(--out, 0) * 12vw),0,0)}.hero__inner{position:relative;z-index:21;text-align:center}.hero__kicker{color:var(--ink-3);margin:0 0 1.2rem}.mono,.label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.hero__title{margin:0;color:var(--hero);font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:-.03em;font-size:clamp(2.4rem,8vw,8rem)}.hero__row{display:flex;justify-content:center;align-items:center;gap:.08em}.hero__row--slot{width:100%}.hero__word{position:relative;z-index:22}.hero__can-slot{display:inline-block;width:clamp(8.5rem,20vw,16rem);height:clamp(11rem,32vw,22rem);flex:0 0 auto}.hero__sub{margin:1.4rem 0 0;font-size:clamp(.72rem,1.4vw,.92rem);letter-spacing:.22em;color:var(--ink-2)}.badges{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.6rem 0 0}.badges li{border:1px solid var(--chrome);border-radius:999px;padding:.35rem .8rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.hero__scroll{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:21}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(var(--iris),transparent)}.product-story{position:relative;z-index:30}.chapter{min-height:100vh;position:relative;padding:8vh 4vw;overflow:hidden}.chapter__num{position:absolute;right:4vw;top:10vh;font-family:var(--display);font-weight:800;font-size:clamp(8rem,22vw,18rem);line-height:.8;color:var(--ink);opacity:.09;pointer-events:none;letter-spacing:-.06em;will-change:transform}.chapter__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr) minmax(0,1fr);gap:2rem;align-items:center;min-height:82vh;position:relative;z-index:2}[data-skew]{transform:skewY(calc(var(--vel, 0) * -.06deg))}.chapter__window{min-height:70vh}.chapter h2{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.03em;font-size:clamp(2.6rem,6vw,5.4rem);margin:.4rem 0 1rem;color:var(--hero)}.lede{font-size:1.05rem;color:var(--ink-2);max-width:34ch}.pull{margin:1.6rem 0;padding:0;font-family:var(--serif);font-style:italic;font-size:1.45rem;color:var(--hero);max-width:22ch}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.spec{background:color-mix(in srgb,var(--elev) 80%,white);border:1px solid color-mix(in srgb,var(--chrome) 70%,transparent);border-radius:16px;padding:.9rem}.spec strong{display:block;margin:.2rem 0}.spec p{margin:0;color:var(--ink-3);font-size:.82rem}.ticks,.stockists{list-style:none;padding:0;margin:1rem 0 0}.ticks li,.stockists li{padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,var(--chrome) 80%,transparent)}.draw{width:min(180px,40%);color:var(--iris);margin-bottom:1.2rem}.draw path{stroke-dasharray:800;stroke-dashoffset:800}.vinyl{width:120px;height:120px;border:1px solid var(--chrome);border-radius:50%;display:grid;place-items:center;margin-bottom:1.2rem;animation:spin 18s linear infinite;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em}.vinyl span:last-child{position:absolute;font-size:1.1rem}.waitlist{display:grid;gap:.7rem;margin-top:.8rem}.waitlist input[type=email]{height:48px;border-radius:12px;border:1px solid var(--chrome);background:#fff;padding:0 1rem}.consent{display:flex;gap:.5rem;align-items:flex-start;font-size:.8rem;color:var(--ink-2)}.form-status{min-height:1.2em;font-size:.85rem;color:var(--iris)}.fine{color:var(--ink-3);font-size:.8rem}.italic{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--hero)}.marquee{overflow:hidden;border-block:1px solid color-mix(in srgb,var(--chrome) 80%,transparent);padding:.7rem 0}.marquee__track{display:flex;width:max-content;animation:marquee 28s linear infinite;font-family:var(--display);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:.85rem}.marquee__track span{padding-right:2rem}.blob{position:absolute;width:min(48vw,420px);height:min(48vw,420px);border-radius:50%;opacity:.7;pointer-events:none;z-index:0}.blob--iris{background:radial-gradient(circle,#c6e6c9 0%,transparent 70%);top:8%;left:-8%}.blob--blue{background:radial-gradient(circle,#bfeede 0%,transparent 70%);bottom:4%;right:-6%}.blob--lav{background:radial-gradient(circle,#dcecc0 0%,transparent 70%);top:20%;right:10%}.bg-layer{position:absolute;inset:-12%;z-index:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 45%);pointer-events:none}.editorial,.faq{position:relative;z-index:32;padding:12vh 6vw}.editorial h2,.faq h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.03em;line-height:.95;margin:.4rem 0 1rem}.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.quotes figure{margin:0;padding:1.4rem;border-radius:20px;background:color-mix(in srgb,#fff 70%,var(--elev));border:1px solid var(--chrome)}.quotes blockquote{margin:0 0 1rem;font-family:var(--serif);font-style:italic;font-size:1.35rem;color:var(--hero)}.faq__list details{border-bottom:1px solid var(--chrome);padding:1rem 0}.faq__list summary{cursor:pointer;font-weight:600;font-size:1.05rem}.footer{position:relative;z-index:40;padding:8vh 6vw 4vh;border-top:1px solid var(--chrome)}.footer__grid{display:grid;grid-template-columns:1.2fr .6fr 1.4fr;gap:2rem;align-items:start}.footer nav{display:flex;flex-direction:column;gap:.5rem}.loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1rem;background:radial-gradient(900px 600px at 92% -10%,rgba(52,201,138,.18),transparent 50%),#f2f5f0;transition:opacity .6s ease,visibility .6s}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:opacity .7s var(--ease-out-quint),visibility .7s,clip-path .85s var(--ease-out-quint)}.loader__brand{font-family:var(--display);font-weight:800;letter-spacing:.2em}.loader__bar{width:180px;height:2px;background:var(--chrome);overflow:hidden}.loader__bar span{display:block;height:100%;width:0%;background:var(--iris)}.loader__pct{font-family:var(--mono);font-size:.75rem;letter-spacing:.16em}:focus-visible{outline:2px solid var(--iris);outline-offset:3px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.nav{display:none}.header{grid-template-columns:1fr auto;padding:0 1rem}.hero{padding-inline:1rem;padding-bottom:7rem}.hero__can-slot{width:100%;height:clamp(180px,35vw,260px)}.hero__row--slot{flex-direction:column}.chapter__grid{grid-template-columns:1fr;min-height:auto}.chapter__window{min-height:42vh;order:-1}.spec-grid,.quotes,.footer__grid{grid-template-columns:1fr}.motion-toggle{display:none}}@media(prefers-reduced-motion:reduce){.marquee__track,.vinyl,.blob{animation:none!important}}body.is-reduced .marquee__track,body.is-reduced .vinyl,body.is-reduced .fx-grain{animation:none!important}.fx-layer{pointer-events:none}.fx-grain{position:fixed;inset:-8%;z-index:80;opacity:.055;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 12% 18%,rgba(20,28,22,.2) 0 .7px,transparent .7px 2.4px);animation:grainShift 1.1s steps(3) infinite}.fx-chroma{position:fixed;inset:0;z-index:70;opacity:0;mix-blend-mode:screen;background:linear-gradient(90deg,rgba(255,40,90,.16),transparent 38%,rgba(40,255,190,.14));will-change:opacity,transform}.fx-wipe{display:none}.fx-ring{position:fixed;left:50%;top:48%;width:48px;height:48px;margin:-24px 0 0 -24px;border:2px solid color-mix(in srgb,var(--lime) 80%,white);border-radius:50%;transform:scale(0);opacity:0;z-index:40;box-shadow:0 0 40px #6fc24759}.fx-cursor{position:fixed;top:0;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--lime);mix-blend-mode:multiply;opacity:0;z-index:90;will-change:transform}@media(hover:hover)and (pointer:fine){body.has-fx-cursor,body.has-fx-cursor a,body.has-fx-cursor button{cursor:none}.fx-cursor.is-on{opacity:.8}}.split-char{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:.95}.split-char__inner{display:inline-block;will-change:transform}.quotes figure{transition:transform .28s var(--ease-out-quint),border-color .28s var(--ease-out-quint)}.quotes figure:hover{transform:translateY(-6px);border-color:var(--lime)}.btn{transition:transform .18s var(--ease-out-quint),background .18s ease}.btn:active{transform:scale(.97)}@keyframes riseIn{0%{transform:translateY(28px)}to{transform:none}}@keyframes riseInCenter{0%{transform:translate(-50%) translateY(28px)}to{transform:translate(-50%)}}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-1.6%,2.2%)}66%{transform:translate(2.1%,-1.4%)}to{transform:translate(0)}}@media(max-width:900px){.fx-cursor,.fx-chroma{display:none}.fx-grain{opacity:.035}}@media(prefers-reduced-motion:reduce){.fx-grain,.fx-chroma,.fx-wipe,.fx-ring,.fx-cursor{display:none!important}.hero__kicker,.hero__word,.hero__row--second,.hero__sub,.badges li,.hero__scroll{animation:none!important}}body.is-reduced .hero__kicker,body.is-reduced .hero__word,body.is-reduced .hero__row--second,body.is-reduced .hero__sub,body.is-reduced .badges li,body.is-reduced .hero__scroll{animation:none!important}