/* Orbital gateway: a readable foreground above a living cinematic environment. */
.hero{min-height:720px;max-height:none;height:calc(100svh - 146px);padding:70px 6% 170px;background:#030a15;align-items:center;isolation:isolate}
.future-stage{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 75% 55%,#123343,#040b18 70%);overflow:hidden}
.future-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.future-stage canvas[hidden]{display:none}
.orbital-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030a15f5 0%,#030a15d9 28%,#030a1570 46%,transparent 65%),linear-gradient(0deg,#030a15,transparent 28%);pointer-events:none}
.hero-content{width:47%;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}
.hero-content h1{font-size:clamp(44px,5.8vw,84px);line-height:1.12;letter-spacing:-.045em;margin:22px 0 26px}
.hero-content h1 span{color:#8df3f4;background:linear-gradient(100deg,#e4ffff,#63dce8 65%,#6a9eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-content .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px;line-height:1.7}.hero-kicker{font-size:10px;letter-spacing:3px;color:#b8c9d4}.hero-subtitle{display:none}
.hero-copy{font-size:20px;line-height:1.65;max-width:440px}.hero-actions{gap:12px}.hero-actions .button{font-size:9px;letter-spacing:.06em;padding:16px 19px}.hero-content .hero-actions{flex-direction:column;align-items:flex-start}
.hero-content .button-ghost{border-color:#5d939d66;background:#05131b80}
.orbit-readout{position:absolute;top:32px;right:6%;color:#9ebfcf;letter-spacing:2px;font:9px/1.5 monospace;display:flex;gap:10px;align-items:center}.orbit-readout>span:last-child{margin-left:24px;color:#617d8e}
.signal-dot{display:inline-block;width:5px;height:5px;background:#89f5e0;border-radius:50%;box-shadow:0 0 12px #44efd0}
.vessel-caption{position:absolute;right:6%;bottom:155px;z-index:2;display:flex;flex-direction:column;gap:9px;max-width:45%;border-left:1px solid #82e9ed55;padding-left:18px}
.vessel-caption>span{font:9px/1.6 monospace;letter-spacing:1px;color:#91adbe}.vessel-caption strong{font:500 19px Orbitron,Arial,sans-serif;letter-spacing:4px}.vessel-caption a{color:#b5f4ed;font:10px monospace;margin-top:5px;letter-spacing:1px}
.future-console{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;gap:12px;padding:18px 22px;border:1px solid #86d2e32e;background:linear-gradient(110deg,#0c202bd9,#06101ae8);backdrop-filter:blur(18px);z-index:5;border-radius:5px}
.scene-identity{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:160px}.scene-identity div{display:grid;gap:6px}.scene-identity div>span{font:8px monospace;letter-spacing:2px;color:#7e9da9}.scene-identity strong{font:500 15px Rajdhani,Arial,sans-serif;letter-spacing:1px;color:#e0f6fb}
.future-console button,.future-select select,#future-exit{border:1px solid #6ea0b43b;background:#071521a6;color:#bdd8e1;font:9px/1.3 monospace;letter-spacing:.6px;padding:12px;cursor:pointer;border-radius:3px}
.future-console button:hover,.future-console button[aria-pressed=true]{border-color:#9afff0;color:#c8fff8;background:#123039}.future-console button:focus-visible,.future-select select:focus-visible,#future-exit:focus-visible{outline:2px solid #a1ffe6;outline-offset:4px}
.future-select{display:grid;gap:5px}.future-select>span{font:7px monospace;letter-spacing:1px;color:#7f9aaa}.future-select select{padding:7px 10px;max-width:185px}.future-select option{background:#081723;color:#d3edf5}
.future-status{position:absolute;bottom:112px;right:6%;max-width:42%;font:11px/1.6 Arial,sans-serif;color:#a0bbc9;z-index:5}.future-status:empty{display:none}
#future-exit{position:absolute;top:30px;left:5%;z-index:10;padding:15px;display:block}#future-exit[hidden]{display:none}
.hero.is-immersive{position:fixed!important;inset:0!important;width:100vw;height:100dvh!important;min-height:0;max-height:none;z-index:1000;background:#030a15;padding:0}.hero.is-immersive .hero-content,.hero.is-immersive .vessel-caption,.hero.is-immersive .orbital-shade,.hero.is-immersive .orbit-readout{display:none}.hero.is-immersive .future-console{bottom:25px}.hero.is-immersive .future-status{max-width:85%}
#model-canvas{touch-action:pan-y;cursor:grab}#model-canvas:active{cursor:grabbing}
#destinations .principles{gap:12px;border:0;max-width:1160px}#destinations .principle{border:1px solid #6ea1b12b;background:linear-gradient(135deg,#112a3a80,#050f1ac4);border-radius:5px;transition:transform .3s,border-color .3s}#destinations .principle:hover{border-color:#70e4ea80;transform:translateY(-5px)}
.ship-card{border-radius:5px}.ship-image{height:260px}.ship-image img{object-fit:contain;padding:16px}.ship-image{background:radial-gradient(ellipse at center,#17364a80,#050d17)}.ship-image:before{content:'';position:absolute;inset:0;background:linear-gradient(#589fac0b 1px,transparent 1px),linear-gradient(90deg,#589fac0b 1px,transparent 1px);background-size:32px 32px}
@media(max-width:1000px){.hero-content{width:52%}.hero{min-height:740px}.future-console{gap:8px;padding:15px}.scene-identity{min-width:125px}.future-console button{font-size:8px;padding:12px 9px}.future-select select{max-width:160px}.vessel-caption{right:5%;bottom:170px}.hero-copy{font-size:18px}}
@media(max-width:800px){.hero{height:auto;min-height:1060px;padding:48px 6% 530px;align-items:flex-start}.hero-content{width:100%;max-width:550px}.hero-content h1{font-size:clamp(46px,9vw,66px);margin:16px 0}.hero-content .hero-actions{flex-direction:row}.hero-copy{max-width:460px;margin-bottom:24px}.hero-content .eyebrow{font-size:8px}.hero-kicker{font-size:9px;margin-bottom:10px}.orbital-shade{background:linear-gradient(180deg,#030a15 0%,#030a15e6 30%,transparent 54%,transparent 76%,#030a15 90%)}.orbit-readout{display:none}.vessel-caption{left:6%;right:auto;max-width:90%;bottom:180px;gap:5px}.vessel-caption strong{font-size:15px}.vessel-caption>span{font-size:8px}.vessel-caption>span:last-of-type{display:none}.future-console{bottom:20px;padding:14px;gap:10px;flex-wrap:wrap;left:5%;right:5%}.scene-identity{width:40%;flex:1}.future-select{width:50%}.future-select select{max-width:none;width:100%}.future-console button{flex:1;white-space:nowrap;min-height:38px}.future-console #future-pause{flex:0 0 38px}.future-status{bottom:155px;left:6%;right:6%;max-width:none;font-size:10px}.hero.is-immersive .future-stage{inset:0}.hero.is-immersive .future-console{bottom:15px}.hero.is-immersive #future-exit{top:20px}.ship-image{height:230px}}
@media(max-width:400px){.hero{min-height:1120px;padding-bottom:540px}.hero-content .hero-actions{display:flex}.hero-content .hero-actions .button{width:auto}.hero-content h1{font-size:45px}.hero-copy{font-size:18px}.future-console button{letter-spacing:0;font-size:8px}}
@media(prefers-reduced-motion:reduce){#destinations .principle{transition:none}}

body:has(.future-stage) .world-controls{display:none}

.vessel-caption{background:linear-gradient(90deg,#04101ac9,#04101a00);padding:14px 18px}.hero.is-immersive{overflow:hidden}