/* Independent surfaces and transparent foregrounds. No flattened section art. */
:root{--ink:#11110f;--paper:#f0e3c7;--red:#d3271d;--orange:#ff6618;--art-width:1400px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Tahoma,Arial,sans-serif;overflow-x:clip}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:7px}.surface{position:relative;isolation:isolate}.grain{position:absolute;inset:0;pointer-events:none;background:url('assets/layers/texture-paper.webp') repeat;background-size:540px;z-index:-1;mix-blend-mode:soft-light;opacity:.46}.craft{background:#070808;z-index:4}.craft .grain{opacity:.3}.hero-canvas{max-width:var(--art-width);margin:auto;position:relative;padding-top:28px}.folio{display:flex;align-items:center;justify-content:space-between;padding:0 6%;font-size:13px;color:var(--paper)}.folio>span:nth-child(2){color:var(--orange);font-size:20px}h1{width:86%;margin:35px auto -30px;position:relative;z-index:2;transform:translateY(var(--title-y,0px));will-change:transform}h1 img{width:100%;max-height:580px;object-fit:contain}.craft-scene{position:relative;height:clamp(540px,53vw,750px)}.artisan{position:absolute;width:65%;height:108%;object-fit:contain;object-position:center bottom;left:18%;bottom:0;z-index:1}.craft-copy{position:absolute;left:5%;top:24%;width:23%;font-size:clamp(17px,2.05vw,28px);line-height:1.7;z-index:2}.craft-copy strong{font-weight:700}.badge{position:absolute;right:3%;top:16%;width:16%;transform:rotate(var(--badge-rotation,8deg));z-index:2}.craft-star{position:absolute;right:8%;bottom:12%;font-size:clamp(40px,6vw,80px);color:var(--orange)}.trail{position:absolute;bottom:-9%;left:0;width:100%;pointer-events:none;z-index:3;transform:translateY(var(--trail-y,0px));will-change:transform}.scroll-note{position:absolute;bottom:32px;left:5%;z-index:5;font-size:14px;padding:12px 0;border-bottom:1px solid #d8c399}.scroll-note span{margin-right:22px;color:var(--orange)}
/* Native sticky scroll: normal scrolling enters, progresses through three beats, then releases. */
.product-scroll{position:relative;height:330svh;z-index:3;background:var(--paper);color:var(--ink)}.product-stage{position:sticky;top:0;height:100svh;min-height:600px;background:var(--paper);overflow:clip}.product-stage .grain{mix-blend-mode:multiply;opacity:.37}.product-canvas{position:relative;max-width:var(--art-width);height:100%;margin:auto}.product-canvas h2{position:absolute;top:4%;left:10%;width:80%;height:43%;z-index:0}.chair-title{width:100%;height:100%;object-fit:contain;object-position:center top}.mood{position:absolute;width:23%;height:26%;right:3%;top:32%;object-fit:contain;z-index:2;transform:rotate(-8deg)}.product-copy{position:absolute;left:5%;top:53%;font-size:clamp(16px,1.6vw,23px);font-weight:700;line-height:1.8;width:22%;z-index:4}.products{position:absolute;left:23%;bottom:10%;width:57%;height:67%;z-index:3}.product{position:absolute;inset:0;opacity:0;transform:translate3d(80px,36px,0) rotate(7deg) scale(.91);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.75,.2,1);pointer-events:none}.product.active{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}.product.leaving{transform:translate3d(-95px,-18px,0) rotate(-6deg) scale(.96)}.product img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 14px #3e2b1522)}.product[data-product='1']{inset:5% -13% 0}.product[data-product='2']{inset:7% -3% 0}.product-caption{position:absolute;right:4%;bottom:19%;width:17%;font-size:clamp(16px,1.6vw,23px);font-weight:700;line-height:1.75;z-index:4}.detail-rule{display:block;height:54px;width:85%;border-top:1px solid var(--ink);border-right:1px solid var(--ink);margin:0 0 18px;position:relative}.detail-rule:after{content:'◆';position:absolute;right:-6px;bottom:-8px;font-size:12px}.product-bottom{position:absolute;bottom:3%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6}.scroll-instruction,.step-count{font-size:13px}.step-count{direction:rtl;font-variant-numeric:tabular-nums}.step-count>span{color:#af3021;font-weight:700}.steps{display:flex;gap:6px}.steps button{border:1px solid #9b8a6b;background:transparent;color:var(--ink);padding:12px 17px;min-height:44px;font-size:14px;transition:background .2s,color .2s}.steps button span{font-size:12px;margin-left:7px}.steps button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.skip-sequence{position:absolute;left:5%;bottom:11%;font-size:12px;z-index:7;text-decoration:underline;text-underline-offset:5px}.divider{position:absolute;top:auto;bottom:-328px;transform:none;left:0;width:100%;height:auto;pointer-events:none;z-index:8}
/* One continuous red surface behind both the third composition and the FAQ. */
.red-chapter{background:var(--red);color:var(--ink);z-index:2}.red-chapter>.grain{opacity:.24;mix-blend-mode:multiply}.discover-canvas{max-width:var(--art-width);margin:auto;padding:100px 3% 0}.discover h2{width:94%;margin:auto}.discover h2 img{width:100%;max-height:540px;object-fit:contain}.handoff-scene{position:relative;height:clamp(420px,47vw,700px);margin-top:-2%}.hands{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateY(var(--hands-y,0px));will-change:transform}.discover-copy{position:absolute;left:3%;top:16%;font-size:clamp(18px,2.3vw,33px);font-weight:700;line-height:1.7;z-index:2}.oval-link{position:absolute;right:5%;bottom:2%;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:50%;font-size:clamp(20px,2.5vw,36px);font-weight:700;padding:22px 35px;transform:rotate(-12deg);outline:2px solid var(--paper);outline-offset:5px;transition:transform .25s}.oval-link:hover{transform:rotate(-5deg) scale(1.03)}.oval-link span{display:block;text-align:center;font-size:38px;line-height:1}.discover-wordmark{width:96%;max-height:310px;object-fit:contain;margin:32px auto}.closing-line{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(18px,2.4vw,33px);color:var(--paper);text-align:center;padding:0 3% 80px}.closing-line span{font-size:25px;color:var(--ink)}.faq{max-width:1160px;margin:auto;padding:35px 55px 80px}.faq-top{display:flex;align-items:center;gap:50px;margin-bottom:55px}.faq h2{font-size:clamp(44px,6.4vw,88px);line-height:1.25;font-weight:900;letter-spacing:-3px}.faq-top>span{font-size:clamp(28px,4vw,50px);font-style:italic;transform:rotate(-12deg);color:var(--paper);border-bottom:2px solid;white-space:nowrap}.questions{border-top:1px solid var(--ink)}details{border-bottom:1px solid #11110f88}summary{display:flex;align-items:center;gap:25px;min-height:90px;padding:20px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary h3{font-size:clamp(18px,2vw,25px);line-height:1.6;margin:0}.number{color:var(--paper);font-weight:bold;font-size:26px;min-width:36px}.toggle{margin-right:auto;width:18px;height:18px;position:relative;flex-shrink:0}.toggle:before,.toggle:after{content:'';position:absolute;background:var(--ink);width:18px;height:2px;top:8px;left:0}.toggle:after{transform:rotate(90deg);transition:transform .2s}details[open] .toggle:after{transform:rotate(0)}details>p{font-size:18px;line-height:1.9;margin:0 61px 28px 35px;max-width:740px}.faq-end{font-size:16px;padding-top:30px;color:var(--ink)}footer{background:var(--ink);color:var(--red);padding:60px 6% 30px}footer .grain{opacity:.2}.footer-inner{max-width:1160px;margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:50px}.footer-top>a{width:50%;display:block}.footer-wordmark{display:block;width:100%;aspect-ratio:3.7;background:var(--red);mask:url("assets/layers/wordmark.webp") center/contain no-repeat;-webkit-mask:url("assets/layers/wordmark.webp") center/contain no-repeat}.footer-top p{font-size:clamp(22px,3vw,40px);line-height:1.65;font-weight:700}footer nav{display:flex;justify-content:space-between;gap:20px;border:0;padding:25px 0;margin:45px 0 25px;font-size:16px}footer a:hover{text-decoration:underline;text-underline-offset:6px}.colophon{display:flex;justify-content:space-between;gap:20px;font-size:13px}.skip{position:fixed;left:20px;top:-80px;background:var(--paper);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:20px}
@media(min-width:1600px){.divider{bottom:-328px}.hero-canvas{padding-top:40px}}
@media(max-width:760px){.hero-canvas{padding-top:20px}.folio{font-size:11px;padding:0 6%}.folio>span:nth-child(2){font-size:16px}h1{width:94%;margin:24px auto -8px}h1 img{max-height:none}.craft-scene{height:510px}.artisan{width:87%;height:86%;left:7%;bottom:0}.craft-copy{left:5%;top:4%;width:48%;font-size:16px;line-height:1.7}.badge{right:4%;top:5%;width:25%}.craft-star{right:4%;bottom:24%;font-size:40px}.trail{bottom:-4%;width:110%;max-width:none;left:-5%}.scroll-note{bottom:20px;font-size:12px}.product-scroll{height:310svh}.product-stage{height:100svh;min-height:570px}.product-canvas h2{left:4%;width:92%;height:35%;top:7%}.mood{width:33%;height:19%;top:28%;right:2%}.product-copy{left:5%;top:34%;width:48%;font-size:16px;line-height:1.65}.products{left:10%;width:80%;height:49%;bottom:17%}.product-caption{right:5%;bottom:11%;width:48%;font-size:16px;line-height:1.5}.detail-rule{display:none}.product-caption p br{display:none}.product-bottom{left:5%;right:5%;bottom:3%;gap:10px}.scroll-instruction{display:none}.steps{gap:5px}.steps button{font-size:13px;padding:10px 12px}.steps button span{font-size:11px;margin-left:5px}.step-count{font-size:12px}.skip-sequence{left:5%;bottom:11%;font-size:12px}.divider{bottom:-25vw;width:106%;max-width:none;left:-3%}.discover-canvas{padding:70px 4% 0}.discover h2{width:100%}.handoff-scene{height:430px;margin-top:0}.hands{top:17%;height:76%;width:105%;max-width:none;left:-2.5%}.discover-copy{top:1%;left:1%;font-size:18px;line-height:1.65}.oval-link{font-size:21px;padding:16px 24px;right:5%;bottom:0}.oval-link span{font-size:28px}.discover-wordmark{margin:35px auto 28px}.closing-line{font-size:17px;line-height:1.8;gap:12px;padding-bottom:55px}.closing-line span{font-size:18px}.faq{padding:10px 6% 55px}.faq-top{gap:20px;margin-bottom:30px;flex-wrap:wrap}.faq h2{font-size:46px;letter-spacing:-2px}.faq-top>span{font-size:30px}summary{gap:12px;min-height:78px}.number{font-size:22px;min-width:26px}summary h3{font-size:18px}details>p{margin:0 38px 25px 0;font-size:16px;line-height:1.95}.faq-end{font-size:14px}footer{padding:40px 6% 25px}.footer-top{gap:20px}.footer-top>a{width:48%}.footer-top p{font-size:18px}footer nav{font-size:14px;flex-wrap:wrap;gap:22px;margin-top:30px}.colophon{font-size:12px;line-height:1.6;flex-wrap:wrap}.colophon>span:nth-child(2){display:none}}
@media(max-height:650px) and (min-width:761px){.product-stage{min-height:0}.product-copy,.product-caption{font-size:16px}.product-bottom{bottom:2%}.product-canvas h2{height:38%}.mood{height:23%}.steps button{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-scroll{height:auto}.product-stage{position:relative;height:850px;max-height:none}.scroll-instruction{visibility:hidden}.trail,.hands,h1,.badge{transform:none!important}@media(max-width:760px){.product-stage{height:780px}}}
@media(max-height:570px){.product-scroll{height:auto}.product-stage{position:relative;height:660px;min-height:660px}.product-canvas h2{height:38%}.scroll-instruction{visibility:hidden}}
html,main{overflow-x:clip}
@media(max-width:760px){.mood{right:5%;width:30%;transform:none}.trail{width:100%;left:0}.product-caption p br{display:block}.product-caption{bottom:11%;font-size:15px}.skip-sequence{bottom:12%}}
@media(min-width:761px){.product[data-product='1']{inset:7% 0 0}.product-copy{left:4%;width:19%}}
.scroll-note{display:none}


/* Dust and frost are independent repeatable texture layers over deep black. */
.craft .grain{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22600%22%20viewBox%3D%220%200%20600%20600%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.64%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.85%200%200%200%200%200.85%200%200%200%200%200.85%2012%200%200%200%20-7.4%22%2F%3E%3C%2Ffilter%3E%3Cpath%20fill%3D%22white%22%20filter%3D%22url(%23n)%22%20d%3D%22M0%200h600v600H0z%22%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22600%22%20viewBox%3D%220%200%20600%20600%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.035%22%20numOctaves%3D%223%22%20seed%3D%228%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.35%200%200%200%200%200.35%200%200%200%200%200.35%203%200%200%200%20-1.65%22%2F%3E%3C%2Ffilter%3E%3Cpath%20fill%3D%22white%22%20filter%3D%22url(%23n)%22%20d%3D%22M0%200h600v600H0z%22%2F%3E%3C%2Fsvg%3E");background-size:430px 430px,900px 900px;mix-blend-mode:screen;opacity:.15}
.hero-star{position:absolute;z-index:3;pointer-events:none;width:4.3%;height:auto;object-fit:contain}.hero-star--1{top:4.5%;left:10%;width:3.6%;transform:rotate(-9deg)}.hero-star--2{top:25%;left:2.5%;width:4.4%}.hero-star--3{top:23%;right:2%;width:4.2%;transform:rotate(8deg)}.hero-star--4{bottom:20%;right:5%;width:6%}
@media(max-width:760px){.hero-star--1{top:5%;left:7%;width:5%}.hero-star--2{top:23%;left:.5%;width:5%}.hero-star--3{top:32%;right:3%;width:5%}.hero-star--4{bottom:20%;right:4%;width:8%}}

.folio>span:nth-child(2){font-size:inherit;color:inherit}
/* Motion layers: transform-only depth, one-time reveals, and restrained idle movement. */
[data-motion-pending]{opacity:0}
.artisan{translate:0 var(--artisan-y,0px)}
.mood{translate:0 var(--mood-depth,0px)}
.chair-title{translate:0 var(--type-depth,0px)}
.discover h2{translate:0 var(--red-title-y,0px)}
.hero-star{animation:star-breathe 6.5s ease-in-out infinite;animation-play-state:paused;transform-origin:center}
.hero-star--2{animation-delay:-2.3s;animation-duration:7.8s}.hero-star--3{animation-delay:-4.7s;animation-duration:8.4s}.hero-star--4{animation-delay:-1.1s;animation-duration:7.2s}
.badge{animation:badge-drift 7s ease-in-out infinite;animation-play-state:paused}
.craft.is-in-view .hero-star,.craft.is-in-view .badge{animation-play-state:running}
.product.active img{animation:product-rest 7s ease-in-out infinite;animation-play-state:paused}
.product-stage.is-in-view .product.active img{animation-play-state:running}
@keyframes star-breathe{0%,100%{scale:.95;rotate:-5deg;translate:0 0}50%{scale:1.06;rotate:6deg;translate:0 -5px}}
@keyframes badge-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes product-rest{0%,100%{translate:0 0}50%{translate:0 -4px}}
.steps button{transition:background .2s,color .2s,translate .2s}.steps button:hover{translate:0 -3px}.steps button:active{translate:0 0}
footer nav button{background:none;color:inherit;border:0;padding:0;font:inherit;text-align:right}footer nav button:hover{text-decoration:underline;text-underline-offset:6px}footer nav button:disabled{opacity:.7;cursor:default}
.motion-paused *, .motion-background *{animation-play-state:paused!important}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{transition:none!important}
.motion-paused .artisan,.motion-paused .mood,.motion-paused .chair-title,.motion-paused .discover h2{translate:none!important}
.motion-paused .trail,.motion-paused .hands,.motion-paused h1,.motion-paused .badge{transform:none!important}
@media(prefers-reduced-motion:reduce){[data-motion-pending]{opacity:1}.artisan,.mood,.chair-title,.discover h2,.product img{translate:none!important}.hero-star,.badge,.product.active img{animation:none!important}}