:root {
  --unspace-black: #050506;
  --unspace-panel: #0c0d0f;
  --unspace-panel-2: #121316;
  --unspace-white: #f4efe7;
  --unspace-muted: #aaa39b;
  --unspace-orange: #ef5a32;
  --unspace-orange-bright: #ff9b63;
  --unspace-red: #751f19;
  --unspace-blue: #69c8d2;
  --unspace-line: rgba(239, 90, 50, .3);
  --unspace-soft-line: rgba(244, 239, 231, .1);
  --unspace-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --unspace-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --unspace-container: min(1240px, calc(100vw - 56px));
}

html { background: var(--unspace-black); }
body.unspace-page {
  color: var(--unspace-white);
  background:
    radial-gradient(circle at 84% 0%, rgba(239, 90, 50, .1), transparent 28%),
    radial-gradient(circle at 10% 36%, rgba(105, 200, 210, .035), transparent 24%),
    var(--unspace-black);
  font-family: var(--unspace-sans);
  overflow-x: clip;
}
body.unspace-page::before {
  opacity: .1;
  mix-blend-mode: overlay;
}
body.unspace-page img { display: block; max-width: 100%; }
.unspace-page ::selection { background: var(--unspace-orange); color: #050506; }

/* Chamas brancas transitando pela interface. O canvas é decorativo e não bloqueia interações. */
.unspace-white-fire {
  position: fixed;
  inset: 0;
  z-index: 35;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .58;
  mix-blend-mode: screen;
  filter: contrast(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .unspace-white-fire { display: none; }
}

.unspace-header {
  --line: var(--unspace-line);
  --gold: var(--unspace-orange);
  --gold-bright: var(--unspace-white);
  border-bottom-color: rgba(255,255,255,.06);
}
.unspace-header::after {
  content: "YAMATO // EXTERNAL TERMINAL";
  position: absolute;
  left: max(24px, calc((100vw - 1380px) / 2));
  bottom: -18px;
  color: rgba(255,255,255,.22);
  font: 8px/1 var(--unspace-mono);
  letter-spacing: .25em;
}
.unspace-header.is-scrolled {
  background: rgba(5,5,6,.9);
  border-color: var(--unspace-line);
  backdrop-filter: blur(18px);
}
.unspace-header .brand__sigil { border-color: var(--unspace-orange); box-shadow: 0 0 24px rgba(239,90,50,.2); }
.unspace-header .brand__sigil::before { box-shadow: 0 0 8px 2px var(--unspace-white); }
.unspace-header .brand__name { color: var(--unspace-white); }
.unspace-header .site-nav a { color: rgba(244,239,231,.66); }
.unspace-header .site-nav a::after { background: var(--unspace-orange); }
.unspace-header .site-nav a:hover { color: var(--unspace-white); }
.unspace-header .header-cta { color: var(--unspace-white); border-color: var(--unspace-line); background: rgba(239,90,50,.04); }
.unspace-header .header-cta:hover { background: rgba(239,90,50,.12); border-color: var(--unspace-orange); }

.unspace-hero {
  min-height: max(820px, 100svh);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  align-items: center;
  border-bottom: 1px solid var(--unspace-line);
}
.unspace-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(5,5,6,.98) 0 28%, rgba(5,5,6,.72) 48%, rgba(5,5,6,.18) 72%, rgba(5,5,6,.58) 100%),
    linear-gradient(180deg, rgba(5,5,6,.32), transparent 45%, #050506 97%);
}
.unspace-hero__art {
  position: absolute;
  inset: 0;
  z-index: -4;
  background: url("assets/unspace/library-hero.jpg") 70% 20% / cover no-repeat;
  transform: scale(1.06);
  filter: contrast(1.08) saturate(.92) brightness(.68);
  will-change: transform;
}
.unspace-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    radial-gradient(circle at 79% 31%, transparent 0 10%, rgba(5,5,6,.06) 18%, rgba(5,5,6,.62) 57%),
    repeating-linear-gradient(90deg, transparent 0 139px, rgba(255,255,255,.025) 140px),
    repeating-linear-gradient(0deg, transparent 0 79px, rgba(239,90,50,.018) 80px);
}
.unspace-hero__noise {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .14;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.05) 4px);
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
}
.unspace-hero__inner {
  width: var(--unspace-container);
  margin: 118px auto 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .58fr);
  gap: clamp(54px, 7vw, 110px);
  align-items: end;
}
.unspace-hero__copy { max-width: 720px; }
.unspace-code,
.unspace-eyebrow,
.signal-panel__header,
.route-data__code,
.crew-transmission__header {
  margin: 0;
  color: var(--unspace-orange-bright);
  font: 700 10px/1.4 var(--unspace-mono);
  letter-spacing: .25em;
  text-transform: uppercase;
}
.unspace-logo {
  width: min(620px, 92%);
  margin: 20px 0 2px;
  filter: drop-shadow(0 0 22px rgba(239,90,50,.18));
}
.unspace-hero__statement {
  margin: 0 0 23px;
  max-width: 640px;
  color: var(--unspace-white);
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 300;
  letter-spacing: -.045em;
  line-height: .98;
}
.unspace-hero__lead {
  max-width: 620px;
  margin: 0;
  color: rgba(244,239,231,.72);
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.65;
}
.unspace-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.unspace-button {
  min-width: 210px;
  min-height: 54px;
  padding: 0 18px 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border: 1px solid var(--unspace-line);
  background: rgba(5,5,6,.55);
  color: var(--unspace-white);
  font: 700 10px/1 var(--unspace-mono);
  letter-spacing: .17em;
  text-transform: uppercase;
  clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
  transition: transform .25s, border-color .25s, background .25s, color .25s;
}
.unspace-button b { font-size: 16px; font-weight: 400; }
.unspace-button:hover { transform: translateY(-2px); border-color: var(--unspace-orange-bright); }
.unspace-button--primary { background: var(--unspace-orange); color: #090707; border-color: var(--unspace-orange); }
.unspace-button--primary:hover { background: var(--unspace-orange-bright); }
.unspace-button--ghost:hover { background: rgba(239,90,50,.1); }
.unspace-hero__facts {
  margin: 32px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 34px;
}
.unspace-hero__facts div { padding-left: 13px; border-left: 1px solid var(--unspace-line); }
.unspace-hero__facts dt { color: rgba(244,239,231,.38); font: 8px/1.3 var(--unspace-mono); letter-spacing: .18em; text-transform: uppercase; }
.unspace-hero__facts dd { margin: 5px 0 0; color: rgba(244,239,231,.82); font: 11px/1.2 var(--unspace-mono); text-transform: uppercase; }
.signal-panel {
  position: relative;
  padding: 25px;
  border: 1px solid var(--unspace-line);
  background: linear-gradient(145deg, rgba(16,17,20,.93), rgba(5,5,6,.84));
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
  box-shadow: 0 24px 90px rgba(0,0,0,.42);
}
.signal-panel::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.05);
  pointer-events: none;
}
.signal-panel__header { display: flex; justify-content: space-between; gap: 15px; color: rgba(244,239,231,.45); }
.signal-panel__header b { color: var(--unspace-orange); }
.signal-panel > p { color: rgba(244,239,231,.66); font-size: 13px; line-height: 1.7; }
.signal-panel ul { margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--unspace-soft-line); }
.signal-panel li { display: flex; gap: 13px; padding: 11px 0; border-bottom: 1px solid var(--unspace-soft-line); color: rgba(244,239,231,.78); font: 10px/1.5 var(--unspace-mono); letter-spacing: .08em; text-transform: uppercase; }
.signal-panel li span { color: var(--unspace-orange); }
.unspace-hero__telemetry {
  position: absolute;
  left: 18px;
  top: 50%;
  display: flex;
  gap: 38px;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
  color: rgba(244,239,231,.22);
  font: 8px/1 var(--unspace-mono);
  letter-spacing: .28em;
}
.unspace-scroll { position: absolute; bottom: 20px; left: 50%; width: 28px; height: 42px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; }
.unspace-scroll span { position: absolute; top: 8px; left: 50%; width: 2px; height: 8px; background: var(--unspace-orange); transform: translateX(-50%); animation: unspace-scroll 1.8s ease-in-out infinite; }
@keyframes unspace-scroll { 0%{transform:translate(-50%,0);opacity:0} 25%{opacity:1} 80%{opacity:1} 100%{transform:translate(-50%,17px);opacity:0} }

