/* Photo-led, plain-language revision. */
.hero-art{inset:0;width:100%;height:100%}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.hero-art:after{background:linear-gradient(90deg,#100f11f0 0%,#100f11d4 28%,#100f1150 55%,#100f1100 78%),linear-gradient(0deg,#100f11,transparent 25%)}
.art-credit{position:absolute;right:6%;bottom:90px;color:#c0b7b9;font-size:10px;z-index:1}
.hero h1{font-size:clamp(82px,7.4vw,110px)}
.hero h2{font-size:26px}
.hero p{font-size:16px;line-height:2;color:#cdc5c5}
.hero-bottom{z-index:1}
.section-intro h2{font-size:32px}
.supporter h2{font-size:34px}
.stage-label{font-family:var(--font);font-size:10px;letter-spacing:0}
.launcher-showcase{border-top:1px solid var(--line);scroll-margin-top:20px}
.launcher-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}
.launcher-figure{margin:0;background:#19171b;border:1px solid #49353d;min-width:0;box-shadow:0 16px 55px #0003}
.preview-tabs{display:flex;align-items:center;gap:5px;padding:12px;border-bottom:1px solid var(--line)}
.preview-tabs button{font:12px var(--font);padding:8px 12px;background:transparent;border:1px solid transparent;color:#aca0a8}
.preview-tabs button.active{background:#42202c;border-color:#8f3b52;color:#f5e7ec}
.preview-tabs span{margin-left:auto;font-size:9px;color:#8e7e88}
.launcher-figure img{display:block;width:100%;height:auto;aspect-ratio:1200/780;object-fit:contain;background:#111013}
.launcher-figure figcaption{border-top:1px solid var(--line);padding:12px 16px;font-size:11px;line-height:1.8;color:#a99aa4;min-height:45px}
.launcher-details{padding:22px 0;scroll-margin-top:30px}
.launcher-details h3{font-size:25px;margin:15px 0 10px}
.launcher-details p{font-size:14px;line-height:1.9}
.launcher-details ul{padding-left:18px;color:#c2b7bc;font-size:13px;margin:20px 0 25px;line-height:2}
.launcher-details .button{width:100%;font-size:13px;padding:15px 17px;gap:10px;background:var(--paper);color:#30151d}
.launcher-details small{font-size:11px;color:#9b8b95;display:block;text-align:center;margin:10px 0 15px}
.launcher-details .text-btn{font-size:13px;color:#cab9c0}
#replayIntro{font:11px var(--font);letter-spacing:0;margin-top:8px;color:#bfa8b3}
#siteIntro{display:none;position:fixed;inset:0;background:#0e0c10;z-index:10000;pointer-events:none;place-items:center;overflow:hidden}
.intro-play #siteIntro{display:grid;animation:introBackdrop 1.9s ease forwards}
.intro-brand{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.intro-brand img{width:140px;height:140px;filter:drop-shadow(0 0 25px #d5283955)}
.intro-brand b{font:700 29px var(--display);letter-spacing:5px;margin-top:22px}
.intro-brand span{font:500 10px var(--display);letter-spacing:4px;margin-top:8px;color:#b2909e}
.intro-play .intro-brand{animation:introExpand 1.9s cubic-bezier(.2,.75,.2,1) both}
.intro-ring{position:absolute;width:180px;height:180px;border:1px solid #dc344660;border-radius:50%;left:calc(50% - 90px);top:calc(50% - 140px)}
.intro-play .intro-ring{animation:introRing 1.9s ease both}
@keyframes introExpand{0%{opacity:0;transform:scale(.65)}25%{opacity:1;transform:scale(1)}58%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(5)}}
@keyframes introBackdrop{0%,60%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes introRing{0%,35%{opacity:0;transform:scale(.7)}55%{opacity:.8;transform:scale(1.05)}100%{opacity:0;transform:scale(12)}}
@media(max-width:1050px){.launcher-layout{grid-template-columns:1fr}.launcher-details{display:block;max-width:500px;padding:0}.launcher-details .button{max-width:330px}.launcher-details small{text-align:left}.launcher-details h3{font-size:25px}}
@media(max-width:900px){.hero{min-height:960px}.hero-copy{padding-bottom:360px}.hero-art{inset:0}.hero-art img{object-position:66% center;opacity:.7}.hero-art:after{background:linear-gradient(180deg,#100f11eb 0%,#100f11cf 35%,#100f1160 65%,#100f11 100%)}.hero p{font-size:15px}.hero h2{font-size:23px}.hero h1{font-size:88px}.art-credit{bottom:100px;font-size:9px}.section-intro h2{font-size:27px}.supporter h2{font-size:29px}.preview-tabs{padding:10px;gap:2px}.preview-tabs button{font-size:11px;padding:8px 10px}.preview-tabs span{display:none}.launcher-figure figcaption{font-size:10px}.launcher-layout{gap:24px}}
@media(max-width:370px){.hero h1{font-size:78px}.hero h2{font-size:21px}.hero{min-height:1040px}}
@media(prefers-reduced-motion:reduce){.intro-play #siteIntro{display:none!important}.intro-brand,.intro-ring{animation:none!important}}
/* 2026-11-04: real in-game screenshots, download-only launcher block, supporter last */
.shots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.shot{margin:0;background:#19171b;border:1px solid #49353d;box-shadow:0 16px 55px #0003;min-width:0}
.shot img{display:block;width:100%;height:auto;aspect-ratio:1000/546;object-fit:cover;background:#111013}
.shot.wide{grid-column:1/-1}
.shot.wide img{aspect-ratio:606/376;object-fit:contain;max-width:760px;margin:0 auto}
.shot figcaption{padding:13px 16px;font-size:13px;line-height:1.8;color:#a99aa4;border-top:1px solid var(--line)}
.shot figcaption b{display:block;color:var(--paper);font-size:15px;font-weight:600}
.launcher-showcase .launcher-details{max-width:460px;margin:0 auto;padding:0;text-align:center}
.launcher-showcase .launcher-details .button{max-width:none;width:100%;margin-top:22px}
.launcher-showcase .launcher-details small{text-align:center}
.supporter{grid-template-columns:1fr}
.supporter-copy{max-width:640px}
@media(max-width:700px){.shots{grid-template-columns:1fr;gap:14px}.shot figcaption{font-size:12px}}