/* A sculptural opening: stacked / rotating / fanned / directly manipulable. */
.deck-hero{height:calc(100svh - 145px);min-height:810px;max-height:1080px}
.deck-hero h1{left:5%;top:80px;width:90%;font-size:clamp(78px,8.4vw,146px);font-weight:500;line-height:1.01;letter-spacing:-.068em;z-index:0;pointer-events:none}
.deck-hero h1 .hero-title-line{margin:0;display:block}
.deck-hero h1 .hero-title-second{margin-left:12vw}
.deck-hero h1 em{font-weight:400;letter-spacing:-.07em}
.deck-hero .hero-scene{inset:215px 10% 142px;z-index:2;pointer-events:auto;cursor:grab;touch-action:pan-y}
.hero-scene.is-dragging{cursor:grabbing}
.deck-hero .hero-scene canvas{filter:drop-shadow(12px 25px 16px #292a2525)}
.deck-controls{position:absolute;bottom:112px;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:12px}
.deck-controls button{border:1px solid var(--line);border-radius:30px;padding:12px 20px;background:var(--paper);font-size:10px;letter-spacing:.04em;min-height:42px;transition:background .2s,border-color .2s,transform .3s var(--ease)}
.deck-controls button:hover{background:var(--sand);border-color:var(--sand)}
.deck-controls button:active{transform:scale(.97)}
.deck-controls span{font-size:9px;color:var(--muted);margin-left:10px;letter-spacing:.02em}
.deck-side-label{position:absolute;right:var(--gutter);top:52%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em}
.deck-hero .hero-bottom{bottom:34px;align-items:end}
.hero-progress{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}
.hero-progress span{display:block;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left}
.collection-deck{overflow:visible;top:140px;right:1vw;width:47vw;height:430px;pointer-events:auto}
.collection-deck .hero-scene{inset:0 0 45px;pointer-events:auto;cursor:grab;touch-action:pan-y}
.collection-deck .deck-controls{bottom:-25px;flex-wrap:wrap;gap:10px}
.collection-deck .deck-controls span{width:100%;text-align:center;margin:6px 0 0}
body[data-page=collection] .page-head{width:62%;pointer-events:none}
body[data-page=collection] .page-head h1{font-size:clamp(75px,7.8vw,126px)}
.kinetic-intro .kinetic-word{display:inline-block;transition:none}
@media(max-width:1050px){.deck-hero h1{top:100px;font-size:8.5vw}.deck-hero h1 .hero-title-second{margin-left:5vw}.deck-hero .hero-scene{inset:205px 2% 145px}.collection-deck{right:-1vw;top:160px;width:45vw;height:360px}.collection-deck .deck-controls button{padding:11px 15px}.deck-controls span{font-size:8px}}
@media(max-width:700px){.deck-hero{height:800px;min-height:800px;max-height:none}.deck-hero h1{top:83px;left:24px;width:calc(100% - 48px);font-size:16vw;line-height:1.05}.deck-hero h1 .hero-title-second{margin-left:0;font-size:13vw;margin-top:4px}.deck-hero .hero-scene{inset:245px 0 180px}.deck-side-label{display:none}.deck-controls{bottom:120px;gap:9px;flex-wrap:wrap;padding:0 20px}.deck-controls button{font-size:10px;min-height:44px;padding:12px 20px}.deck-controls span{display:block;width:100%;margin:7px 0 0;text-align:center;font-size:9px}.deck-hero .hero-bottom{bottom:28px;align-items:start}.hero-scroll-label{display:none}.collection-deck{top:435px;left:0;right:0;width:100%;height:295px}.collection-deck .hero-scene{inset:0 0 45px}.collection-deck .deck-controls{bottom:-23px;gap:8px}.collection-deck .deck-controls span{font-size:8px;margin-top:3px}body[data-page=collection] .page-head{width:100%;padding-bottom:365px}body[data-page=collection] .page-head h1{font-size:75px}.collection-deck .deck-controls button{min-height:40px;padding:10px 18px}}
@media(max-width:380px){body[data-page=collection] .page-head h1{font-size:68px}.collection-deck{top:435px}.deck-hero h1{font-size:15.7vw}}
@media(prefers-reduced-motion:reduce){.hero-scene{cursor:default!important}}
body.reduce-motion .hero-scene{cursor:default!important}
.hero-scene canvas{max-width:100%;max-height:100%}
.collection-deck .fallback-cards .cutout{transform:rotate(-12deg);width:150px}
.deck-hero .hero-scene canvas,.collection-deck .hero-scene canvas{filter:none}
.hero-scene:before{content:'';position:absolute;width:62%;height:12%;left:19%;bottom:4%;background:radial-gradient(ellipse,#292a2514,transparent 70%);pointer-events:none;z-index:-1}
.deck-controls button{min-height:44px}
.deck-controls{flex-wrap:wrap}
@media(max-width:700px){.deck-controls{gap:7px}.deck-controls button{padding:10px 14px;font-size:9px}.collection-deck .deck-controls button{padding:10px 12px;font-size:9px}}
html[data-motion=full] .hero-scene{cursor:grab!important}
html[data-motion=full] .hero-scene.is-dragging{cursor:grabbing!important}
html[data-smooth=true]{scroll-behavior:auto}
@media(min-width:701px) and (max-width:1050px){.collection-deck{right:0}}