/* Code-native orbital concept. Existing game captures remain in the journal. */
.hero-cinematic{position:relative;isolation:isolate;overflow:hidden;min-height:850px;height:calc(100svh - 32px);max-height:1100px;padding:156px 0 150px;background:#03080f}
.hero-universe,.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-2}
.hero-universe{overflow:hidden}.hero-universe canvas,.hero-fallback{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.hero-universe canvas{position:absolute;inset:0;opacity:0}.hero-universe.scene-ready canvas{opacity:1}.hero-universe.scene-ready .hero-fallback{visibility:hidden}
.hero-atmosphere{z-index:-1;background:linear-gradient(90deg,rgba(3,8,15,.97),rgba(3,8,15,.84) 24%,rgba(3,8,15,.32) 49%,transparent 69%),linear-gradient(0deg,#060b11 0%,rgba(5,10,17,.2) 22%,transparent 56%)}
.hero-cinematic .hero-layout{grid-template-columns:1fr 1fr;height:100%;align-items:center;gap:32px}
.hero-cinematic .hero-content{max-width:550px;padding:20px 0 65px}.hero-cinematic h1{font-size:clamp(52px,6.4vw,94px);letter-spacing:-4px;line-height:1.01;text-shadow:0 3px 35px #02060b;margin-bottom:28px}.hero-cinematic h1 em{color:#f3b756}
.hero-cinematic .hero-intro{font-size:15px;max-width:390px;color:#bac6cf;line-height:1.85;text-shadow:0 2px 12px #02060b}.hero-cinematic .eyebrow{color:#e8bc75;font-size:10px;letter-spacing:2.3px}.hero-cinematic .actions{gap:24px}.hero-cinematic .button{padding:18px 23px;font-size:11px}
.hero-coordinate{align-self:end;justify-self:end;margin-bottom:112px;display:flex;flex-direction:column;gap:12px;text-align:right;font:9px/1.5 Consolas,monospace;letter-spacing:2px;color:#8bacbf;text-shadow:0 2px 12px #02060b}.hero-coordinate i{display:block;width:58px;border-top:1px solid #75b8d27a;margin-left:auto}.hero-coordinate span:last-child{font-size:7px;color:#7894a3}
.hero-scene-controls{position:absolute;bottom:105px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-scene-controls p{font:9px/1.5 Consolas,monospace;letter-spacing:1.1px;text-transform:uppercase;margin:0;color:#b3ccd9}.hero-scene-controls small{display:block;font:10px/1.6 Arial,sans-serif;letter-spacing:.2px;text-transform:none;color:#859aa8;margin:6px 0 0 17px}.concept-dot{display:inline-block;vertical-align:middle;width:5px;height:5px;border:1px solid #80bed3;border-radius:50%;margin:0 12px 2px 0}
#hero-motion{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #91b1c33d;border-radius:3px;padding:10px 15px;color:#bed0db;background:#07121dc9;font-size:11px;flex-shrink:0}#hero-motion[hidden]{display:none}#hero-motion:hover{border-color:#85bfd6;background:#0c1d2b}#hero-motion:focus-visible{outline:2px solid #f3b756;outline-offset:4px}#hero-motion>span:first-child{width:14px;font-size:13px}
.hero-cinematic .hero-foot{bottom:28px;padding-top:20px;border-top:1px solid #96adbd24}.hero-cinematic .hero-foot small{max-width:none}.hero-cinematic .hero-foot>div{font-size:9px;letter-spacing:.5px}
@media(min-width:1600px){.hero-cinematic .hero-content{max-width:600px}.hero-cinematic .hero-intro{font-size:16px;max-width:420px}}
@media(max-width:1000px){.hero-cinematic{min-height:780px;padding-top:130px}.hero-cinematic h1{font-size:60px;letter-spacing:-3px}.hero-cinematic .hero-content{padding-bottom:60px}.hero-cinematic .hero-layout{grid-template-columns:1.2fr 1fr}.hero-coordinate{display:none}.hero-cinematic .hero-intro{font-size:14px}.hero-scene-controls small{max-width:420px}}
@media(max-width:700px){.hero-cinematic{height:auto;min-height:930px;max-height:none;padding:112px 0 180px}.hero-cinematic .hero-layout{display:block;height:auto}.hero-cinematic .hero-content{padding:0;max-width:500px}.hero-cinematic h1{font-size:clamp(50px,11vw,72px);letter-spacing:-3px;margin-bottom:22px}.hero-cinematic .hero-intro{max-width:350px;font-size:13px}.hero-cinematic .actions{gap:18px;flex-wrap:wrap}.hero-cinematic .button{padding:16px 18px;font-size:10px}.hero-cinematic .hero-release{margin-top:20px}.hero-atmosphere{background:linear-gradient(180deg,rgba(3,8,15,.85) 0%,rgba(3,8,15,.82) 28%,rgba(3,8,15,.3) 52%,transparent 68%,#060b11 94%)}.hero-scene-controls{bottom:108px;gap:14px;align-items:end}.hero-scene-controls p{font-size:8px;letter-spacing:.5px}.hero-scene-controls small{font-size:9px;max-width:210px;line-height:1.5}.hero-cinematic .hero-foot small{max-width:275px}#hero-motion{font-size:10px;padding:8px 10px;gap:6px;max-width:140px}.hero-cinematic .hero-foot{bottom:24px}}
@media(prefers-reduced-motion:reduce){.hero-cinematic .signal{animation:none}}