.mission-section {
  position: relative;
  width: var(--unspace-container);
  margin: 0 auto;
  padding: 132px 0;
  border-bottom: 1px solid var(--unspace-soft-line);
}
.mission-section::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -50vw;
  width: 50vw;
  border-bottom: 1px solid var(--unspace-soft-line);
}
.mission-rail {
  position: absolute;
  left: -78px;
  top: 142px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  color: var(--unspace-orange);
  font-family: var(--unspace-mono);
}
.mission-rail span { font-size: 18px; }
.mission-rail i { width: 1px; height: 110px; background: linear-gradient(var(--unspace-orange), transparent); }
.mission-rail small { writing-mode: vertical-rl; font-size: 7px; letter-spacing: .25em; }
.unspace-eyebrow { margin-bottom: 16px; }
.mission-section h2,
.unspace-cta h2 {
  margin: 0;
  max-width: 920px;
  font-size: clamp(42px, 6.2vw, 88px);
  font-weight: 300;
  letter-spacing: -.052em;
  line-height: .98;
}
.mission-section h3 { font-weight: 400; }
.mission-section p { color: rgba(244,239,231,.64); }
.unspace-lede { color: rgba(244,239,231,.84) !important; font-size: clamp(18px, 2vw, 23px); line-height: 1.62; }

.briefing {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(380px, .85fr);
  gap: 72px;
  align-items: center;
}
.briefing__copy h2 { font-size: clamp(42px, 5vw, 72px); }
.briefing__copy blockquote {
  margin: 34px 0 0;
  padding: 20px 0 20px 22px;
  border-left: 2px solid var(--unspace-orange);
  color: var(--unspace-white);
  font-size: 18px;
  font-weight: 300;
}
.briefing__visual { position: relative; aspect-ratio: 1232 / 706; min-height: 0; display: grid; place-items: center; border: 1px solid var(--unspace-line); overflow: hidden; background: #050506; clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%); }
.briefing__visual img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; filter: contrast(1.07) brightness(.78); }
.briefing__visual::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,5,6,.96));pointer-events:none; }
.briefing__readout { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 20px; display: flex; justify-content: space-between; gap: 20px; font: 9px/1.4 var(--unspace-mono); letter-spacing: .14em; }
.briefing__readout span { color: var(--unspace-orange); }
.briefing__readout strong { color: var(--unspace-white); }
.briefing__metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--unspace-soft-line); }
.briefing__metrics div { min-height: 130px; padding: 27px; display: flex; flex-direction: column; justify-content: flex-end; border-right: 1px solid var(--unspace-soft-line); background: linear-gradient(135deg, rgba(239,90,50,.04), transparent); }
.briefing__metrics div:last-child { border-right: 0; }
.briefing__metrics span { color: var(--unspace-white); font: 300 clamp(36px,5vw,66px)/1 var(--unspace-sans); }
.briefing__metrics small { margin-top: 10px; color: var(--unspace-muted); font: 8px/1.4 var(--unspace-mono); letter-spacing: .2em; text-transform: uppercase; }

.systems__heading { max-width: 970px; }
.systems__heading > p:last-child { max-width: 720px; font-size: 17px; }
.systems-console { margin-top: 58px; border: 1px solid var(--unspace-line); background: rgba(8,8,9,.88); clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); }
.systems-console__nav { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--unspace-line); }
.systems-console__nav button {
  min-height: 68px;
  padding: 0 22px;
  border: 0;
  border-right: 1px solid var(--unspace-soft-line);
  background: transparent;
  color: rgba(244,239,231,.4);
  text-align: left;
  font: 700 10px/1 var(--unspace-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
}
.systems-console__nav button:last-child { border-right: 0; }
.systems-console__nav button span { margin-right: 14px; color: var(--unspace-orange); }
.systems-console__nav button[aria-selected="true"] { color: var(--unspace-white); background: linear-gradient(90deg, rgba(239,90,50,.14), transparent); box-shadow: inset 0 -2px var(--unspace-orange); }
.systems-console__display { min-height: 430px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 55px; padding: clamp(34px, 5vw, 70px); }
.systems-console__radar { position: relative; width: min(330px, 100%); aspect-ratio: 1; margin: auto; border: 1px solid rgba(239,90,50,.35); border-radius: 50%; background: radial-gradient(circle, rgba(239,90,50,.1), transparent 55%), repeating-radial-gradient(circle, transparent 0 38px, rgba(255,255,255,.055) 39px 40px); }
.systems-console__radar::before,.systems-console__radar::after{content:"";position:absolute;background:rgba(255,255,255,.12)}
.systems-console__radar::before{top:50%;left:-18px;right:-18px;height:1px}.systems-console__radar::after{left:50%;top:-18px;bottom:-18px;width:1px}
.systems-console__radar i { position: absolute; inset: 14%; border: 1px dashed rgba(105,200,210,.2); border-radius: 50%; animation: radar-rotate 18s linear infinite; }
.systems-console__radar span { position: absolute; inset: 5%; border-radius: 50%; background: conic-gradient(from 0deg, rgba(239,90,50,.36), transparent 20%); animation: radar-rotate 4s linear infinite; }
.systems-console__radar b { position: absolute; left: 66%; top: 31%; width: 8px; height: 8px; border-radius: 50%; background: var(--unspace-orange-bright); box-shadow: 0 0 18px var(--unspace-orange); }
@keyframes radar-rotate { to { transform: rotate(360deg); } }
.systems-console__copy > p:first-child { color: var(--unspace-orange); font: 700 9px/1.4 var(--unspace-mono); letter-spacing: .2em; }
.systems-console__copy h3 { margin: 12px 0 18px; color: var(--unspace-white); font-size: clamp(30px, 4vw, 53px); line-height: 1.04; letter-spacing: -.04em; }
.systems-console__copy > p:nth-child(3) { max-width: 590px; }
.systems-console__copy ul { margin: 28px 0 0; padding: 0; list-style: none; }
.systems-console__copy li { display: grid; grid-template-columns: 100px 1fr; gap: 18px; align-items: center; margin: 12px 0; color: rgba(244,239,231,.5); font: 8px/1 var(--unspace-mono); letter-spacing: .16em; text-transform: uppercase; }
.systems-console__copy li b { height: 2px; background: linear-gradient(90deg, var(--unspace-orange) var(--meter), rgba(255,255,255,.08) var(--meter)); }
.systems-console__cards { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--unspace-line); }
.systems-console__cards article { min-height: 125px; padding: 25px; border-right: 1px solid var(--unspace-soft-line); }
.systems-console__cards article:last-child { border-right: 0; }
.systems-console__cards strong { display: block; color: var(--unspace-orange-bright); font: 300 34px/1 var(--unspace-sans); }
.systems-console__cards span { display: block; margin-top: 12px; color: rgba(244,239,231,.45); font: 8px/1.4 var(--unspace-mono); letter-spacing: .14em; text-transform: uppercase; }

