/* One studio composition. Character pixels stay unchanged; product layers are independent. */
.hero--editorial{height:860px;min-height:860px;background:#17191b}
.header{background:#17191bf2;border-bottom:1px solid #ffffff0d}
.hero--editorial .plane{inset:0;z-index:-2;animation:none!important;transform:none!important}
.hero--editorial .plane img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}
.hero--editorial .floor{height:80px;background:linear-gradient(transparent,#17191b);z-index:4}
.hero-wordmark{position:absolute;top:134px;inset-inline:5.5%;display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:#f2eee7;font:800 clamp(70px,8.1vw,138px)/1 var(--latin);letter-spacing:-7px;white-space:nowrap;opacity:.85;z-index:0;pointer-events:none}
.hero-wordmark b{font-size:1.7em;letter-spacing:-12px;font-weight:800}
.hero--editorial .copy{top:338px;left:5.5%;right:auto;width:340px;padding:0;z-index:5}
.hero--editorial .eyebrow{display:none}
.hero--editorial h1#headline{font-size:46px;line-height:1.5;letter-spacing:-1.6px;margin:0 0 18px}
.hero--editorial h1#headline .line{display:block;animation:none!important;clip-path:none!important;transform:none!important}
.hero--editorial .sub{font-size:17px;line-height:1.9;max-width:310px;color:#f2eee7;margin:0 0 26px}
.hero--editorial .brands{display:none}
.hero--editorial .quick{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.hero--editorial .quick a{font-size:16px;min-height:48px;justify-content:space-between;border-color:#f2eee738}
.hero--editorial .quick a.on{border-color:#f2eee7}
.hero--editorial .stage{position:absolute;left:calc(50% - 330px);bottom:-145px;width:640px;height:800px;margin:0;overflow:visible;z-index:2;direction:ltr}
.hero--editorial .stage .layer-full{left:0;bottom:0;width:640px;height:800px}
.hero--editorial .stage .character{height:800px;filter:drop-shadow(-12px 18px 22px #0007)}
.hero--editorial .stage .contact{display:none}
.hero--editorial .stage .breath{animation:none}
.hero--editorial .lights{animation:editorial-light 7s ease-in-out infinite}
@keyframes editorial-light{0%,100%{opacity:.3}50%{opacity:.8}}
.hero-product{position:absolute;left:432px;top:90px;width:245px;height:245px;z-index:3;pointer-events:none;animation:product-drift 9s ease-in-out infinite}
.hero-product .merch-art{background:none!important;aspect-ratio:1;overflow:visible}
.hero-product .art-coins img{width:100%;height:100%;padding:0;filter:drop-shadow(0 18px 12px #0005)}
@keyframes product-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
.hero--editorial .offer{position:absolute;left:auto;right:5.5%;top:495px;bottom:auto;width:300px;transform:none;rotate:0;z-index:5;padding:24px;background:linear-gradient(130deg,#343132eb,#222427f5);border:1px solid #ffffff2c;border-radius:8px;box-shadow:0 20px 45px #0003}
.hero--editorial .offer-art{display:none}
.hero--editorial .offer small{line-height:1.7;font-size:14px;color:#cbc3bb;display:block}
.hero--editorial .offer .offer-title{margin:12px 0 16px}
.hero--editorial .offer h3{font-size:26px}
.hero--editorial .offer-price{min-height:34px}
.hero--editorial .offer p{font-size:15px;margin:12px 0 20px}
.hero--editorial .offer .cta{min-height:52px;font-size:17px}
.hero--editorial .trust{left:5.5%;right:auto;bottom:64px;width:340px;font-size:14px;color:#c7c0b9;border:0;padding:0;z-index:5}
.hero--editorial .motion-toggle{left:5.5%;right:auto;bottom:12px;background:#17191b;font-size:14px;border-color:#ffffff26}
.hero-paused .hero-product,.hero--editorial.scene-sleep .hero-product,.hero--editorial.scene-sleep .lights{animation-play-state:paused!important}
.still .hero-product{animation:none!important}
html[lang=en] .hero--editorial .copy{width:330px}
html[lang=en] .hero--editorial h1#headline{font-size:49px;line-height:1.16;letter-spacing:-2px;margin-bottom:24px}

/* FC imagery: original coin model; publisher cards retain their actual faces and ratings. */
.art-coins{background:radial-gradient(ellipse at 40% 20%,#534439,#252325 65%)}
.art-coins img{object-fit:contain;padding:9% 15%;filter:drop-shadow(0 14px 10px #0004)}
.squad-scene{background:#29262a url(assets/merch/studio-plate.webp?v=editorial-1) center bottom/cover;overflow:hidden}
.player-card{position:absolute;bottom:10%;width:37%;height:auto;aspect-ratio:252/317;stroke:none;filter:drop-shadow(0 12px 12px #0008);clip-path:polygon(6% 17%,20% 11%,43% 4%,48% 6%,50% 3%,53% 6%,59% 4%,81% 11%,97% 17%,95% 50%,92% 60%,96% 87%,85% 93%,60% 97%,51% 100%,40% 97%,15% 93%,4% 87%,8% 63%,1% 56%,8% 49%)}
.player-card-0{left:7%;transform:rotate(-13deg);bottom:7%}
.player-card-1{left:32%;z-index:2;bottom:12%}
.player-card-2{right:7%;transform:rotate(13deg);bottom:7%}
.shelf-fc .head h2{font-size:56px;letter-spacing:-2px}
.shelf-fc .product-grid{grid-template-columns:1.15fr 1fr 1fr;gap:22px;align-items:stretch}
.shelf-fc .product-cover{height:100%}
.shelf-fc .product-cover>.merch-art{height:290px;aspect-ratio:auto}
.shelf-fc .product-info{padding:24px}
.shelf-fc .product-cover .name{font-size:25px}
.product-cover>.merch-art{transition:filter .25s ease}
.product-cover:hover>.merch-art{filter:brightness(1.045)}
.product-cover:focus-visible{outline:2px solid var(--light);outline-offset:5px}
.journey-clone.art-coins img{padding:9% 15%}
.selection-art .player-card{height:auto}

@media(min-width:641px) and (max-width:1180px){
 .hero--editorial{height:830px;min-height:830px}
 .hero-wordmark{top:145px;letter-spacing:-5px}
 .hero--editorial .copy{left:4%;width:270px;top:330px}
 .hero--editorial h1#headline{font-size:36px}
 .hero--editorial .sub{font-size:16px}
 .hero--editorial .stage{left:calc(50% - 340px);transform:scale(.88);transform-origin:center bottom;bottom:-110px}
 .hero--editorial .offer{right:4%;width:265px;top:480px;padding:20px}
 .hero--editorial .trust{width:260px;left:4%}
 html[lang=en] .hero--editorial .copy{width:270px}
 html[lang=en] .hero--editorial h1#headline{font-size:42px}
 .shelf-fc .product-cover>.merch-art{height:235px}
}
@media(max-width:640px){
 .hero--editorial{height:auto;min-height:0;padding:78px 0 22px;display:flex;flex-direction:column}
 .hero--editorial .plane{height:720px}
 .hero--editorial .plane img{object-position:49% 50%}
 .hero-wordmark{position:relative;top:auto;inset-inline:auto;margin:18px 16px 0;letter-spacing:-2px;font-size:37px;gap:8px;order:0;opacity:1;height:68px;align-items:center}
 .hero-wordmark b{font-size:72px;letter-spacing:-5px}
 .hero--editorial .copy,html[lang=en] .hero--editorial .copy{position:relative;top:auto;left:auto;right:auto;width:auto;padding:0 16px;order:2;margin-top:0}
 .hero--editorial h1#headline,html[lang=en] .hero--editorial h1#headline{font-size:31px;line-height:1.5;letter-spacing:-1px;margin-bottom:10px}
 .hero--editorial h1#headline .line{display:inline}
 .hero--editorial .sub{font-size:16px;max-width:none;line-height:1.8;margin-bottom:16px}
 .hero--editorial .quick{display:none}
 .hero--editorial .stage{position:relative;order:1;left:auto;bottom:auto;width:390px;max-width:100%;height:290px;transform:none;align-self:center;margin-top:-4px;overflow:clip}
 .hero--editorial .stage .layer-full{height:550px;width:440px;left:-62px;bottom:-258px}
 .hero--editorial .stage .character{height:550px;filter:drop-shadow(-8px 12px 12px #0005)}
 .hero-product{left:245px;top:113px;width:126px;height:126px}
 .hero--editorial .offer{display:none}
 .hero--editorial .floor{display:none}
 .hero--editorial .strip{order:3;position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 16px;padding:20px;transform:none;background:#272729;z-index:4}
 .hero--editorial .strip-art{display:none}
 .hero--editorial .strip>div:not(.strip-art){grid-row:1;grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
 .hero--editorial .strip h3{font-size:22px;grid-column:1;grid-row:2}
 .hero--editorial .strip small{font-size:16px;grid-column:1/-1;line-height:1.65;color:#c8c3be}
 .hero--editorial .strip .slot{grid-column:2;grid-row:2;width:68px;height:30px}
 .hero--editorial .strip .cta{grid-row:2;font-size:17px;min-height:50px}
 .hero--editorial .trust{display:none}
 .hero--editorial .motion-toggle{position:absolute;left:16px;right:auto;top:378px;bottom:auto;font-size:16px;min-height:44px;padding:9px 12px;z-index:6}
 .hero--editorial .lights{animation-duration:8s}
 .shelf-fc .head h2{font-size:36px;letter-spacing:-1px}
 .shelf-fc .product-grid{grid-template-columns:1fr;gap:20px}
 .shelf-fc .product-cover>.merch-art{height:auto;aspect-ratio:3/2}
 .shelf-fc .product-info{padding:20px}
 .shelf-fc .product-cover .name{font-size:24px}
 .product-action,.product-cover .meta{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .hero-product,.hero--editorial .lights{animation:none!important}
 .product-cover>.merch-art{transition:none}
}