@font-face{font-family:WuDisplay;src:url('../assets/fonts/71ed8375d78a5bf38d.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#131316;--blue:#2027a3;--yellow:#feb601;--paper:#efeee8;--gutter:clamp(22px,5.5vw,110px);--body:'custom_146852',Arial,sans-serif;color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,.gong-title{font-family:WuDisplay,Impact,sans-serif;font-weight:400}h2{font-size:clamp(54px,7vw,122px);line-height:.95;letter-spacing:-.025em}em{font-style:normal;color:var(--yellow)}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{cursor:default;opacity:.3}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}p{font-size:clamp(15px,1.15vw,18px);line-height:1.7}p+p{margin-top:20px}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.gutter{padding-inline:var(--gutter)}.section-pad{padding:120px var(--gutter)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:7vw;margin-bottom:70px}.section-head>p{max-width:390px}.section-head h2{margin-top:22px}.skip-link{position:fixed;z-index:100;top:10px;left:20px;background:var(--yellow);color:#111;padding:15px;transform:translateY(-160%)}.skip-link:focus{transform:none}.signature img{width:60px;filter:brightness(0) invert(1)}[hidden]{display:none!important}::selection{color:var(--ink);background:var(--yellow)}
/* Album artwork leads the page. The record and sleeve share one responsive frame. */
.hero{position:relative;min-height:calc(100svh - var(--project-header-height));margin-top:var(--project-header-height);display:grid;grid-template-rows:auto minmax(260px,1fr) auto;isolation:isolate;overflow:clip;padding:35px var(--gutter) 24px;background:var(--blue)}.hero-background{position:absolute;inset:0;z-index:-1;background:linear-gradient(#2027a322,#2027a300 68%,#090b2820),url('../assets/wutang/hero-background.webp') center/cover no-repeat}.hero-heading{text-align:center;position:relative;z-index:2}.hero-heading .eyebrow{margin-bottom:16px;font-size:10px;color:#dfdff2}h1{line-height:.94;letter-spacing:-.015em}h1 span{display:block;font-size:clamp(39px,5.2vw,86px)}h1 strong{display:block;font-size:clamp(62px,8vw,134px);font-weight:400}.hero-subtitle{font-size:clamp(14px,1.35vw,21px);line-height:1.4;color:var(--yellow);margin-top:16px}.hero-product{width:min(80vw,72svh,850px);height:clamp(260px,43svh,550px);position:relative;margin:auto;filter:drop-shadow(0 22px 20px #080a3060);perspective:1300px}.hero-cover{position:absolute;inset:8% auto 0 4%;width:auto;height:88%;aspect-ratio:1;z-index:2;transform:rotate(-6deg) rotateY(-8deg)}.hero-record{position:absolute;height:84%;width:auto;aspect-ratio:1;top:9%;right:4%;transform:rotate(16deg);animation:record-enter 1.35s cubic-bezier(.2,.7,.2,1) both}.hero-product img{width:100%;height:100%;object-fit:contain}.hero-bottom{color:#111326;text-shadow:0 1px 6px #ffffff80;display:flex;align-items:end;justify-content:space-between;position:relative;gap:20px;font-size:10px;line-height:1.65}.hero-bottom>span:last-child{text-align:right}.hero-bottom a{display:flex;gap:28px;align-items:center;min-height:44px;font-size:12px}.hero-bottom a>span{font-size:22px;animation:scroll-cue 1.8s ease-in-out infinite}@keyframes record-enter{from{transform:translateX(-36%) rotate(-28deg)}to{transform:translateX(0) rotate(16deg)}}@keyframes scroll-cue{50%{transform:translateY(5px)}}
/* One bounded, reversible timeline. All coordinates are relative to its viewport. */
.visual-story{overflow-anchor:none;scroll-margin-top:-20px;position:relative;background:#0b0c18;isolation:isolate;height:calc(100svh - var(--project-header-height))}.story-enhanced .visual-story{height:calc(100svh + 440svh)}.story-pin{position:relative;height:calc(100svh - var(--project-header-height));min-height:360px;overflow:clip;background:#10121d}.story-enhanced .story-pin{position:sticky;top:var(--project-header-height)}.story-scene{position:absolute;inset:0;overflow:hidden}.city-world{position:absolute;width:100%;height:100%;background:#f1d914;transform-origin:61% 67%;will-change:transform,opacity}.city-world img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.temple-layer{z-index:1}.city-layer{z-index:2}.lightning-layer{z-index:3;will-change:opacity}.glow-layer{z-index:4}.story-light{position:absolute;inset:0;background:#fffef0;opacity:0;pointer-events:none}.interior-world{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#383eae,var(--blue) 60%,#151c74);opacity:0;display:flex;align-items:center;justify-content:center;will-change:opacity}.interior-pair{width:min(65%,calc((100svh - var(--project-header-height) - 170px)*1.713),1150px);margin-left:28%;transform-origin:60% 50%;will-change:transform;filter:drop-shadow(0 20px 18px #0005)}.inside-art{position:relative;aspect-ratio:723/422}.inside-art img{position:absolute;height:auto}.inside-art .room-layer{left:2.21%;top:2.13%;width:95.57%;z-index:0}.inside-art .gong-record{left:50.2%;top:9.48%;width:47.99%;z-index:1}.inside-art .monk-layer{inset:0;width:100%;height:100%;z-index:2}.story-top{position:absolute;inset:0 0 auto;padding:25px var(--gutter);background:linear-gradient(#080b1f90,transparent);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;z-index:5;text-shadow:0 1px 8px #000}.story-top a{font-size:11px;min-height:44px;display:flex;align-items:center;gap:20px}.story-caption{position:absolute;bottom:120px;left:var(--gutter);max-width:340px;z-index:5;padding:18px 22px 18px 0;color:#fff;text-shadow:0 2px 12px #000;background:linear-gradient(90deg,#10121d9c,transparent)}.story-caption p{font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.25}.story-caption>span{font-size:12px;line-height:1.6;display:block;margin-top:14px;max-width:275px;color:#e2e2e6}.gong-title{position:absolute;top:33%;left:var(--gutter);right:auto;width:27%;text-align:left;line-height:.9;opacity:0;pointer-events:none}.gong-title span{display:block;font-size:clamp(32px,3.4vw,62px)}.gong-title strong{display:block;font-size:clamp(48px,5.3vw,98px);font-weight:400}.story-controls{position:absolute;bottom:22px;left:var(--gutter);right:var(--gutter);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;color:#fff}.story-controls::before{content:'';position:absolute;inset:-28px calc(-1 * var(--gutter)) -22px;background:linear-gradient(transparent,#080b1fc9);z-index:-1}.story-stops{display:flex;gap:25px}.story-stops button{background:transparent;padding:7px 0;min-height:44px;font-size:12px;color:#d2d2da;display:flex;gap:10px;align-items:center;border-bottom:1px solid transparent}.story-stops button[aria-pressed=true]{color:var(--yellow);border-color:var(--yellow)}.scroll-note{font-size:10px;display:flex;gap:20px;align-items:center}.scroll-note>span{font-size:20px}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff25}.story-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--yellow)}
.brief{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--ink)}.brief-title h2{margin-top:28px}.brief-copy{max-width:600px}.brief-copy .lead{font-size:clamp(22px,2.2vw,33px);line-height:1.35;color:#f2f1ed;margin-bottom:28px}.brief-copy>p:not(.lead){color:#c7c6ce}.project-facts{border-top:1px solid #ffffff32;display:flex;gap:40px;padding-top:24px;margin-top:40px;font-size:12px;line-height:1.6}.project-facts dt{color:#a7a5b5;margin-bottom:10px}.project-facts dd{margin:0}.vinyl-section{padding-block:105px 100px;background:#19191d}.gatefold-views{display:grid;grid-template-columns:1fr 1fr;gap:2vw;max-width:1600px;margin:auto}.gatefold-views img{filter:drop-shadow(0 18px 16px #0005)}.record-reveal{overflow:hidden;padding-block:80px 60px}.record-interior{width:80%;max-width:1100px;margin:auto;filter:drop-shadow(0 20px 18px #0006)}.record-interior .sliding-record{transform:translateX(var(--record-x,0%)) rotate(var(--record-angle,0deg));will-change:transform}.collector{position:relative;isolation:isolate;overflow:clip;background:var(--blue);padding-top:100px;padding-bottom:100px}.character-sketch{position:absolute;top:210px;left:3%;width:96%;z-index:-1;opacity:.14;pointer-events:none}.statue-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center;max-width:1650px;margin:auto}.statue-package img{max-height:640px;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(10px 25px 25px #040b5266)}.statue-model{position:relative;min-width:0;aspect-ratio:1.15;max-height:650px;overflow:hidden;background:var(--blue)}.model-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.model-fallback img{width:100%;height:78%;object-fit:contain}.model-load{min-height:50px;background:var(--yellow);color:#191718;padding:15px 22px;display:flex;gap:24px;align-items:center;font-size:12px;font-weight:500}.statue-model iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}.model-close{position:absolute;right:12px;top:12px;z-index:2;background:#101328e8;color:#fff;padding:12px 16px;min-height:44px;font-size:11px}.model-status{position:absolute;bottom:10px;inset-inline:16px;text-align:center;font-size:12px;pointer-events:none}.statue-copy{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1fr 1fr;gap:5vw;border-top:1px solid #ffffff35;padding-top:30px;margin-top:25px}.statue-copy p+p{margin:0}.statue-copy .eyebrow{font-size:17px;color:var(--yellow)}.statue-copy p{font-size:15px;color:#e6e6f2}
.poster{background:var(--yellow);color:var(--ink);overflow:hidden;padding-bottom:70px}.poster-intro{display:grid;grid-template-columns:1fr .65fr;gap:13%;align-items:center}.poster-intro h2{font-size:clamp(80px,11vw,180px);margin-block:25px 32px}.poster-intro p:not(.eyebrow){max-width:450px}.poster-intro figure{transform:rotate(8deg)}.clan-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin-top:65px;scrollbar-color:#2027a3 #13131620;scrollbar-width:thin;padding-bottom:15px}.clan-scroll img{min-width:100%;width:100%;height:auto}.panorama-hint{display:none}.packaging{background:#e8e8e5;color:var(--ink)}.packaging .section-head{gap:8vw}.packaging-visuals{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:7vw;max-width:1350px;margin:auto}.packaging-visuals figure:first-child{transform:rotate(-5deg)}.packaging-visuals figure:last-child img{max-height:680px;object-fit:contain;filter:drop-shadow(10px 15px 15px #0002);transform:rotate(8deg)}.collection-finale{position:relative;background:var(--blue);padding-top:20px}.collection-finale>img{width:100%;height:auto;max-height:none}.collection-finale>p{position:absolute;left:var(--gutter);bottom:30px;font-size:10px;color:#fff}
.portfolio-footer{background:#0b0b0b;color:#f4f3ef;font-family:var(--body);padding:65px var(--gutter) 28px}.footer-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:65px}.footer-top p{font-size:13px;line-height:1.7}.footer-top p span{color:#a9a9a9}.footer-top>a:last-child{justify-self:end;font-size:13px;min-height:44px}.project-link{display:flex;justify-content:space-between;gap:35px;align-items:center;border-block:1px solid #fff3;padding:36px 0}.project-link .eyebrow{font-size:10px;font-weight:400}.project-link p+p{font-size:clamp(34px,5vw,86px);line-height:1.1;letter-spacing:-.05em;margin-top:16px}.project-link>span{font-size:clamp(40px,5vw,86px)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:30px;font-size:11px;line-height:1.6}
.motion-ready [data-reveal]{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(30px)}
@media(min-width:1600px){.hero-product{height:49svh}.hero{padding-top:40px}.hero-heading{padding-bottom:15px}}
@media(max-width:1100px){.section-pad{padding-block:85px}.hero{grid-template-rows:auto minmax(250px,1fr) auto;padding-top:35px}.hero-product{width:min(84vw,74svh,780px);height:clamp(300px,44svh,540px)}.hero-cover{left:7%}.hero-record{right:4%}.hero-bottom{font-size:9px}.section-head{gap:35px}.section-head>p{font-size:15px;max-width:280px}.statue-copy{grid-template-columns:1fr 1fr;gap:24px}.statue-copy .eyebrow{grid-column:1/-1}.statue-model{aspect-ratio:.85}.brief{gap:7vw}.brief h2{font-size:clamp(52px,7vw,88px)}.project-facts{flex-direction:column;gap:20px}.interior-pair{width:min(62%,calc((100svh - var(--project-header-height) - 170px)*1.713))}.gong-title{top:32%}}
@media(max-width:700px){
 :root{--gutter:22px}.section-pad{padding-block:70px}h2{font-size:clamp(52px,14vw,82px)}.eyebrow{font-size:10px}.hero{min-height:calc(100svh - var(--project-header-height));padding-top:32px;padding-bottom:15px;grid-template-rows:auto minmax(230px,1fr) auto;row-gap:15px}.hero-heading .eyebrow{font-size:8px;margin-bottom:19px}h1 span{font-size:clamp(28px,8.6vw,55px)}h1 strong{font-size:clamp(47px,13.1vw,83px)}.hero-subtitle{font-size:15px;margin-top:14px}.hero-product{width:100%;height:auto;aspect-ratio:1.2;min-height:230px;max-height:45svh}.hero-cover{height:auto;width:65%;top:7%;bottom:auto;left:0}.hero-record{width:63%;height:auto;top:7%;right:0}.hero-bottom{gap:10px}.hero-bottom>span:last-child{display:none}.hero-bottom>span:first-child{font-size:8px}.hero-bottom a{font-size:10px;gap:20px}.hero-background{background-position:center bottom}.story-enhanced .visual-story{height:calc(100svh + 340svh)}.story-top{inset:0 0 auto;padding:12px var(--gutter);gap:10px}.story-top .eyebrow{font-size:8px;max-width:150px}.story-top a{font-size:9px;gap:10px}.story-caption{display:none}.story-caption p{font-size:22px}.story-caption>span{font-size:11px;max-width:230px}.story-controls{bottom:16px;flex-wrap:wrap;gap:0;padding-top:0}.story-stops{gap:17px;width:100%;justify-content:space-between}.story-stops button{font-size:10px;gap:7px;min-height:44px}.scroll-note{font-size:8px;margin-top:4px;width:100%;justify-content:space-between}.scroll-note>span{font-size:16px}.story-progress{bottom:-5px}.gong-title{top:18%;left:15px;right:15px;width:auto;text-align:center}.gong-title span{font-size:clamp(31px,9vw,55px)}.gong-title strong{font-size:clamp(51px,15vw,90px)}.interior-pair{width:95%;margin-top:24%;margin-left:0;transform-origin:50% 50%}.brief{grid-template-columns:1fr;gap:40px}.brief h2{font-size:clamp(55px,14vw,85px)}.brief-copy .lead{font-size:23px}.project-facts{flex-direction:row;gap:30px;font-size:11px;margin-bottom:0}.section-head{display:block;margin-bottom:40px}.section-head>p{margin-top:25px;max-width:450px}.section-head>p br{display:none}.vinyl-section{padding-block:70px 45px}.gatefold-views{gap:0;padding-inline:8px}.gatefold-views figure:first-child{margin-right:-9%}.gatefold-views figure:last-child{margin-left:-9%;transform:translateY(22%)}.record-reveal{padding:55px 10px 20px}.record-interior{width:85%;margin-left:0}.collector{padding-block:70px}.character-sketch{top:260px;width:180%;left:-40%;opacity:.1}.statue-layout{grid-template-columns:1fr;gap:25px}.statue-package img{max-height:470px;width:85%;margin:auto}.statue-model{aspect-ratio:1.1;max-height:420px;min-height:260px;border-block:1px solid #ffffff30}.model-fallback{flex-direction:column;gap:12px;padding:12px 0}.model-fallback img{width:100%;height:75%}.model-load{font-size:11px;gap:15px;padding:13px;max-width:none;text-align:left}.statue-copy{display:block;padding-top:25px;margin-top:0;border:0}.statue-copy .eyebrow{margin-bottom:22px}.statue-copy p+p{margin-top:18px}.statue-copy p{font-size:15px}.poster{padding-bottom:45px}.poster-intro{grid-template-columns:1fr;gap:10px}.poster-intro h2{font-size:clamp(80px,23vw,140px)}.poster-intro figure{width:60%;justify-self:end;margin-top:15px}.clan-scroll{margin-top:30px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.clan-scroll img{width:auto;height:clamp(230px,48vw,330px);max-width:none}.panorama-hint{display:flex;justify-content:space-between;font-size:10px;margin-top:10px}.packaging-visuals{grid-template-columns:1.4fr .5fr;gap:25px}.packaging-visuals figure:first-child{margin-left:-12%}.packaging-visuals figure:last-child img{max-height:340px}.collection-finale{padding:0}.collection-finale>p{position:static;font-size:8px;padding:18px var(--gutter)}.footer-top{grid-template-columns:48px 1fr;gap:22px;margin-bottom:40px}.footer-top .signature img{width:48px}.footer-top p{font-size:11px}.footer-top>a:last-child{grid-column:2;justify-self:start;font-size:12px}.portfolio-footer{padding-top:40px}.footer-bottom{font-size:9px}.project-link{padding-block:28px}
}
@media(max-height:600px) and (min-width:701px){.hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:570px;align-items:center}.hero-heading{text-align:left}.hero-product{width:100%;height:360px}.hero-cover{left:0}.hero-bottom{grid-column:1/-1}h1 span{font-size:4vw}h1 strong{font-size:6.2vw}.gong-title{top:12%;text-align:left;left:var(--gutter)}.gong-title span{font-size:32px}.gong-title strong{font-size:55px}.interior-pair{margin-top:0;width:min(62%,calc((100svh - var(--project-header-height) - 120px)*1.713))}.story-caption{bottom:95px}.story-caption p{font-size:20px}.story-caption>span{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story-enhanced .visual-story{height:auto}.story-pin,.story-enhanced .story-pin{position:relative;top:0;min-height:520px}.story-controls{display:none}.story-caption{bottom:35px}.motion-ready [data-reveal]:not(.is-visible){opacity:1;transform:none}.record-interior .sliding-record{transform:translateX(35%) rotate(18deg)}}
.scroll-note>[data-scroll-label]{font-size:inherit}
@media(max-height:600px) and (min-width:701px){.story-pin{min-height:0}.story-top{padding-block:10px}.gong-title{top:29%;width:32%}.gong-title span{font-size:26px}.gong-title strong{font-size:42px}.story-controls{bottom:12px;padding-block:7px}.story-caption{bottom:90px}}
/* The temple reveal keeps the complete sleeve at the centre of the scene. */
.interior-pair{width:min(88%,calc((100svh - var(--project-header-height) - 240px)*1.713),1300px);margin-left:0;margin-top:80px;transform-origin:center}.gong-title{top:8%;left:0;right:0;width:100%;text-align:center;text-transform:uppercase}.gong-title span{font-size:clamp(27px,2.8vw,52px)}.gong-title strong{font-size:clamp(42px,4.6vw,78px)}
.gatefold-story{position:relative;height:calc(100svh - var(--project-header-height));min-height:500px;background:radial-gradient(ellipse at 50% 44%,#353c4a,#181c24 65%,#10131a);isolation:isolate;scroll-margin-top:-20px;overflow-anchor:none}.story-enhanced .gatefold-story{height:560svh}.gatefold-pin{height:calc(100svh - var(--project-header-height));position:sticky;top:var(--project-header-height);overflow:clip}.gatefold-heading{position:absolute;top:25px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.gatefold-heading h2{font-size:clamp(34px,3.6vw,60px);margin-top:12px}.gatefold-heading a{font-size:11px;display:flex;gap:18px;min-height:44px;align-items:center}.gatefold-canvas,.gatefold-fallback{position:absolute;inset:110px 10px 90px}.gatefold-canvas canvas{width:100%;height:100%;display:block;pointer-events:none}.gatefold-fallback{display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s}.gatefold-fallback img{width:auto;height:100%;max-width:94%;object-fit:contain}.gatefold-ready .gatefold-fallback{opacity:0}.gatefold-status{position:absolute;top:50%;left:10%;right:10%;font-size:12px;text-align:center}.gatefold-controls{position:absolute;bottom:23px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;gap:25px}.gatefold-stops{display:flex;gap:28px}.gatefold-stops button{min-height:44px;display:flex;gap:10px;align-items:center;background:none;font-size:12px;padding:7px 0;color:#b6bac4;border-bottom:1px solid transparent}.gatefold-stops button[aria-pressed=true]{color:var(--yellow);border-color:var(--yellow)}.gatefold-stops button span{font-size:10px}.gatefold-controls>p{font-size:10px;display:flex;gap:24px;align-items:center}.gatefold-controls>p>span{font-size:20px}.gatefold-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff20}.gatefold-progress i{display:block;height:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0)}.gatefold-unavailable{height:calc(100svh - var(--project-header-height))!important}.gatefold-unavailable .gatefold-controls{display:none}.gatefold-unavailable .gatefold-status{top:auto;bottom:28px}
@media(max-width:700px){.interior-pair{width:95%;margin-top:70px}.gong-title{top:11%;width:auto;left:15px;right:15px}.gong-title span{font-size:clamp(29px,8vw,48px)}.gong-title strong{font-size:clamp(45px,13vw,72px)}.story-enhanced .gatefold-story{height:500svh}.gatefold-heading{top:20px;align-items:start;gap:18px}.gatefold-heading h2{font-size:37px;line-height:.92;max-width:210px}.gatefold-heading a{font-size:9px;max-width:85px;line-height:1.5;gap:7px}.gatefold-heading .eyebrow{font-size:9px}.gatefold-canvas,.gatefold-fallback{inset:115px 8px 110px}.gatefold-controls{flex-wrap:wrap;gap:8px;bottom:17px;padding-bottom:14px}.gatefold-stops{justify-content:space-between;width:100%;gap:8px}.gatefold-stops button{font-size:10px;gap:5px}.gatefold-stops button span{font-size:8px}.gatefold-controls>p{width:100%;justify-content:space-between;font-size:8px}.gatefold-controls>p>span{font-size:16px}}
@media(max-height:600px) and (min-width:701px){.interior-pair{width:min(85%,calc((100svh - var(--project-header-height) - 145px)*1.713));margin:0;padding-top:0}.gong-title{top:9px;left:18%;right:18%;width:64%}.gong-title span,.gong-title strong{display:inline;font-size:28px}.gong-title span{margin-right:8px}.visual-story[data-phase='2'] .story-top .eyebrow{opacity:0}.gatefold-heading{top:12px}.gatefold-heading h2{font-size:30px;margin-top:6px}.gatefold-canvas,.gatefold-fallback{inset:75px 10px 70px}.gatefold-controls{bottom:10px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.gatefold-story,.story-enhanced .gatefold-story{height:calc(100svh - var(--project-header-height));min-height:520px}.gatefold-pin{position:relative;top:0;height:100%;min-height:520px}.gatefold-controls>p{visibility:hidden}}
/* The 3D canvas spans the whole pinned viewport; headings remain above the scene. */
.gatefold-canvas{inset:0;z-index:0}.gatefold-controls{z-index:2}.gatefold-status{z-index:2}
/* Golden Statue: a local, independently lit product scene. */
.collector-section{background:radial-gradient(ellipse at 74% 24%,#25345a 0,#121b34 35%,#0b1020 72%);position:relative;isolation:isolate;overflow:clip}
.collector-hero{display:grid;grid-template-columns:.7fr 1.3fr;gap:0;align-items:center;max-width:1900px;margin:auto;min-height:calc(100svh - var(--project-header-height));padding-block:50px 35px}
.collector-title{position:relative;z-index:2;padding-bottom:35px}.collector-title .eyebrow{color:#b2bbcd;margin-bottom:34px}.collector-title h2{font-size:clamp(78px,7.7vw,145px);line-height:.88;letter-spacing:-.025em}.collector-title h2 em{color:#e6bd6b}.collector-lead{max-width:310px;font-size:clamp(15px,1.2vw,18px);line-height:1.65;color:#c2c9d7;margin-top:32px}
.statue-stage{position:relative;min-width:0;height:clamp(550px,78svh,880px);margin-left:-3vw;margin-right:-2vw}
.statue-canvas{position:absolute;inset:0 0 75px;z-index:2;touch-action:pan-y;cursor:grab;outline-offset:-4px!important}.statue-canvas.is-dragging{cursor:grabbing}.statue-canvas canvas{display:block;width:100%;height:100%}
.statue-poster{position:absolute;inset:30px 1% 90px;display:grid;place-items:center;pointer-events:none;transition:opacity .3s;z-index:1}.statue-poster img{width:100%;height:100%;object-fit:contain}.statue-ready .statue-poster{opacity:0}.statue-ground{position:absolute;bottom:15%;left:15%;right:15%;height:12%;background:radial-gradient(ellipse,#0a0c1960,transparent 70%);pointer-events:none}
.statue-toolbar{position:absolute;bottom:0;left:5%;right:5%;min-height:64px;border-top:1px solid #a3afd531;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;z-index:3}.statue-toolbar>div:first-child{display:flex;flex-direction:column;gap:8px}.statue-spec{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d6bf8e}.statue-instruction{font-size:10px;color:#9faec5}.statue-actions{display:flex;gap:6px;opacity:0;transition:opacity .3s}.statue-ready .statue-actions{opacity:1}.statue-actions button{width:44px;height:44px;border:1px solid #a3afd540;background:#070b1740;font-size:21px;border-radius:50%;transition:background .2s,color .2s}.statue-actions button:hover{background:#e6bd6b;color:#0b1020}.statue-status{position:absolute;bottom:78px;left:0;right:0;text-align:center;font-size:11px;color:#b6bdd0;z-index:3}.statue-unavailable .statue-canvas,.statue-unavailable .statue-instruction,.statue-unavailable .statue-actions{display:none}
.collector-details{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;max-width:1600px;margin:auto;padding-block:70px 95px;border-top:1px solid #a3afd527}.collector-story{max-width:520px}.collector-story .eyebrow{color:#d6bf8e;margin-bottom:25px}.collector-story h3{font-family:WuDisplay,Impact,sans-serif;font-weight:400;font-size:clamp(42px,4.2vw,66px);margin-bottom:28px;line-height:1}.collector-story p:not(.eyebrow){font-size:15px;color:#c4cad6;line-height:1.75}.collector-box{max-width:420px;justify-self:center;width:100%}.collector-box img{height:510px;object-fit:contain;filter:drop-shadow(0 22px 24px #03061070)}.collector-box figcaption{text-align:center;font-size:10px;color:#9faec5;margin-top:22px;letter-spacing:.04em}
@media(max-width:1100px){.collector-hero{grid-template-columns:.65fr 1.35fr;padding-block:55px 40px;min-height:680px}.collector-title h2{font-size:clamp(66px,8vw,92px)}.collector-lead{font-size:14px}.statue-stage{height:600px}.collector-details{gap:7%;padding-block:60px}.collector-box img{height:420px}}
@media(max-width:700px){.collector-hero{display:block;padding-top:48px;padding-bottom:30px;min-height:0}.collector-title{padding:0}.collector-title .eyebrow{margin-bottom:22px}.collector-title h2{font-size:clamp(64px,18vw,105px)}.collector-title h2 br{display:none}.collector-title h2 em{display:block}.collector-lead{margin-top:22px;max-width:290px;font-size:14px}.statue-stage{height:clamp(335px,100vw,470px);margin:10px -18px 0}.statue-canvas{inset:0 0 65px}.statue-poster{inset:0 15px 65px}.statue-toolbar{left:18px;right:18px;min-height:60px;padding-top:12px;gap:10px}.statue-spec,.statue-instruction{font-size:9px}.statue-actions{gap:5px}.statue-actions button{width:40px;height:44px}.statue-status{bottom:68px;font-size:10px}.collector-details{grid-template-columns:1fr;gap:35px;padding-block:45px 65px}.collector-story{max-width:540px}.collector-story h3{font-size:46px;margin-bottom:22px}.collector-story p:not(.eyebrow){font-size:14px}.collector-story .eyebrow{margin-bottom:20px}.collector-box{max-width:320px}.collector-box img{height:400px}.collector-box figcaption{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.statue-poster,.statue-actions,.statue-actions button{transition:none}}
@media(min-width:701px) and (max-height:550px){.collector-hero{min-height:0;padding-block:20px}.collector-title{padding-bottom:0}.collector-title .eyebrow{margin-bottom:18px;font-size:9px}.collector-title h2{font-size:54px}.collector-lead{font-size:12px;margin-top:18px;max-width:220px}.statue-stage{height:calc(100svh - var(--project-header-height) - 40px);min-height:230px}.statue-canvas{bottom:60px}.statue-toolbar{min-height:54px;padding-top:10px}.statue-actions button{width:40px;height:40px}}

/* Editions share a single composition with the original packaging behind the figure. */
.collector-title{padding-bottom:0}
.collector-lead{max-width:330px;font-size:15px;line-height:1.6;margin-top:25px}
.collector-editions{margin:28px 0 0;max-width:340px;display:grid;gap:19px}
.collector-editions>div{padding-left:16px;border-left:2px solid #c4cad655}
.collector-editions>div:first-child{border-color:#e6bd6b}
.collector-editions dt{font-size:13px;line-height:1.6;font-weight:500;color:#f1f0eb}
.collector-editions dt span{display:block;color:#d6bf8e;font-size:11px;letter-spacing:.035em}
.collector-editions dd{margin:5px 0 0;color:#c2c9d7;font-size:13px;line-height:1.6}
.statue-packaging{position:absolute;right:-2%;bottom:105px;width:49%;height:86%;z-index:0;pointer-events:none;filter:brightness(.7) saturate(.88) drop-shadow(0 20px 20px #03061055)}
.statue-packaging img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.statue-canvas{left:-7%;right:9%}
.statue-poster{left:-6%;right:10%}
@media(max-width:1100px){.collector-editions{margin-top:24px;gap:16px}.collector-editions dt,.collector-editions dd{font-size:12px}.collector-editions dt span{font-size:10px}.collector-lead{font-size:13px}.statue-packaging{height:79%;width:52%;right:-3%;bottom:115px}}
@media(max-width:700px){.collector-lead{font-size:14px;margin-top:22px;max-width:280px}.collector-editions{max-width:100%;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.collector-editions>div{padding-left:10px}.collector-editions dt,.collector-editions dd{font-size:12px}.collector-editions dt span{font-size:10px}.statue-stage{margin-top:26px}.statue-packaging{bottom:88px;height:82%;width:48%;right:0}.statue-canvas{left:-4%;right:9%}.statue-poster{left:-3%;right:10%}}
@media(min-width:701px) and (max-height:550px){.collector-lead{font-size:11px;margin-top:12px}.collector-editions{margin-top:12px;gap:9px}.collector-editions dt,.collector-editions dd{font-size:10px}.collector-editions dt span{font-size:9px}.collector-editions dd{margin-top:0}.collector-title h2{font-size:40px}.collector-title .eyebrow{margin-bottom:12px}.statue-packaging{bottom:65px;height:80%;width:38%;right:7%}}

/* After load, both the packaging and the floor shadow share the same 3D depth. */
.statue-ready .statue-packaging,.statue-ready .statue-ground{visibility:hidden}
.statue-canvas{left:-7%;right:-2%}
.statue-packaging{right:3%;bottom:170px;width:35%;height:65%;filter:brightness(.68) saturate(.88) drop-shadow(0 12px 16px #03061044)}
@media(max-width:1100px){.statue-packaging{width:37%;height:61%;right:2%;bottom:155px}}
@media(max-width:700px){.statue-canvas{left:-3%;right:0}.statue-packaging{width:36%;height:59%;right:3%;bottom:118px}}
@media(min-width:701px) and (max-height:550px){.statue-packaging{width:27%;height:58%;right:12%;bottom:90px}}

/* Lyrics artbook: a single editorial composition, without carousel controls. */
.lyrics{position:relative;background:linear-gradient(180deg,#0b1020,#171e33 42%,#101522);color:var(--paper);overflow:clip}
.lyrics-composition{max-width:1760px;margin:auto;padding-block:110px 130px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(18px,2.8vw,48px);row-gap:clamp(45px,6vw,100px);align-items:center}
.lyrics-heading{grid-column:1/5;grid-row:1;position:relative;z-index:2}
.lyrics-heading .eyebrow{color:#a9b4cd}
.lyrics-heading h2{font-size:clamp(64px,7.5vw,122px);line-height:.91;margin-block:26px 30px}
.lyrics-heading h2 em{color:#e6bd6b}
.lyrics-heading>p:last-child{max-width:320px;font-size:15px;line-height:1.7;color:#c1c8d8}
.lyrics-art,.lyrics-detail{min-width:0;position:relative}
.lyrics-art img{width:100%;height:auto;filter:drop-shadow(0 24px 22px #03050d85)}
.lyrics-feature{grid-column:5/-1;grid-row:1;z-index:1}.lyrics-feature img{transform:rotate(3deg) scale(1.04)}
.lyrics-cover{grid-column:1/4;grid-row:2}.lyrics-cover img{transform:rotate(-9deg) scale(1.09)}
.lyrics-intermission{grid-column:4/10;grid-row:2}.lyrics-intermission img{transform:rotate(-3deg) scale(1.05)}
.lyrics-detail{grid-column:10/-1;grid-row:2;padding-left:4%;align-self:center}
.lyrics-detail>div{position:relative;aspect-ratio:.69;overflow:hidden;background:#aa8714;transform:rotate(4deg);box-shadow:0 22px 25px #03050d60}
.lyrics-detail img{position:absolute;max-width:none;width:265%;height:auto;left:-150%;top:-8%}
.lyrics-blue{grid-column:1/7;grid-row:3}.lyrics-blue img{transform:rotate(2deg) scale(1.02)}
.lyrics-yellow{grid-column:7/-1;grid-row:3}.lyrics-yellow img{transform:rotate(-3deg) scale(1.03)}
@media(max-width:1000px){.lyrics-composition{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:80px 100px;column-gap:40px;row-gap:65px;max-width:860px}.lyrics-heading{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.lyrics-heading .eyebrow{grid-column:1/-1}.lyrics-heading h2{font-size:clamp(74px,10vw,100px);margin-bottom:0}.lyrics-heading>p:last-child{align-self:end;padding-bottom:7px}.lyrics-feature{grid-column:1/-1;grid-row:2}.lyrics-cover{grid-column:1;grid-row:3;padding:0 8%}.lyrics-detail{grid-column:2;grid-row:3;padding:0 12%}.lyrics-intermission{grid-column:1/-1;grid-row:4}.lyrics-blue{grid-column:1/-1;grid-row:5}.lyrics-yellow{grid-column:1/-1;grid-row:6}.lyrics-feature img,.lyrics-intermission img,.lyrics-blue img,.lyrics-yellow img{transform:none}}
@media(max-width:600px){.lyrics-composition{padding-top:65px;padding-bottom:75px;column-gap:22px;row-gap:38px}.lyrics-heading{display:block}.lyrics-heading h2{font-size:clamp(64px,19vw,100px);margin-block:22px 25px}.lyrics-heading>p:last-child{font-size:14px;max-width:300px;padding:0}.lyrics-cover{padding:0}.lyrics-detail{padding:0 5%}.lyrics-detail>div{transform:rotate(3deg)}.lyrics-art img{filter:drop-shadow(0 12px 14px #03050d80)}}
/* Packaging: il testo sta sotto al titolo, a sinistra; scatola e sleeve a destra. */
/* Stesse distanze di Lyrics artbook: 26 px sopra al titolo, 30 px sotto (22 e 25 sul telefono). */
.packaging .section-head h2{margin-top:26px}.packaging-text{margin-top:30px;max-width:390px}
@media(max-width:1100px){.packaging-text{font-size:15px;max-width:420px}}
@media(max-width:600px){.packaging .section-head h2{margin-top:22px}.packaging-text{margin-top:25px}}
@media(min-width:901px){.packaging{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);column-gap:4vw;align-items:center}.packaging .section-head{display:block;margin:0;align-self:start}.packaging-visuals{margin:0;max-width:none;gap:3.5vw}}