.route__heading { max-width: 980px; }
.route__heading p:last-child { max-width: 720px; }
.route-console { margin-top: 55px; min-height: 620px; display: grid; grid-template-columns: 1.35fr .65fr; border: 1px solid var(--unspace-line); background: linear-gradient(145deg, rgba(16,17,19,.9), rgba(5,5,6,.92)); overflow: hidden; }
.route-map { position: relative; min-height: 620px; border-right: 1px solid var(--unspace-line); background: radial-gradient(circle at 50% 50%, rgba(239,90,50,.09), transparent 47%), repeating-linear-gradient(0deg, transparent 0 49px, rgba(255,255,255,.025) 50px), repeating-linear-gradient(90deg, transparent 0 49px, rgba(255,255,255,.025) 50px); overflow: hidden; }
.route-map::after { content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(239,90,50,.05),transparent 64%);animation:route-scan 6s linear infinite;pointer-events:none; }
@keyframes route-scan { from{transform:translateX(-100%)} to{transform:translateX(100%)} }
.route-map__orbits { position: absolute; width: 560px; aspect-ratio: 1; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.05); border-radius: 50%; }
.route-map__orbits i { position:absolute;inset:var(--orbit);border:1px solid rgba(255,255,255,.05);border-radius:50% }
.route-map__orbits i:nth-child(1){--orbit:15%}.route-map__orbits i:nth-child(2){--orbit:30%}.route-map__orbits i:nth-child(3){--orbit:42%}
.route-map__orbits span { position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#050506;border:2px solid var(--unspace-orange);box-shadow:0 0 30px rgba(239,90,50,.6);transform:translate(-50%,-50%) }
.route-node { position: absolute; z-index: 3; left: var(--x); top: var(--y); transform: translate(-50%,-50%); width: 130px; padding: 0; border: 0; background: transparent; color: rgba(244,239,231,.55); cursor: pointer; text-align: left; }
.route-node::before { content:""; display:block; width:14px; height:14px; margin-bottom:10px; border:1px solid var(--unspace-orange); background:#050506; transform:rotate(45deg); transition:background .25s,box-shadow .25s; }
.route-node span { color: var(--unspace-orange); font: 8px/1 var(--unspace-mono); }
.route-node b { display:block; margin-top:5px; font: 700 10px/1.25 var(--unspace-mono); letter-spacing:.08em; text-transform:uppercase; }
.route-node.is-active { color: var(--unspace-white); }
.route-node.is-active::before { background: var(--unspace-orange); box-shadow: 0 0 20px rgba(239,90,50,.7); }
.route-path { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.route-path path { fill:none;stroke:rgba(239,90,50,.45);stroke-width:2;stroke-dasharray:8 8;vector-effect:non-scaling-stroke;animation:route-dash 10s linear infinite; }
@keyframes route-dash { to { stroke-dashoffset:-160; } }
.route-data { padding: clamp(32px, 4vw, 58px); align-self: center; }
.route-data h3 { margin: 15px 0 18px; color: var(--unspace-white); font-size: clamp(38px,4vw,56px); line-height:1;letter-spacing:-.045em; }
.route-data > p:nth-child(3) { min-height: 120px; }
.route-data dl { margin:32px 0 0; }
.route-data dl div { display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid var(--unspace-soft-line);font:8px/1.3 var(--unspace-mono);letter-spacing:.14em;text-transform:uppercase; }
.route-data dt { color:rgba(244,239,231,.42) }.route-data dd{margin:0;color:var(--unspace-orange-bright)}
.route-data__progress { margin-top:32px;height:3px;background:rgba(255,255,255,.08);overflow:hidden }.route-data__progress span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,var(--unspace-orange),var(--unspace-orange-bright));transition:width .45s ease}

.crew__heading { max-width: 1080px; }
.crew__heading p:last-child { max-width: 790px; }
.crew-deck {
  margin-top: 58px;
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  grid-template-areas:
    "portrait profile"
    "roster roster";
  border: 1px solid var(--unspace-line);
  background:
    linear-gradient(135deg, rgba(239,90,50,.055), transparent 34%),
    rgba(8,8,9,.9);
  overflow: hidden;
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}
.crew-portrait {
  grid-area: portrait;
  min-width: 0;
  padding: 24px;
  border-right: 1px solid var(--unspace-line);
  background:
    radial-gradient(circle at 50% 34%, rgba(239,90,50,.11), transparent 42%),
    repeating-linear-gradient(0deg, transparent 0 39px, rgba(255,255,255,.018) 40px),
    #070708;
}
.crew-portrait__frame {
  position: relative;
  width: min(100%, 440px);
  aspect-ratio: 612 / 1000;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(244,239,231,.17);
  background: #020203;
  box-shadow: 0 26px 80px rgba(0,0,0,.48);
}
.crew-portrait__frame::before,
.crew-portrait__frame::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 52px;
  height: 52px;
  pointer-events: none;
}
.crew-portrait__frame::before { inset: 12px auto auto 12px; border-top: 1px solid var(--unspace-orange); border-left: 1px solid var(--unspace-orange); }
.crew-portrait__frame::after { inset: auto 12px 12px auto; border-right: 1px solid var(--unspace-orange); border-bottom: 1px solid var(--unspace-orange); }
.crew-portrait__frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: contrast(1.04) saturate(.96);
}
.crew-portrait__scan {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 58%, rgba(5,5,6,.82) 100%),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.035) 4px);
  mix-blend-mode: screen;
  opacity: .36;
}
.crew-portrait__index {
  position: absolute;
  z-index: 4;
  left: 20px;
  right: 20px;
  bottom: 18px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: var(--unspace-white);
  font: 700 8px/1.3 var(--unspace-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.crew-portrait__index b { color: var(--unspace-orange-bright); font-weight: 700; }
.crew-profile {
  grid-area: profile;
  position: relative;
  min-width: 0;
  padding: clamp(38px, 5.5vw, 76px);
  overflow: hidden;
}
.crew-profile::before {
  content: "";
  position: absolute;
  width: 520px;
  aspect-ratio: 1;
  right: -270px;
  bottom: -300px;
  border: 1px solid rgba(239,90,50,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(239,90,50,.025), 0 0 0 104px rgba(239,90,50,.015);
  pointer-events: none;
}
.crew-transmission__header { display: flex; justify-content: space-between; gap: 20px; color: rgba(244,239,231,.38); }
.crew-transmission__header b { color: var(--unspace-orange); }
.crew-profile__role {
  margin: 42px 0 12px;
  color: rgba(244,239,231,.48);
  font: 700 9px/1.5 var(--unspace-mono);
  letter-spacing: .17em;
}
.crew-profile h3 {
  margin: 0 0 24px;
  font-size: clamp(55px, 8vw, 112px);
  font-weight: 250;
  line-height: .82;
  letter-spacing: -.065em;
}
.crew-profile > p:not(.crew-profile__role) { max-width: 690px; margin: 0; color: rgba(244,239,231,.68); font-size: 17px; line-height: 1.75; }
.crew-profile blockquote {
  max-width: 700px;
  margin: 32px 0 0;
  padding: 5px 0 5px 20px;
  border-left: 2px solid var(--unspace-orange);
  color: var(--unspace-white);
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 300;
  line-height: 1.45;
}
.crew-profile__data {
  position: relative;
  z-index: 1;
  margin: 44px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--unspace-soft-line);
  border-bottom: 1px solid var(--unspace-soft-line);
}
.crew-profile__data div { min-width: 0; padding: 18px 18px 18px 0; border-right: 1px solid var(--unspace-soft-line); }
.crew-profile__data div + div { padding-left: 18px; }
.crew-profile__data div:last-child { border-right: 0; }
.crew-profile__data dt { color: var(--unspace-orange); font: 700 7px/1.3 var(--unspace-mono); letter-spacing: .16em; text-transform: uppercase; }
.crew-profile__data dd { margin: 9px 0 0; color: rgba(244,239,231,.68); font-size: 12px; line-height: 1.45; }
.crew-roster {
  grid-area: roster;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--unspace-line);
  background: #070708;
}
.crew-roster button {
  position: relative;
  min-width: 0;
  min-height: 126px;
  padding: 0;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: stretch;
  border: 0;
  border-right: 1px solid var(--unspace-soft-line);
  background: transparent;
  color: rgba(244,239,231,.48);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
.crew-roster button:last-child { border-right: 0; }
.crew-roster button::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--unspace-orange); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.crew-roster button img { display: block; width: 78px; height: 126px; object-fit: cover; object-position: center 18%; filter: grayscale(.45) brightness(.55); transition: filter .25s, transform .35s; }
.crew-roster button span { min-width: 0; padding: 28px 16px; align-self: center; }
.crew-roster button b { display: block; color: currentColor; font: 400 19px/1 var(--unspace-sans); letter-spacing: .03em; }
.crew-roster button small { display: block; margin-top: 12px; color: rgba(244,239,231,.32); font: 700 7px/1.45 var(--unspace-mono); letter-spacing: .12em; }
.crew-roster button:hover,
.crew-roster button[aria-selected="true"] { color: var(--unspace-white); background: linear-gradient(180deg, rgba(239,90,50,.09), transparent); }
.crew-roster button:hover img,
.crew-roster button[aria-selected="true"] img { filter: grayscale(0) brightness(.9); transform: scale(1.035); }
.crew-roster button[aria-selected="true"]::after { transform: scaleX(1); }

.yamato { display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:75px;align-items:center }.yamato__visual{position:relative;aspect-ratio:2 / 3;min-height:0;border:1px solid var(--unspace-line);overflow:hidden;background:#050506}.yamato__visual video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;filter:brightness(.75) contrast(1.08)}.yamato__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(5,5,6,.96))}.yamato__label{position:absolute;z-index:2;left:24px;bottom:24px}.yamato__label span{display:block;color:var(--unspace-orange);font:8px/1 var(--unspace-mono);letter-spacing:.2em}.yamato__label strong{display:block;margin-top:10px;font:300 46px/1 var(--unspace-sans);letter-spacing:.12em}.yamato__copy h2{font-size:clamp(42px,5vw,72px)}.yamato__copy>p:nth-child(3){max-width:680px;font-size:17px}.yamato-grid{margin-top:45px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--unspace-soft-line)}.yamato-grid article{min-height:190px;padding:25px;border-right:1px solid var(--unspace-soft-line);border-bottom:1px solid var(--unspace-soft-line);background:linear-gradient(135deg,rgba(239,90,50,.035),transparent)}.yamato-grid article:nth-child(2n){border-right:0}.yamato-grid article:nth-last-child(-n+2){border-bottom:0}.yamato-grid span{color:var(--unspace-orange);font:8px/1 var(--unspace-mono)}.yamato-grid h3{margin:22px 0 7px;color:var(--unspace-white);font-size:27px}.yamato-grid p{margin:0;font-size:13px}

.archive__heading { max-width: 980px; }
.unspace-gallery {
  margin-top: 55px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}
.unspace-gallery__item {
  --ratio: 16 / 9;
  position: relative;
  grid-column: span 6;
  aspect-ratio: var(--ratio);
  padding: 0;
  border: 1px solid var(--unspace-soft-line);
  background: #030304;
  overflow: hidden;
  cursor: zoom-in;
}
.unspace-gallery__item--wide { grid-column: 1 / -1; --ratio: 1438 / 810; }
.unspace-gallery__item--gameplay { --ratio: 16 / 9; }
.unspace-gallery__item:nth-child(3) { --ratio: 920 / 430; }
.unspace-gallery__item:nth-child(4) { --ratio: 1920 / 620; }
.unspace-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: brightness(.7) contrast(1.06);
  transition: transform .6s ease, filter .4s;
}
.unspace-gallery__item--gameplay img {
  object-fit: contain;
  background: #050506;
}
.unspace-gallery__item:hover img { transform: scale(1.018); filter: brightness(.86); }
.unspace-gallery__item::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(5,5,6,.94)); pointer-events:none; }
.unspace-gallery__item span { position:absolute; z-index:2; left:20px; bottom:18px; color:var(--unspace-white); font:9px/1.3 var(--unspace-mono); letter-spacing:.12em; text-transform:uppercase; }
.unspace-gallery__item b { display:block; margin-bottom:6px; color:var(--unspace-orange); }

