/* Landroid is the full hero atmosphere; the introduction has its own canvas. */
.hero { background: #151918; color: #f3eee3; }
.hero-layout { display: flex; align-items: center; flex: 1; min-height: 0; }
.hero-copy { position: relative; z-index: 1; min-width: 0; pointer-events: none; }
.hero-copy a { pointer-events: auto; }
.hero-statement em, .name-period { color: #dcb58a; }
.hero-description { color: #c4cec6; }
.hero-bottom { position: relative; z-index: 1; border-color: #a1b4a444; }
.hero-controls { align-items: center; }
.mission { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #151918; }
.mission::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #151918d9 0%, #15191870 42%, #1519180a 75%), linear-gradient(0deg, #151918cf, transparent 22%); }
.mission iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; }
.mission-heading { position: absolute; top: 28px; right: 6%; z-index: 1; display: flex; gap: 22px; font: 10px/1.4 var(--mono); letter-spacing: 1px; color: #bac9be; pointer-events: none; }
.mission.is-expanded { position: fixed; inset: 0; width: 100vw; height: 100dvh; z-index: 200; }
.mission.is-expanded::after, .mission.is-expanded .mission-heading { display: none; }
.mission.is-expanded iframe { inset: 60px 0 0; height: calc(100% - 60px); pointer-events: auto; }
.mission-flightbar { position: absolute; inset: 0 0 auto; height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 20px; background: #202923; border-bottom: 1px solid #a1b4a444; color: #d8dfd5; font: 11px/1.4 var(--mono); }
body.mission-open { overflow: hidden; }
.hero:has(.mission.is-expanded) { isolation: auto; overflow: visible; }
@media (max-width: 760px) {
 .hero h1 { font-size: 8.7vw; }
 .hero-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
 .hero-controls { width: 100%; justify-content: space-between; gap: 10px; }
 .hero-controls button { font-size: 10px; }
 .mission-heading { top: 22px; right: 5%; font-size: 9px; gap: 14px; }
 .mission::after { background: linear-gradient(90deg, #151918b3, #15191833), linear-gradient(0deg, #151918d9, transparent 35%); }
 .mission-flightbar { padding: 8px 12px; }
 .mission-flightbar > span { font-size: 9px; max-width: 55%; }
}
@media (max-height: 500px) {
 .mission-heading { top: 12px; font-size: 8px; }
 .hero-bottom > span { display: none; }
}


/* Matching, quiet fullscreen controls with compact corner glyphs. */
#mission-expand, #mission-return { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 7px; min-height: 34px; padding: 7px 10px; border: 1px solid #a0b2a342; border-radius: 4px; background: #18211de6; color: #dce3d9; font: 500 10px/1.4 var(--mono); transition: border-color .18s, background .18s, color .18s; }
.mission-toggle svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.2; }
#mission-expand:hover, #mission-return:hover { background: #26332b; border-color: #b8c6b6; color: #f3eee3; }
#mission-expand:focus-visible, #mission-return:focus-visible { outline: 2px solid #dcb58a; outline-offset: 3px; }