/* Pond green, blush, pearl: clear subjects with refraction confined to controls. */
:root{--ink:#171f1c;--paper:#f0efe8;--acid:#c3cc8a;--muted:#b3bbae;--line:#dbe4d528;--blush:#d4b9b6}
body{background:#171f1c;color:var(--paper)}
main,.masthead,footer{position:relative}.masthead{background:#171f1c;padding:1.15rem 4%;z-index:8}.masthead nav{gap:.3rem;padding:.3rem;border-radius:100px}.masthead nav a{padding:.65rem 1rem;border-radius:100px;position:relative;z-index:1}.masthead nav a:hover{background:#f1f3e516;color:#fff}.contact-nav{font-size:.875rem}
.hero{background:#171f1c;isolation:isolate;height:max(850px,calc(100svh - 88px));min-height:850px;max-height:1120px}
#dream-field{position:absolute;inset:0;width:100%;height:100%;opacity:.46;pointer-events:none;z-index:0;mask-image:linear-gradient(180deg,transparent,#000 35%,#000 75%,transparent)}
.hero-title{z-index:1;top:.7rem;background:none;-webkit-text-fill-color:#e8e9dd;color:#e8e9dd;opacity:1;filter:none;text-shadow:none;font-size:27.5vw;letter-spacing:-.07em}
.hero-index{color:#b8c0b3;z-index:5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em}
.hero-media{right:5%;top:25%;width:42%;height:63%;z-index:2;clip-path:none;mask-image:none;border-radius:34% 34% 26px 26px;background:#1c2521;overflow:hidden;transform:translate(var(--portrait-x,0px),var(--portrait-y,0px)) rotate(2deg);border:1px solid #e2ead038;box-shadow:0 22px 45px #09110e38}
.hero-media img,html[data-finish] .hero-media img{filter:none;opacity:1;object-position:73% 37%;object-fit:cover}.hero-media:after{background:linear-gradient(0deg,#07141099,transparent 23%);mix-blend-mode:normal}.hero-media figcaption{display:block;bottom:1.4rem;left:1.4rem;font-size:.75rem;transform:none;color:#e4e9da}
.cloth-stage{inset:21% 36% 30% -2%;filter:none;z-index:3}.cloth-hint{left:49%;bottom:2%;color:#c8d0bf;font-size:.75rem;letter-spacing:.12em;text-shadow:none}
.hero-copy{left:4%;bottom:9%;width:35%;text-shadow:none}.hero-copy h2{font-size:clamp(2.6rem,4vw,4.6rem);line-height:1.04;margin-bottom:1rem}.hero-copy h2 em{color:#d4b9b6;font-size:1.12em}.hero-copy .eyebrow{color:#c6d1b3;margin-bottom:.9rem}.hero-description{font-size:1rem;color:#ced4c7;margin-bottom:1.25rem}.hero-copy .pill{border:0;border-radius:100px;background:#ced3b2;color:#1e291e;padding:.8rem 1.15rem;gap:1.5rem}.hero-copy .pill:hover{background:#e0bfc1;color:#1e291e}
.cloth-controls{right:5.8%;bottom:12%;padding:.85rem 1rem;border-radius:22px;z-index:6;max-width:20rem;backdrop-filter:none;background:transparent;border:0}.cloth-controls p{color:#f0eee5;margin-bottom:.6rem}.finish-buttons{gap:.3rem}.finish-buttons button{min-width:4rem;border:1px solid #e6e8d936;background:#19231d66;backdrop-filter:none;border-radius:100px;padding:.55rem .8rem;color:#f0efe6}.finish-buttons button[aria-pressed=true]{background:#d8dcc2;color:#1d281d;border-color:#e1e4d0;box-shadow:inset 0 1px 0 #fff8}.finish-buttons button:hover{background:#f4f4e61a;color:#fff}.finish-buttons button[aria-pressed=true]:hover{color:#1d281d;background:#e7e9d7}.cloth-actions{margin-top:.3rem}.cloth-actions button{color:#d8ded1;font-size:.875rem;min-height:40px}.cloth-credit{color:#c3cdbb;font-size:.75rem}.cloth-controls a:hover{color:white}.hero-bottom{color:#aeb9a7}.hero-bottom .motion-toggle{padding:.45rem .75rem;border:1px solid #d9e3cd2a;border-radius:100px}
.eyebrow,.tag,.product-status,.product-title>span,.model-coordinate{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em}
.manifesto{background:#b5bf83;color:#22301f;padding:7rem 6%;border-radius:38px 38px 0 0;margin-top:-1rem;z-index:4;position:relative}.manifesto .eyebrow{color:#394a2c}.manifesto h2{font-size:clamp(4rem,8.3vw,9rem)}.manifesto h2 em{color:#36492e;text-shadow:none}.manifesto p:not(.eyebrow){color:#35452d}.section-coordinate{color:#4c5e3a}
.inside{background:#eeeee7;color:#243027;padding:5rem 4%}.inside .section-top .eyebrow{color:#58634d}.inside .tag{border-color:#89927a;color:#4c5847;border-radius:100px}.inside-heading h2 em{color:#7a885c}.inside-heading>p{color:#57634f}
.explorer{border:0;gap:1.25rem;min-height:670px}.model-stage{background:#dce0d2;border:1px solid #a0ac902f;border-radius:32px;min-height:660px;overflow:hidden}.model-stage:before{z-index:0;top:21%;color:#c0cab2;filter:none;font-size:14vw}.model-stage:after{display:none}.model-fallback,#three-container{mask-image:none;filter:none}.model-fallback img{filter:none}.model-stage #three-container{z-index:1}.model-coordinate{left:1.5rem;top:1.5rem;color:#5b6b52;text-shadow:none}.model-help{left:1.5rem;bottom:1.5rem;color:#485a41;text-shadow:none}.view-buttons{right:1rem;bottom:1rem;padding:.3rem;border-radius:100px;z-index:3}.view-buttons button{position:relative;z-index:1;border:0;border-radius:100px;background:transparent;backdrop-filter:none;color:#243322;padding:.6rem .85rem}.view-buttons button:hover{background:#f9faef80}.view-buttons button[aria-pressed=true]{background:#596b44;color:#fff}
.explorer-panel{border:0;padding:1.5rem 1.1rem 1.5rem 1.3rem}.stage-tabs{border:1px solid #99a58b40;border-radius:100px;padding:.3rem;background:#e2e5d9;gap:.2rem;flex-wrap:wrap}.stage-tabs button{border:0;border-radius:100px;padding:.7rem .55rem;min-width:75px;color:#4a5741}.stage-tabs button[aria-pressed=true]{border:0;background:#fafbf5;color:#263a25;box-shadow:0 2px 8px #26382212}.stage-number{color:#acb894;text-shadow:none;font-size:5rem}.stage-copy h3{font-size:2.2rem}.stage-copy p{color:#526049}.reveal-control{border-color:#a4ad963e}.reveal-control input{accent-color:#73824c;color-scheme:light}.reveal-control #reveal-hint,.model-note{color:#617052}.text-button{color:#3c4e30}.spec-strip{border-color:#a4ad964d}.spec-strip span{color:#5a664f}.spec-strip strong{color:#35442d}.engineering-notes summary{color:#3c4b34}.engineering-notes>div{color:#4e5e43}
.contact-study{background:#e0c6c1;color:#273027;padding:6rem 5%;gap:4%;grid-template-columns:1.2fr 1fr;min-height:750px}.contact-study figure{transform:rotate(-3deg);border-radius:28px;overflow:hidden;min-height:570px;border:1px solid #65554730}.contact-study figure img{clip-path:none;mask-image:none;filter:none}.contact-study figure:after{display:none}.contact-study figcaption{transform:none;bottom:1.3rem;left:1.3rem;background:#17231a99;border:1px solid #f2efe53d;border-radius:100px;padding:.35rem .7rem;width:max-content;max-width:90%;font-size:.75rem}.contact-study-copy{padding-left:3%}.contact-study-copy .eyebrow{color:#685651}.contact-study-copy h2{margin-left:-10%;font-size:clamp(3rem,4.5vw,5.3rem);text-shadow:none}.contact-study-copy h2 em{color:#755655}.contact-study p:not(.eyebrow){color:#555247}.material-samples{color:#5b5349}.material-samples .citron{background:#afbb76}
.collection{background:#eeeee7;color:#273326;padding:6rem 5%}.collection .section-top .eyebrow{color:#59684d}.collection .tag{border-radius:100px;border-color:#96a187;color:#5a674e}.collection-heading h2 em{color:#7b8760}.collection-heading>p{color:#617055}.product{border-color:#8b977a45}.product:before{color:#d0d5c4}.product-image{mask-image:none;border-radius:30px;background:#d8dfd2;box-shadow:0 18px 30px #26351b0d;border:1px solid #879f7030}.product-image img,.halo-product img{filter:none}.product-title>span,.product>p,.product-status{color:#60714f}.product:nth-child(3) .product-title h3{color:#8c6e68}.image-link{border-radius:50%;background:#e8ceca;color:#33432d;right:1rem;bottom:1rem}.product:nth-child(2) .product-image{border-radius:42% 42% 26px 26px}.product:nth-child(3) .product-image{border-radius:50%}
.coda{background:#273726;color:#f2f1e8;padding:5rem 5% 0}.coda .eyebrow{color:#bdc9ac}.coda h2 em{color:#dac0bc;text-shadow:none}.email-link{border-color:#d7e2c94a}.email-link:hover{color:#e8c8c3}.liquid-wordmark>span{filter:none;background-image:linear-gradient(163deg,#879679 9%,#f3f1e0 26%,#b5bc9e 35%,#5f7056 43%,#e6ccc5 49%,#c4bba7 55%,#d9dfc4 68%,#69765c 86%)}.liquid-symbol{filter:none;color:#bfcaab}footer{background:#1c281d;color:#b2bfa6;border-color:#d0dfc21f;backdrop-filter:none}
.liquid-surface{position:relative;isolation:isolate;background:#f6f8e818;border:1px solid #f1f6e342;box-shadow:inset 0 1px 0 #fff7,inset 0 -1px 0 #2130231a,0 8px 24px #06130918}
.liquid-surface:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(140deg,#fff4,transparent 24%,transparent 76%,#dbe3c326);box-shadow:inset 1px 1px 1px #fff5,inset -1px -1px 1px #8c9e7c38}
.liquid-surface>*{position:relative;z-index:1}.view-buttons.liquid-surface{background:#f3f6e989;border-color:#fff9}.cloth-controls.liquid-surface{background:#213121b3;border-color:#e3edcf3d}.masthead nav.liquid-surface{background:#d8e3c515}
.cloth-controls.liquid-surface,.view-buttons.liquid-surface{position:absolute}
.less-transparency .masthead nav.liquid-surface,.less-transparency .cloth-controls.liquid-surface{background:#2e3c2d}.less-transparency .view-buttons.liquid-surface{background:#eef2e6}
@media(max-width:1100px){.masthead nav{gap:.1rem}.masthead nav a{padding:.55rem .75rem}.cloth-stage{left:-12%;right:30%}.hero-media{right:4%;width:45%;height:63%}.hero-copy{width:41%}.hero-copy h2{font-size:4.7vw}.cloth-controls{right:5%;bottom:12%;max-width:17rem}.contact-study-copy h2{font-size:4.6vw}.contact-study{gap:2%}.model-stage{min-height:610px}.explorer-panel{padding-left:.75rem;padding-right:0}.stage-copy h3{font-size:2rem}}
@media(max-width:800px){.masthead{min-height:100px;padding:1rem 5%}.masthead nav{font-size:.875rem}.masthead nav a{padding:.55rem .7rem}.hero{height:1060px;min-height:max(1060px,65rem);max-height:none}.hero-title{font-size:28vw;top:4rem}.hero-media{top:21%;right:5%;width:65%;height:40%;transform:rotate(2deg);border-radius:38% 38% 24px 24px}.hero-media img{object-position:73% 37%}.hero-media figcaption{display:none}.cloth-stage{inset:16% 23% 47% -24%}.cloth-hint{left:39%;bottom:5%;font-size:.75rem}.hero-copy{left:6%;bottom:17.5%;width:88%}.hero-copy h2{font-size:clamp(2.8rem,8vw,4.5rem);line-height:1.02}.hero-copy h2 br{display:none}.hero-copy .hero-description br{display:none}.hero-description{max-width:27rem;font-size:1rem}.hero-copy .eyebrow{margin-bottom:.75rem}.cloth-controls{left:6%;right:6%;bottom:5.5%;max-width:none;padding:.85rem;grid-template-columns:1fr auto;gap:.2rem .8rem;border-radius:20px}.cloth-controls p{margin:0}.cloth-actions{gap:.8rem}.cloth-actions button{font-size:.875rem;min-height:44px}.cloth-credit{font-size:.75rem;margin-top:0}.hero-bottom{bottom:.35rem}.manifesto{border-radius:28px 28px 0 0;padding:5rem 6%}.manifesto h2{font-size:clamp(3.6rem,11vw,6rem)}.inside{padding:4rem 6%}.inside .model-stage{min-height:570px;border-radius:24px}.model-stage:before{font-size:24vw}.explorer-panel{padding:1.25rem 0 2rem}.stage-copy{min-height:240px}.stage-number{font-size:4rem}.contact-study{grid-template-columns:1fr;gap:2.5rem;padding:4.5rem 6%}.contact-study figure{width:94%;min-height:510px;margin-left:3%;border-radius:26px}.contact-study-copy{padding:1.5rem 0}.contact-study-copy h2{margin-left:0;font-size:clamp(3rem,8vw,4.8rem)}.collection{padding:4rem 6%}.product-image{width:88%;border-radius:24px}.product:nth-child(2) .product-image{width:85%}.product:nth-child(3) .product-image{width:80%}.coda{padding:4rem 6% 0}.view-buttons{padding:.2rem}.model-help{left:1rem}}
@media(max-width:450px){.masthead{padding:1rem 5%;gap:.6rem}.masthead nav a{padding:.4rem .6rem;max-width:5.7rem}.hero{height:1140px;min-height:max(1140px,70rem)}.hero-title{top:4.3rem}.hero-media{top:21%;height:34%;width:67%;right:4%}.cloth-stage{inset:19% 21% 49% -30%}.cloth-hint{bottom:14%;left:37%}.hero-copy{bottom:23%;width:88%}.hero-copy h2{font-size:clamp(2.5rem,8.8vw,3.2rem)}.cloth-controls{bottom:5.5%;grid-template-columns:1fr}.cloth-actions{grid-column:1;grid-row:3;gap:1.2rem}.cloth-controls p,.finish-buttons,.cloth-credit{grid-column:1}.cloth-credit{grid-row:4}.inside .model-stage{min-height:485px}.view-buttons{left:1rem;right:auto;bottom:1rem}.model-help{bottom:5rem;right:1rem}.contact-study figure{min-height:400px}.stage-copy h3{font-size:2rem}.stage-tabs{border-radius:22px}.stage-tabs button{min-width:72px}}
@media(prefers-reduced-motion:reduce){.hero-media{transform:rotate(2deg)}.hero-title{transform:none}}

/* Glass throughout: narrow reflections and translucent planes, zero scene blur. */
.hero-title{background:linear-gradient(167deg,#f6f8eaf5 12%,#c3cfbcbf 30%,#fbf9efd9 40%,#849f86a6 49%,#d6e1cae6 52%,#e5c6c4c9 71%,#b9ccb4d9 87%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px #f0f7e56b;text-shadow:0 1px 0 #ecf8e50d}
#dream-field{opacity:.60}
.liquid-surface{box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #26382d40,inset 1px 0 0 #e6ffe361,inset -1px 0 0 #eccdda59,0 7px 22px #07130b1c;border-color:#f0f8dc70}
.liquid-surface:after{background:linear-gradient(145deg,#ffffff4a,transparent 20%,transparent 73%,#d9c3d037),linear-gradient(0deg,#f2ffdf0a,#fff0);box-shadow:inset 1px 1px 1px #fff9,inset -1px -1px 1px #bfd4b166}
.masthead nav.liquid-surface{background:#bacfac13}.contact-nav.liquid-surface{padding:.8rem 1rem;border-radius:100px;background:#cfdfbd1a;color:#f2f4e9}
.hero-copy .pill.liquid-surface{background:linear-gradient(135deg,#dce7bfdf,#c5d8acc2 55%,#e1c5c5c7);border:1px solid #f0ffdcc2;color:#203321;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 3px #6d8b596b,0 8px 24px #0a160d26}.hero-copy .pill.liquid-surface:hover{background:#e7d1cacc;color:#203321}
.hero-bottom .motion-toggle.liquid-surface{background:#bbcca710;color:#d6e1ca;border-color:#dde9c84d;padding:.45rem .85rem}
.cloth-controls.liquid-surface{background:#283c2b78;border-color:#e8f4d268}.finish-buttons button{background:linear-gradient(165deg,#c9dab624,#152a1c38);border-color:#d6e5be59;box-shadow:inset 0 1px 0 #f2ffdf42}.finish-buttons button[aria-pressed=true]{background:linear-gradient(160deg,#f0f3dda6,#c7d2a8e6 65%,#e5e9d5e6);border-color:#f5ffe0b3;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 3px #879a6961;color:#20321e}
.hero-media{border:1px solid #efffdf85;box-shadow:0 1px 0 #fff5,0 20px 45px #06130d2e,inset 0 0 0 7px #effbdb20}
.hero-media:before,.product-image:after,.contact-study figure:before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 75% 38% at var(--gloss-x,25%) var(--gloss-y,0%),#f4ffdf26,transparent 70%),linear-gradient(120deg,#f4fff52b 0%,transparent 18%,transparent 84%,#e9c8d21a);box-shadow:inset 0 0 0 1px #f4ffeb80,inset 0 0 0 6px #d9f5d312,inset 3px 2px 2px #f4ffdf47,inset -3px -2px 2px #dae7e229}
.hero-media:after{background:linear-gradient(0deg,#07141099,transparent 23%)}
.inside{background:radial-gradient(ellipse at 12% 22%,#d6e3c58c,transparent 42%),radial-gradient(ellipse at 94% 66%,#e6cfcd72,transparent 42%),#eeeee7}
.model-stage{background:linear-gradient(140deg,#eff5e378,#d3dfc978 55%,#f2f3e178);border-color:#fff9;box-shadow:inset 0 1px 0 #fff,0 14px 32px #4c603b0a}.model-stage:before{color:#b4c3a059}
.explorer-panel{position:relative;isolation:isolate;border-radius:30px;border:1px solid #ffffffc9;background:linear-gradient(155deg,#ffffff78,#f5f7ec40 48%,#e6e9d55e);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9db28138,0 12px 32px #2f442711;padding:1.5rem}
.explorer-panel:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 85% 40% at var(--gloss-x,20%) var(--gloss-y,0%),#fff7,transparent 80%),repeating-linear-gradient(90deg,#f4ffed10 0 3px,transparent 3px 9px)}
.stage-tabs.liquid-surface{border-color:#ffffffcf;background:#e8efdb6b;box-shadow:inset 0 1px 0 #fff,0 3px 10px #293f1b08}.stage-tabs button[aria-pressed=true]{background:linear-gradient(170deg,#fffffff2,#f3f6e6c9);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px #879b6966,0 3px 8px #60704713}
.view-buttons.liquid-surface{background:#eaf2dc6e;border-color:#fff9}
.spec-strip{gap:.8rem}.spec-strip>div{padding:1.5rem 1.2rem;border-radius:22px;border:1px solid #ffffffd9;background:linear-gradient(155deg,#fafff38f,#e0e8d543);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9aa98838,0 5px 14px #405b2908}.spec-strip strong{font-size:clamp(1.6rem,2.6vw,2.8rem)}
.contact-study{background:radial-gradient(ellipse at 22% 45%,#efe2d978,transparent 56%),linear-gradient(125deg,#dfc4be,#e2cfca)}.contact-study figure{position:relative;border-color:#ffffff9c;box-shadow:0 14px 28px #5d403619,inset 0 1px 0 #fff8}
.collection{background:radial-gradient(ellipse at 78% 33%,#e3ead787,transparent 45%),#eeeee7}.product-image{border-color:#ffffffc9;box-shadow:inset 0 1px 0 #fff,0 14px 28px #3d532818}.product-image .image-link{z-index:3;background:linear-gradient(150deg,#f9eeebd6,#e4c9c5b5);border:1px solid #fff9;box-shadow:inset 0 1px 0 white,0 5px 16px #18332326}
.coda{background:linear-gradient(125deg,#263625,#344a34 55%,#293a2d)}.email-link{border-radius:0;border-color:#d6e9c478}.liquid-wordmark>span{-webkit-text-stroke:.5px #e6f3d352}
.less-transparency .contact-nav.liquid-surface,.less-transparency .hero-bottom .motion-toggle.liquid-surface{background:#344930}.less-transparency .hero-copy .pill.liquid-surface{background:#dce4c4}.less-transparency .stage-tabs.liquid-surface{background:#e2e9d5}.less-transparency .explorer-panel,.less-transparency .spec-strip>div{background:#f0f3e8}
@media(max-width:1100px){.explorer-panel{padding:1.1rem}.spec-strip>div{padding:1.3rem 1rem}.contact-nav.liquid-surface{padding:.7rem .8rem}}
@media(max-width:800px){.explorer-panel{padding:1.2rem;border-radius:24px}.spec-strip{gap:.8rem}.spec-strip>div{padding:1.25rem}.hero-copy .pill.liquid-surface{padding:.8rem 1rem}}
@media(max-width:450px){.explorer-panel{padding:1rem}.stage-tabs.liquid-surface{border-radius:22px}.spec-strip>div{padding:1.1rem .85rem}.spec-strip strong{font-size:1.6rem}.hero-title{-webkit-text-stroke:.4px #f0f7e56b}}

/* Living illustrated poster: exact crop, sharp subject, separate reflective frame. */
.hero-media .portrait-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-media .portrait-canvas[hidden]{display:none}
.hero-media:after{z-index:2;pointer-events:none}
.hero-media figcaption{z-index:3;letter-spacing:.035em}
.motion-paused .hero-media,.motion-paused .hero-title{transition:none}