.unspace-cta { position:relative;min-height:700px;display:grid;place-items:center;isolation:isolate;overflow:hidden;border-top:1px solid var(--unspace-line) }.unspace-cta__art{position:absolute;inset:-8%;z-index:-3;background:url("assets/unspace/page-bg.jpg") center/cover no-repeat;filter:brightness(.42) saturate(.75);transform:scale(1.08)}.unspace-cta::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at center,rgba(5,5,6,.14),rgba(5,5,6,.9) 70%),linear-gradient(180deg,#050506,transparent 30%,#050506 97%)}.unspace-cta__grid{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 99px,rgba(255,255,255,.025) 100px),repeating-linear-gradient(0deg,transparent 0 99px,rgba(255,255,255,.02) 100px)}.unspace-cta__copy{width:min(950px,calc(100% - 42px));text-align:center}.unspace-cta h2{margin-inline:auto;max-width:900px}.unspace-cta__copy>p:nth-child(3){max-width:700px;margin:25px auto 0;color:rgba(244,239,231,.68);font-size:18px}.unspace-actions--center{justify-content:center}.unspace-cta__meta{margin-top:34px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;color:rgba(244,239,231,.4);font:8px/1 var(--unspace-mono);letter-spacing:.18em}

.unspace-lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:40px;background:rgba(3,3,4,.94);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.unspace-lightbox.is-open{opacity:1;visibility:visible}.unspace-lightbox>button{position:absolute;top:22px;right:26px;width:44px;height:44px;border:1px solid var(--unspace-line);background:#080809;color:var(--unspace-white);font-size:28px;cursor:pointer}.unspace-lightbox figure{margin:0;max-width:min(1200px,92vw)}.unspace-lightbox img{max-height:82vh;width:auto;margin:auto;border:1px solid var(--unspace-line)}.unspace-lightbox figcaption{margin-top:12px;color:rgba(244,239,231,.56);font:9px/1.4 var(--unspace-mono);letter-spacing:.13em;text-align:center;text-transform:uppercase}

.unspace-footer{min-height:140px;padding:35px max(28px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;border-top:1px solid var(--unspace-line);background:#050506}.unspace-footer p{margin:0;color:rgba(244,239,231,.42);font-size:12px}.unspace-footer nav{display:flex;gap:24px}.unspace-footer nav a{color:rgba(244,239,231,.54);font:8px/1 var(--unspace-mono);letter-spacing:.14em;text-transform:uppercase}.unspace-footer nav a:hover{color:var(--unspace-orange-bright)}

@media (max-width: 1180px) {
  .mission-rail { display:none; }
  .unspace-hero__inner { grid-template-columns:1fr .62fr;gap:40px }
  .route-console { grid-template-columns:1fr .72fr }
}
@media (max-width: 980px) {
  :root { --unspace-container:min(100% - 36px, 880px); }
  .unspace-header::after { display:none; }
  .unspace-hero { min-height:auto;padding-bottom:70px }
  .unspace-hero__art { background-position:72% center;opacity:.6 }
  .unspace-hero__inner { margin-top:130px;grid-template-columns:1fr;align-items:start }
  .signal-panel { max-width:620px }
  .briefing,.yamato { grid-template-columns:1fr }
  .briefing__visual { order:-1;min-height:0 }.briefing__visual img{min-height:0}
  .systems-console__display { grid-template-columns:1fr }
  .systems-console__radar { width:260px }
  .route-console { grid-template-columns:1fr }.route-map{border-right:0;border-bottom:1px solid var(--unspace-line)}
  .crew-deck { grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr) }
  .crew-roster button { grid-template-columns:62px minmax(0,1fr) }.crew-roster button img{width:62px}
  .yamato__visual { min-height:0;max-width:620px;margin-inline:auto }.yamato__visual video{min-height:0;object-position:center}
  .unspace-gallery__item { grid-column:1 / -1 }
  .unspace-footer { grid-template-columns:1fr;text-align:center;justify-items:center }.unspace-footer nav{flex-wrap:wrap;justify-content:center}
}
@media (max-width: 760px) {
  .unspace-page { overflow-x:hidden; }
  .unspace-page .site-header { width:100%; }
  .unspace-page .menu-toggle { border-color:var(--unspace-line); }
  .unspace-page .site-nav { background:rgba(5,5,6,.98); }
  .unspace-page .site-nav::before { background:linear-gradient(180deg,rgba(239,90,50,.08),transparent); }
  .unspace-hero__art { inset:-5%;background-image:url("assets/unspace/library-capsule.jpg");background-position:center 22%; }
  .unspace-hero::before { background:linear-gradient(180deg,rgba(5,5,6,.26),rgba(5,5,6,.74) 44%,#050506 82%) }
  .unspace-hero__inner { width:calc(100% - 32px);margin-top:112px;gap:34px }
  .unspace-logo { width:100%;margin-top:8px }
  .unspace-hero__statement { font-size:clamp(37px,12vw,58px) }
  .unspace-hero__lead { font-size:15px }
  .unspace-actions { flex-direction:column }.unspace-button{width:100%}
  .unspace-hero__facts { gap:15px }.unspace-hero__facts div{min-width:calc(50% - 10px)}
  .unspace-hero__telemetry { display:none }.unspace-scroll{display:none}
  .signal-panel { padding:20px }
  .mission-section { width:calc(100% - 32px);padding:88px 0 }
  .mission-section h2,.unspace-cta h2 { font-size:clamp(39px,12vw,58px) }
  .briefing { gap:40px }.briefing__visual,.briefing__visual img{min-height:0}.briefing__metrics{grid-template-columns:1fr}.briefing__metrics div{min-height:100px;border-right:0;border-bottom:1px solid var(--unspace-soft-line)}.briefing__metrics div:last-child{border-bottom:0}
  .systems-console__nav { grid-template-columns:1fr }.systems-console__nav button{border-right:0;border-bottom:1px solid var(--unspace-soft-line)}.systems-console__display{padding:30px 20px}.systems-console__cards{grid-template-columns:repeat(2,1fr)}.systems-console__cards article:nth-child(2){border-right:0}.systems-console__cards article:nth-child(-n+2){border-bottom:1px solid var(--unspace-soft-line)}
  .route-map{min-height:500px}.route-map__orbits{width:430px}.route-node{width:100px}.route-node b{font-size:8px}.route-data{padding:30px 22px}.route-data>p:nth-child(3){min-height:0}
  .crew-deck{grid-template-columns:1fr;grid-template-areas:"portrait" "profile" "roster"}.crew-portrait{border-right:0;border-bottom:1px solid var(--unspace-line);padding:16px}.crew-portrait__frame{width:min(82vw,390px)}.crew-profile{padding:34px 22px}.crew-profile h3{font-size:clamp(58px,22vw,92px)}.crew-profile__role{margin-top:30px}.crew-profile__data{grid-template-columns:1fr}.crew-profile__data div,.crew-profile__data div+div{padding:15px 0;border-right:0;border-bottom:1px solid var(--unspace-soft-line)}.crew-profile__data div:last-child{border-bottom:0}.crew-roster{grid-template-columns:repeat(5,minmax(118px,1fr));overflow-x:auto;overscroll-behavior-inline:contain}.crew-roster button{min-width:118px;min-height:124px;grid-template-columns:1fr;grid-template-rows:76px auto}.crew-roster button img{width:100%;height:76px;object-position:center 18%}.crew-roster button span{padding:12px}.crew-roster button b{font-size:15px}.crew-roster button small{font-size:6px;margin-top:7px}
  .yamato{gap:40px}.yamato__visual,.yamato__visual video{min-height:0}.yamato-grid{grid-template-columns:1fr}.yamato-grid article{border-right:0!important;border-bottom:1px solid var(--unspace-soft-line)!important}.yamato-grid article:last-child{border-bottom:0!important}
  .unspace-gallery { gap:10px }
  .unspace-cta { min-height:650px;padding:70px 0 }.unspace-cta__meta{line-height:1.6}
  .unspace-lightbox{padding:20px}.unspace-lightbox>button{top:12px;right:12px}
}
@media (prefers-reduced-motion: reduce) {
  .reality-window::after,.reality-window__contour,.reality-window__rift--edge,.reality-window__anchor,.reality-window__lock i,.systems-console__radar i,.systems-console__radar span,.route-map::after,.route-path path,.crew-wave i,.unspace-scroll span { animation:none!important; }
  .unspace-hero__art { transform:none!important; }
}

/* --- YAMATO construction + Sehra footer update --- */
.yamato {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(48px, 6vw, 92px);
}

.yamato__visual {
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-width: none;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(5, 5, 7, .28), rgba(5, 5, 7, .8)),
    linear-gradient(135deg, rgba(239, 90, 50, .07), transparent 58%);
  box-shadow: 0 38px 80px rgba(0, 0, 0, .42);
}

.yamato__visual::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(239, 90, 50, .08), transparent 28%, transparent 72%, rgba(239, 90, 50, .08)),
    repeating-linear-gradient(0deg, transparent 0 5px, rgba(255, 255, 255, .018) 6px);
  pointer-events: none;
}

.yamato__visual::after {
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(5, 5, 6, .03) 45%, rgba(5, 5, 6, .9)),
    linear-gradient(90deg, rgba(5, 5, 6, .38), transparent 22%, transparent 78%, rgba(5, 5, 6, .38));
}

.yamato__visual video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  filter: brightness(.95) contrast(1.05) saturate(.92);
}

.yamato__hud {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 20px;
  display: grid;
  justify-items: end;
  gap: 7px;
  color: rgba(244, 239, 231, .55);
  font: 700 7px/1 var(--unspace-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.yamato__hud b {
  color: var(--unspace-orange-bright);
  font-weight: 700;
}

.yamato__label {
  z-index: 4;
}

.yamato__copy > p:nth-child(3) {
  max-width: 700px;
  font-size: 17px;
  line-height: 1.75;
}

.yamato-build-note {
  position: relative;
  margin-top: 34px;
  padding: 22px 24px 22px 28px;
  border: 1px solid rgba(239, 90, 50, .28);
  background:
    linear-gradient(90deg, rgba(239, 90, 50, .08), transparent 62%),
    rgba(255, 255, 255, .015);
}

.yamato-build-note::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: var(--unspace-orange-bright);
  box-shadow: 0 0 18px rgba(239, 90, 50, .45);
}

.yamato-build-note span {
  display: block;
  color: var(--unspace-orange);
  font: 700 8px/1.4 var(--unspace-mono);
  letter-spacing: .17em;
}

.yamato-build-note strong {
  display: block;
  margin-top: 12px;
  color: var(--unspace-white);
  font: 400 clamp(24px, 2.6vw, 34px)/1.08 var(--unspace-sans);
}

.yamato-build-note p {
  max-width: 620px;
  margin: 12px 0 0;
  color: rgba(244, 239, 231, .58);
  font-size: 13px;
  line-height: 1.65;
}

.yamato-grid {
  margin-top: 22px;
}

.unspace-footer {
  min-height: 0;
  padding: 0;
  display: block;
  border-top: 1px solid var(--unspace-line);
  background: #050506;
  overflow: hidden;
}

.sehra-footer-montage {
  position: relative;
  min-height: clamp(380px, 46vw, 640px);
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid var(--unspace-line);
  background:
    radial-gradient(circle at 72% 62%, rgba(244, 72, 143, .18), transparent 25%),
    radial-gradient(circle at 70% 74%, rgba(242, 138, 47, .12), transparent 38%),
    linear-gradient(110deg, #050506 0 48%, #10070d 100%);
}

.sehra-footer-montage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .24;
  background-image:
    linear-gradient(rgba(239, 90, 50, .14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239, 90, 50, .14) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(90deg, transparent 0 28%, #000 58%, #000 100%);
}

.sehra-footer-montage::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(58vw, 830px);
  aspect-ratio: 1;
  right: -7vw;
  top: 54%;
  transform: translateY(-50%);
  border: 1px solid rgba(239, 90, 50, .22);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(239, 90, 50, .035),
    0 0 0 104px rgba(239, 90, 50, .022),
    inset 0 0 110px rgba(239, 90, 50, .055);
}

.sehra-footer-montage__halo {
  position: absolute;
  right: clamp(8px, 8vw, 150px);
  top: 13%;
  width: clamp(130px, 14vw, 210px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 50%;
  box-shadow:
    0 0 36px rgba(255, 255, 255, .08),
    inset 0 0 46px rgba(239, 90, 50, .06);
}

.sehra-footer-montage__halo::before,
.sehra-footer-montage__halo::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(239, 90, 50, .2);
}

.sehra-footer-montage__halo::before { inset: 16%; }
.sehra-footer-montage__halo::after {
  inset: 42%;
  border: 0;
  background: #fff;
  box-shadow: 0 0 26px rgba(255, 255, 255, .7);
}

.sehra-footer-montage > img {
  position: absolute;
  z-index: 2;
  right: max(12px, calc((100vw - 1240px) / 2));
  bottom: -17%;
  width: min(43vw, 610px);
  height: auto;
  filter: drop-shadow(0 30px 46px rgba(0, 0, 0, .66));
  pointer-events: none;
  user-select: none;
}

.unspace-footer__base {
  min-height: 140px;
  padding: 35px max(28px, calc((100vw - 1240px) / 2));
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 40px;
  border-top: 1px solid var(--unspace-line);
  background: #050506;
}

.unspace-footer__base > p {
  margin: 0;
  color: rgba(244, 239, 231, .42);
  font-size: 12px;
}

.unspace-footer__base nav {
  display: flex;
  gap: 24px;
}

.unspace-footer__base nav a {
  color: rgba(244, 239, 231, .54);
  font: 8px/1 var(--unspace-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.unspace-footer__base nav a:hover { color: var(--unspace-orange-bright); }

@media (max-width: 1040px) {
  .yamato {
    grid-template-columns: 1fr;
  }

  .yamato__visual {
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
  }

  .sehra-footer-montage { min-height: 560px; }

  .sehra-footer-montage > img {
    right: -28px;
    bottom: -12%;
    width: min(55vw, 520px);
  }

  .unspace-footer__base {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .unspace-footer__base nav {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 720px) {
  .yamato__visual {
    aspect-ratio: 16 / 10;
  }

  .yamato__visual video {
    }

  .yamato__hud {
    top: 14px;
    right: 14px;
  }

  .yamato__label {
    left: 16px;
    bottom: 16px;
  }

  .yamato__label strong {
    font-size: 34px;
  }

  .yamato-build-note {
    padding: 20px 18px 20px 22px;
  }

  .sehra-footer-montage {
    min-height: 570px;
    background:
      radial-gradient(circle at 52% 70%, rgba(244, 72, 143, .2), transparent 28%),
      radial-gradient(circle at 58% 78%, rgba(242, 138, 47, .12), transparent 40%),
      linear-gradient(180deg, #070708 0 42%, #12080f 100%);
  }

  .sehra-footer-montage::before {
    mask-image: linear-gradient(180deg, transparent, #000 24%, #000 100%);
  }

  .sehra-footer-montage::after {
    width: 122vw;
    right: -52vw;
    top: 68%;
  }

  .sehra-footer-montage__halo {
    right: -36px;
    top: 16%;
  }

  .sehra-footer-montage > img {
    right: 50%;
    bottom: -14%;
    width: min(94vw, 500px);
    transform: translateX(50%);
  }
}

/* --- Bullet hell, roguelite showcase, Sehra transmission and integrated footer --- */
.combat-field__heading {
  max-width: 1030px;
}

.combat-field__heading > p:last-child {
  max-width: 760px;
  margin-top: 24px;
  font-size: 17px;
  line-height: 1.75;
}

.combat-field__hero {
  margin-top: clamp(48px, 6vw, 78px);
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(330px, .58fr);
  border: 1px solid var(--unspace-soft-line);
  background: rgba(8, 9, 11, .78);
  overflow: hidden;
}

.combat-shot,
.rogue-shot {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: #050506;
  overflow: hidden;
  cursor: zoom-in;
  text-align: left;
}

.combat-shot {
  aspect-ratio: 16 / 9;
  border: 1px solid var(--unspace-soft-line);
}

.combat-shot--hero {
  min-height: 100%;
  border: 0;
  border-right: 1px solid var(--unspace-soft-line);
}

.combat-shot img,
.rogue-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}

.combat-shot::after,
.rogue-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 55%, rgba(5, 5, 6, .9)),
    repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,.018) 5px);
  pointer-events: none;
}

.combat-shot:hover img,
.rogue-shot:hover img {
  transform: scale(1.025);
  filter: brightness(.87) contrast(1.05);
}

.combat-shot span,
.rogue-shot span {
  position: absolute;
  z-index: 2;
  left: 20px;
  right: 20px;
  bottom: 17px;
  color: rgba(244,239,231,.8);
  font: 700 8px/1.45 var(--unspace-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.combat-shot span b {
  display: block;
  margin-bottom: 7px;
  color: var(--unspace-orange-bright);
}

.combat-field__brief {
  position: relative;
  padding: clamp(32px, 4vw, 58px);
  align-self: stretch;
  background:
    radial-gradient(circle at 100% 0, rgba(239,90,50,.12), transparent 34%),
    linear-gradient(145deg, rgba(14,15,18,.96), rgba(5,5,6,.96));
}

.combat-field__brief::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255,255,255,.04);
  pointer-events: none;
}

.combat-field__code {
  margin: 0;
  color: var(--unspace-orange-bright) !important;
  font: 700 8px/1.4 var(--unspace-mono);
  letter-spacing: .19em;
}

.combat-field__brief h3 {
  margin: 18px 0 20px;
  color: var(--unspace-white);
  font-size: clamp(31px, 3.6vw, 52px);
  line-height: 1;
  letter-spacing: -.035em;
}

.combat-field__brief > p:nth-of-type(2) {
  font-size: 14px;
  line-height: 1.72;
}

.combat-field__brief ul {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.combat-field__brief li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  padding: 15px 0;
  border-top: 1px solid var(--unspace-soft-line);
}

.combat-field__brief li > span {
  color: var(--unspace-orange);
  font: 700 8px/1.4 var(--unspace-mono);
}

.combat-field__brief li strong {
  color: rgba(244,239,231,.86);
  font: 500 13px/1.35 var(--unspace-sans);
}

.combat-field__brief li small {
  grid-column: 2;
  color: rgba(244,239,231,.42);
  font-size: 11px;
  line-height: 1.55;
}

.combat-patterns {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rogue-operations {
  margin-top: clamp(74px, 9vw, 126px);
  display: grid;
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
  gap: clamp(42px, 6vw, 84px);
  align-items: start;
}

.rogue-operations__copy {
  position: sticky;
  top: 130px;
}

.rogue-operations__copy h3 {
  max-width: 620px;
  margin: 0 0 26px;
  color: var(--unspace-white);
  font-size: clamp(42px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.045em;
}

.rogue-operations__copy > p:not(.unspace-eyebrow) {
  max-width: 660px;
  font-size: 15px;
  line-height: 1.78;
}

.rogue-operations__facts {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--unspace-soft-line);
}

.rogue-operations__facts article {
  min-height: 112px;
  padding: 20px;
  border-right: 1px solid var(--unspace-soft-line);
  border-bottom: 1px solid var(--unspace-soft-line);
  background: linear-gradient(135deg, rgba(105,200,210,.035), transparent);
}

.rogue-operations__facts article:nth-child(2n) { border-right: 0; }
.rogue-operations__facts article:nth-last-child(-n+2) { border-bottom: 0; }
.rogue-operations__facts strong {
  display: block;
  color: var(--unspace-blue);
  font: 700 9px/1 var(--unspace-mono);
  letter-spacing: .15em;
}
.rogue-operations__facts span {
  display: block;
  margin-top: 14px;
  color: rgba(244,239,231,.5);
  font-size: 11px;
  line-height: 1.45;
}

.rogue-operations__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rogue-shot {
  aspect-ratio: 16 / 10;
  border: 1px solid var(--unspace-soft-line);
}

.rogue-shot--wide {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 8.6;
}

.rogue-shot:nth-child(4),
.rogue-shot:nth-child(5) {
  aspect-ratio: 16 / 9;
}

.sehra-transmission {
  position: relative;
  width: var(--unspace-container);
  margin: 0 auto;
  padding: clamp(86px, 10vw, 150px) 0;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: center;
  border-top: 1px solid var(--unspace-soft-line);
}

.sehra-transmission::before {
  content: "";
  position: absolute;
  width: 52vw;
  height: 52vw;
  max-width: 780px;
  max-height: 780px;
  left: -24vw;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(105,200,210,.08), transparent 67%);
  pointer-events: none;
}

.sehra-transmission__frame {
  position: relative;
  aspect-ratio: 800 / 446;
  padding: 14px;
  border: 1px solid rgba(105,200,210,.38);
  background: rgba(4,9,13,.86);
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
  box-shadow: 0 38px 100px rgba(0,0,0,.54), 0 0 42px rgba(105,200,210,.06);
}

.sehra-transmission__frame::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 14px;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,.025) 5px);
  mix-blend-mode: screen;
}

.sehra-transmission__frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #03070a;
}

.sehra-transmission__status {
  position: absolute;
  z-index: 4;
  top: 25px;
  left: 27px;
  right: 27px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: rgba(244,239,231,.45);
  font: 700 7px/1 var(--unspace-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.sehra-transmission__status b { color: var(--unspace-blue); }

.sehra-transmission__toggle {
  position: absolute;
  z-index: 5;
  right: 24px;
  bottom: 24px;
  padding: 10px 13px;
  border: 1px solid rgba(105,200,210,.34);
  background: rgba(3,8,12,.76);
  color: rgba(244,239,231,.72);
  font: 700 7px/1 var(--unspace-mono);
  letter-spacing: .13em;
  cursor: pointer;
}

.sehra-transmission__toggle:hover { color: #fff; border-color: var(--unspace-blue); }

.sehra-transmission__copy h2 {
  margin: 0;
  color: var(--unspace-white);
  font-size: clamp(42px, 5vw, 72px);
  font-weight: 300;
  line-height: .98;
  letter-spacing: -.046em;
}

.sehra-transmission__copy > p:last-child {
  max-width: 590px;
  margin-top: 26px;
  font-size: 16px;
  line-height: 1.75;
}

.unspace-footer {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 83% 32%, rgba(242,138,47,.11), transparent 23%),
    radial-gradient(circle at 76% 60%, rgba(244,72,143,.12), transparent 30%),
    linear-gradient(100deg, #050506 0 62%, #10080d 100%);
}

.unspace-footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .2;
  background-image:
    linear-gradient(rgba(239,90,50,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239,90,50,.13) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent 0 52%, #000 78%);
}

.unspace-footer__sehra {
  position: absolute;
  z-index: 2;
  right: max(14px, calc((100vw - 1240px) / 2));
  bottom: -225px;
  width: clamp(250px, 25vw, 350px);
  height: auto;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 24px 36px rgba(0,0,0,.68));
}

.unspace-footer__base {
  position: relative;
  z-index: 3;
  min-height: 270px;
  padding-right: max(360px, calc((100vw - 1240px) / 2 + 335px));
  background: transparent;
  border-top: 0;
}

@media (max-width: 1100px) {
  .combat-field__hero,
  .rogue-operations,
  .sehra-transmission {
    grid-template-columns: 1fr;
  }

  .combat-shot--hero {
    border-right: 0;
    border-bottom: 1px solid var(--unspace-soft-line);
  }

  .rogue-operations__copy { position: static; }
  .sehra-transmission__frame { width: min(860px, 100%); }

  .unspace-footer__base {
    padding-right: max(290px, 28vw);
    justify-items: start;
    text-align: left;
  }

  .unspace-footer__base nav { justify-content: flex-start; }
  .unspace-footer__sehra { right: -20px; }
}

@media (max-width: 760px) {
  .combat-patterns,
  .rogue-operations__media,
  .rogue-operations__facts {
    grid-template-columns: 1fr;
  }

  .rogue-shot--wide { grid-column: auto; }
  .rogue-operations__facts article,
  .rogue-operations__facts article:nth-child(2n),
  .rogue-operations__facts article:nth-last-child(-n+2) {
    border-right: 0;
    border-bottom: 1px solid var(--unspace-soft-line);
  }
  .rogue-operations__facts article:last-child { border-bottom: 0; }

  .combat-field__brief { padding: 30px 22px; }
  .combat-field__brief h3 { font-size: 36px; }
  .combat-shot span,
  .rogue-shot span { left: 14px; right: 14px; bottom: 13px; }

  .sehra-transmission {
    width: calc(100% - 32px);
    padding: 82px 0 112px;
  }
  .sehra-transmission__frame { padding: 8px; }
  .sehra-transmission__frame::before { inset: 8px; }
  .sehra-transmission__status { top: 16px; left: 17px; right: 17px; }
  .sehra-transmission__status span { display: none; }
  .sehra-transmission__toggle { right: 14px; bottom: 14px; }

  .unspace-footer {
    min-height: 450px;
    background:
      radial-gradient(circle at 72% 68%, rgba(244,72,143,.15), transparent 28%),
      linear-gradient(180deg, #050506 0 48%, #10080d 100%);
  }
  .unspace-footer__base {
    min-height: 450px;
    align-content: start;
    justify-items: center;
    padding: 38px 22px 250px;
    text-align: center;
  }
  .unspace-footer__base nav { justify-content: center; }
  .unspace-footer__sehra {
    right: 50%;
    bottom: -238px;
    width: min(78vw, 330px);
    transform: translateX(50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .combat-shot img,
  .rogue-shot img { transition: none; }
}

/* --- Proportion fixes, procedural cartography and ship fly-by --- */
.unspace-logo {
  display: block;
  width: min(560px, 78vw);
  height: auto;
  max-height: 240px;
  object-fit: contain;
  object-position: left center;
}

.unspace-hero__art {
  background-size: cover;
  background-repeat: no-repeat;
}

.combat-field__hero {
  align-items: center;
}

.combat-shot--hero {
  min-height: 0;
  height: auto;
  aspect-ratio: 16 / 9;
  align-self: center;
  border-right: 1px solid var(--unspace-soft-line);
  background: #020304;
}

.combat-shot--hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.rogue-operations__media {
  align-content: start;
}

.rogue-operations__media .rogue-shot,
.rogue-operations__media .rogue-shot:nth-child(4),
.rogue-operations__media .rogue-shot:nth-child(5) {
  aspect-ratio: 16 / 9;
}

.route-atlas {
  position: relative;
  display: block;
  width: 100%;
  margin: clamp(42px, 6vw, 76px) 0 26px;
  padding: 0;
  border: 1px solid var(--unspace-line);
  background: #050506;
  color: inherit;
  overflow: hidden;
  cursor: zoom-in;
  text-align: left;
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}

.route-atlas::before,
.route-atlas::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.route-atlas::before {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,5,6,.78), transparent 24%, transparent 72%, rgba(5,5,6,.38)),
    linear-gradient(180deg, transparent 58%, rgba(5,5,6,.92));
}

.route-atlas::after {
  inset: 14px;
  border: 1px solid rgba(255,255,255,.055);
}

.route-atlas img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: center;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}

.route-atlas:hover img {
  transform: scale(1.012);
  filter: contrast(1.04) brightness(.9);
}

.route-atlas span {
  position: absolute;
  z-index: 2;
  left: clamp(20px, 3vw, 42px);
  right: clamp(20px, 3vw, 42px);
  bottom: clamp(18px, 3vw, 34px);
  color: rgba(244,239,231,.72);
  font: 700 9px/1.5 var(--unspace-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}

.route-atlas span b {
  display: block;
  margin-bottom: 8px;
  color: var(--unspace-orange-bright);
}

.route-console {
  margin-top: 28px;
}

.unspace-flight {
  position: relative;
  min-height: clamp(430px, 52vw, 720px);
  margin: clamp(12px, 3vw, 42px) 0 clamp(60px, 8vw, 120px);
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 66% 46%, rgba(105,200,210,.09), transparent 24%),
    radial-gradient(circle at 24% 62%, rgba(239,90,50,.09), transparent 29%),
    linear-gradient(180deg, #050506, #080a0d 47%, #050506);
  border-top: 1px solid rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.04);
}

.unspace-flight::before,
.unspace-flight::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.unspace-flight::before {
  opacity: .5;
  background:
    repeating-linear-gradient(0deg, transparent 0 55px, rgba(255,255,255,.018) 56px),
    repeating-linear-gradient(90deg, transparent 0 76px, rgba(255,255,255,.014) 77px);
  mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
}

.unspace-flight::after {
  background:
    linear-gradient(90deg, #050506 0, transparent 15%, transparent 84%, #050506 100%),
    radial-gradient(ellipse at center, transparent 33%, rgba(5,5,6,.72) 100%);
}

.unspace-flight__field {
  --ship-px: 0px;
  --ship-py: 0px;
  --ship-scroll: 0px;
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 48px));
  min-height: inherit;
  margin: 0 auto;
  display: grid;
  place-items: center;
}

.unspace-flight__field > img {
  position: relative;
  z-index: 3;
  display: block;
  width: min(880px, 78vw);
  height: auto;
  transform: translate3d(var(--ship-px), calc(var(--ship-py) + var(--ship-scroll)), 0) rotate(-4deg);
  transform-origin: center;
  filter: drop-shadow(0 26px 34px rgba(0,0,0,.78)) drop-shadow(0 0 34px rgba(105,200,210,.14));
  will-change: transform;
  transition: transform .18s linear;
}

.unspace-flight__wake {
  position: absolute;
  z-index: 1;
  width: min(980px, 86vw);
  height: 180px;
  left: 50%;
  top: 52%;
  transform: translate(-56%, -50%) rotate(-12deg);
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.035) 24%, rgba(255,255,255,.12) 62%, transparent),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(105,200,210,.08) 23px, transparent 25px);
  filter: blur(4px);
  opacity: .9;
  clip-path: polygon(0 43%, 100% 0, 100% 100%, 0 58%);
}

.unspace-flight__telemetry {
  position: absolute;
  z-index: 4;
  top: 34px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  color: rgba(244,239,231,.3);
  font: 700 8px/1 var(--unspace-mono);
  letter-spacing: .19em;
  text-transform: uppercase;
}

.unspace-flight__field > p {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 34px;
  margin: 0;
  color: rgba(244,239,231,.26);
  font: 700 8px/1 var(--unspace-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .combat-field__hero {
    align-items: stretch;
  }

  .combat-shot--hero {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(--unspace-soft-line);
  }

  .unspace-flight__field > img {
    width: min(840px, 94vw);
  }
}

@media (max-width: 760px) {
  .unspace-logo {
    width: min(480px, 96%);
    max-height: none;
  }

  .route-atlas {
    margin-top: 34px;
  }

  .route-atlas img {
    aspect-ratio: 16 / 9;
  }

  .route-atlas span {
    font-size: 7px;
  }

  .unspace-flight {
    min-height: 390px;
    margin-bottom: 70px;
  }

  .unspace-flight__field {
    width: calc(100% - 28px);
  }

  .unspace-flight__field > img {
    width: 112vw;
    margin-left: -8vw;
  }

  .unspace-flight__telemetry {
    top: 22px;
  }

  .unspace-flight__telemetry span:last-child {
    display: none;
  }

  .unspace-flight__field > p {
    right: 2px;
    bottom: 20px;
    font-size: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .unspace-flight__field > img {
    transform: rotate(-4deg) !important;
    transition: none;
  }
}


/* --- Consolidated route + YAMATO video update --- */
.yamato__visual {
  aspect-ratio: 600 / 274;
  background:
    radial-gradient(circle at 74% 36%, rgba(105, 200, 210, .08), transparent 30%),
    linear-gradient(135deg, rgba(239, 90, 50, .07), transparent 58%),
    #030405;
}

.yamato__visual video {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #030405;
  filter: brightness(.88) contrast(1.08) saturate(.92);
}

.route .rogue-operations {
  margin-top: clamp(46px, 6vw, 82px);
  margin-bottom: clamp(54px, 7vw, 96px);
}

.route .rogue-operations__copy h3 {
  font-size: clamp(38px, 4.6vw, 68px);
}

.unspace-cta .unspace-actions--center {
  justify-content: center;
}

@media (max-width: 720px) {
  .yamato__visual {
    aspect-ratio: 600 / 274;
  }
}


/* --- YAMATO environmental backdrop, character scene panels and hidden entity --- */
.yamato {
  z-index: 0;
  isolation: isolate;
}

.yamato::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background-color: #050506;
  background-image:
    linear-gradient(90deg, rgba(5,5,6,.72) 0%, rgba(5,5,6,.68) 34%, rgba(5,5,6,.84) 64%, rgba(5,5,6,.98) 100%),
    linear-gradient(180deg, rgba(5,5,6,.42), rgba(5,5,6,.9)),
    url("assets/unspace/yamato-section-bg.webp");
  background-position: center, center, 18% 50%;
  background-size: cover, cover, clamp(760px, 64vw, 1180px) auto;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px rgba(255,255,255,.035), inset 0 -1px rgba(255,255,255,.035);
}

.yamato > .mission-rail,
.yamato > .yamato__visual,
.yamato > .yamato__copy {
  z-index: 1;
}

.crew-profile::before {
  z-index: 1;
}

.crew-profile::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7,7,8,.98) 0%, rgba(7,7,8,.91) 36%, rgba(7,7,8,.56) 68%, rgba(7,7,8,.79) 100%),
    linear-gradient(180deg, rgba(7,7,8,.2), rgba(7,7,8,.82)),
    var(--crew-scene) var(--crew-position, center) / cover no-repeat;
  filter: saturate(.82) contrast(1.07);
  transform: scale(1.015);
  transform-origin: center;
}

.crew-profile > * {
  position: relative;
  z-index: 2;
}

.route {
  isolation: isolate;
}

.route > *:not(.unspace-secret-boss) {
  position: relative;
  z-index: 1;
}

.unspace-secret-boss {
  position: absolute;
  z-index: 0;
  top: 47%;
  right: clamp(-138px, -7vw, -54px);
  width: clamp(170px, 22vw, 340px);
  height: auto;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: screen;
  filter: blur(8px) saturate(.5) contrast(1.15) drop-shadow(0 0 34px rgba(244,239,231,.18));
  transform: translate3d(28px, 4px, 0) scale(.94) rotate(2deg);
  transform-origin: center;
}

.unspace-secret-boss.is-manifesting {
  animation: unspace-secret-manifest 5.2s steps(1, end) both;
}

@keyframes unspace-secret-manifest {
  0%, 12% { opacity: 0; transform: translate3d(28px, 4px, 0) scale(.94) rotate(2deg); filter: blur(9px) saturate(.25) contrast(1.1); }
  18% { opacity: .035; }
  23% { opacity: .12; transform: translate3d(7px, 0, 0) scale(.985) rotate(-1deg); filter: blur(5px) saturate(.5) contrast(1.2); }
  27% { opacity: .025; transform: translate3d(18px, -3px, 0) scale(.97); }
  33% { opacity: .16; transform: translate3d(0, 0, 0) scale(1) rotate(0); filter: blur(3px) saturate(.7) contrast(1.3); }
  38% { opacity: .045; }
  45% { opacity: .13; transform: translate3d(-4px, 2px, 0) scale(1.008); }
  54% { opacity: .07; }
  66% { opacity: .115; filter: blur(5px) saturate(.45) contrast(1.18); }
  82%, 100% { opacity: 0; transform: translate3d(-18px, -6px, 0) scale(1.025) rotate(-2deg); filter: blur(10px) saturate(.2) contrast(1.05); }
}

@media (max-width: 760px) {
  .yamato::after {
    background-color: #050506;
    background-image:
      linear-gradient(180deg, rgba(5,5,6,.72), rgba(5,5,6,.96)),
      linear-gradient(90deg, rgba(5,5,6,.88), rgba(5,5,6,.58), rgba(5,5,6,.92)),
      url("assets/unspace/yamato-section-bg.webp");
    background-position: center, center, center 18%;
    background-size: cover, cover, 112% auto;
    background-repeat: no-repeat;
  }

  .crew-profile::after {
    background:
      linear-gradient(180deg, rgba(7,7,8,.9) 0%, rgba(7,7,8,.72) 38%, rgba(7,7,8,.94) 100%),
      linear-gradient(90deg, rgba(7,7,8,.86), rgba(7,7,8,.45), rgba(7,7,8,.88)),
      var(--crew-scene) var(--crew-position-mobile, var(--crew-position, center)) / cover no-repeat;
  }

  .unspace-secret-boss {
    top: 53%;
    right: -58px;
    width: 190px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .unspace-secret-boss {
    display: none;
  }
}


/* --- Hero reality-window telemetry --- */
.reality-panel {
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 74% 26%, rgba(239,90,50,.10), transparent 35%),
    linear-gradient(145deg, rgba(16,17,20,.96), rgba(5,5,6,.88));
}
.reality-panel::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -86px;
  top: 62px;
  border: 1px solid rgba(239,90,50,.16);
  transform: rotate(45deg);
  pointer-events: none;
}
.reality-window {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 11;
  margin: 23px 0 27px;
  overflow: hidden;
  border-block: 1px solid rgba(239,90,50,.22);
  background:
    radial-gradient(circle at 73% 28%, rgba(239,90,50,.11), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 22%, rgba(0,0,0,.24));
  box-shadow: inset 0 0 70px rgba(0,0,0,.62);
}
.reality-window::before,
.reality-window::after {
  content: "";
  position: absolute;
  z-index: 4;
  pointer-events: none;
}
.reality-window::before {
  inset: 0;
  background:
    linear-gradient(90deg, var(--unspace-orange) 0 28px, transparent 28px) top left / 44px 1px no-repeat,
    linear-gradient(180deg, var(--unspace-orange) 0 28px, transparent 28px) top left / 1px 44px no-repeat,
    linear-gradient(270deg, rgba(239,90,50,.54) 0 28px, transparent 28px) bottom right / 44px 1px no-repeat,
    linear-gradient(0deg, rgba(239,90,50,.54) 0 28px, transparent 28px) bottom right / 1px 44px no-repeat;
  opacity: .72;
}
.reality-window::after {
  left: -20%;
  right: -20%;
  height: 34px;
  top: -42px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.065), transparent);
  mix-blend-mode: screen;
  animation: reality-scan 5.2s linear infinite;
}
.reality-window__svg { display:block; width:100%; height:100%; }
.reality-window__contour {
  fill: none;
  stroke: rgba(244,239,231,.16);
  stroke-width: 1;
  stroke-dasharray: 3 7;
  vector-effect: non-scaling-stroke;
  animation: reality-contour 8s linear infinite;
}
.reality-window__contour--b { stroke: rgba(239,90,50,.34); animation-duration: 10s; animation-direction: reverse; }
.reality-window__contour--c { stroke: rgba(244,239,231,.09); animation-duration: 13s; }
.reality-window__route {
  fill: none;
  stroke: url(#reality-route-gradient);
  stroke-width: 1.4;
  stroke-dasharray: 5 7;
  vector-effect: non-scaling-stroke;
  animation: reality-route 3.8s linear infinite;
}
.reality-window__packet { fill: #f8f4ef; stroke: var(--unspace-orange); stroke-width: 1.5; }
.reality-window__nodes circle {
  fill: #09090a;
  stroke: rgba(239,90,50,.72);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.reality-window__nodes circle:nth-child(2n) { stroke: rgba(244,239,231,.45); }
.reality-window__rift--core { fill: rgba(0,0,0,.96); }
.reality-window__rift--edge {
  fill: none;
  stroke: rgba(244,239,231,.76);
  stroke-width: 1.2;
  filter: url(#reality-glow);
  vector-effect: non-scaling-stroke;
  animation: reality-rift 2.6s ease-in-out infinite alternate;
}
.reality-window__rift--edge-right { stroke: rgba(239,90,50,.74); animation-delay: -1.3s; }
.reality-window__anchor circle:first-child { fill: rgba(5,5,6,.78); stroke: rgba(239,90,50,.54); stroke-width: 1; }
.reality-window__anchor circle:nth-child(2) { fill: #f7eee7; stroke: var(--unspace-orange); stroke-width: 1; }
.reality-window__anchor path { fill:none; stroke:rgba(239,90,50,.62); stroke-width:1; }
.reality-window__anchor { transform-box: fill-box; transform-origin: center; animation: reality-anchor 2.2s ease-in-out infinite; }
.reality-window__readout,
.reality-window__lock {
  position: absolute;
  z-index: 5;
  font-family: var(--unspace-mono);
  text-transform: uppercase;
  letter-spacing: .13em;
}
.reality-window__readout { display:grid; gap:4px; }
.reality-window__readout span { color: rgba(244,239,231,.35); font-size: 7px; }
.reality-window__readout b { color: rgba(244,239,231,.82); font-size: 9px; font-weight: 600; }
.reality-window__readout--time { top: 14px; left: 15px; }
.reality-window__readout--drift { right: 14px; bottom: 14px; text-align:right; }
.reality-window__lock {
  left: 15px;
  bottom: 14px;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(244,239,231,.46);
  font-size:7px;
}
.reality-window__lock i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--unspace-orange);
  box-shadow:0 0 10px rgba(239,90,50,.75);
  animation: reality-lock 1.25s steps(2,end) infinite;
}
.reality-window__lock b { color:var(--unspace-orange-bright); font-size:8px; }
.reality-window.is-glitching { animation: reality-glitch 150ms steps(2,end) 1; }
@keyframes reality-scan { from { transform: translateY(0); } to { transform: translateY(310px); } }
@keyframes reality-contour { to { stroke-dashoffset: -80; } }
@keyframes reality-route { to { stroke-dashoffset: -60; } }
@keyframes reality-rift { from { opacity:.48; transform:translateX(-1px); } to { opacity:1; transform:translateX(1px); } }
@keyframes reality-anchor { 0%,100% { opacity:.62; transform:scale(.92); } 50% { opacity:1; transform:scale(1.08); } }
@keyframes reality-lock { 50% { opacity:.24; } }
@keyframes reality-glitch {
  0% { transform:translateX(0); filter:none; }
  33% { transform:translateX(2px); filter:contrast(1.22); }
  66% { transform:translateX(-2px); filter:brightness(.82); }
  100% { transform:translateX(0); filter:none; }
}
@media (max-width: 760px) {
  .reality-window { aspect-ratio: 4 / 3; margin:20px 0 24px; }
  .reality-window__readout--drift { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .reality-window { animation:none!important; }
}