.subpage-main{padding-bottom:5rem}
nav a[aria-current="page"]{color:var(--cyan);text-shadow:0 0 10px color-mix(in srgb,var(--cyan) 45%,transparent)}
.page-hero{min-height:620px;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding:5.5rem 0 6rem}
.page-hero-copy{position:relative;z-index:2}
.breadcrumb{display:flex;gap:.55rem;align-items:center;margin:0 0 1.4rem;color:var(--muted);font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.breadcrumb a{color:var(--cyan);text-decoration:none}.breadcrumb a:hover{color:#fff}
.page-hero h1{margin:0;font-size:clamp(3.2rem,6.2vw,6.4rem);line-height:.96;letter-spacing:-.06em}
.page-summary{max-width:670px;margin:1.6rem 0 0;color:var(--muted);font-size:1.12rem}
.page-hero-art{position:relative;margin:0;transform:rotate(1.2deg)}
.page-hero-art:before{content:"";position:absolute;inset:-10px;border:1px solid var(--cyan);opacity:.55;z-index:-1;box-shadow:0 0 26px color-mix(in srgb,var(--cyan) 12%,transparent)}
.page-hero-art img{display:block;width:100%;height:auto}
.page-hero-art figcaption{margin-top:.8rem;color:var(--muted);font:700 .66rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.content-section{padding:6rem 0;border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:3rem;align-items:end;margin-bottom:3rem}
.section-heading h2{font-size:clamp(2.4rem,4.7vw,4.6rem)}
.section-heading>p:last-child{margin:0;color:var(--muted);font-size:1.08rem;max-width:650px}
.prose-wide{max-width:820px;color:var(--muted);font-size:1.08rem}.prose-wide strong{color:var(--ink)}
.lore-timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);counter-reset:mission}
.lore-step{counter-increment:mission;position:relative;padding:2rem 1.3rem 2rem 0;border-right:1px solid var(--line);min-height:285px}
.lore-step+.lore-step{padding-left:1.3rem}.lore-step:last-child{border-right:0}
.lore-step:before{content:"0" counter(mission);display:block;margin-bottom:1.3rem;color:var(--pink);font:800 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.lore-step h3,.content-card h3,.team-card h3{margin:0 0 .75rem;font-size:1.35rem}.lore-step p,.content-card p,.team-card p{margin:0;color:var(--muted)}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center;margin-top:5rem}
.split-feature.reverse .image-frame{order:2}.split-feature-copy h2{font-size:clamp(2.3rem,4vw,4rem)}.split-feature-copy p{color:var(--muted)}
.entity-grid,.system-grid,.team-grid,.archive-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.content-card,.team-card,.artifact-link{position:relative;padding:1.6rem;border:1px solid var(--line);background:color-mix(in srgb,var(--night-soft) 78%,transparent);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.content-card:before,.team-card:before,.artifact-link:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 72%);transform:translateX(-115%);transition:transform .7s ease;pointer-events:none}
.content-card .feature-number{display:block;margin-bottom:.9rem}.content-card ul{margin:.9rem 0 0;padding-left:1.1rem;color:var(--muted)}
.content-card li+li{margin-top:.4rem}
.system-grid{grid-template-columns:repeat(2,1fr)}.system-grid .content-card{min-height:220px}
.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.loop-grid article{padding:1.6rem;background:var(--night)}.loop-grid span{color:var(--pink);font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace}.loop-grid h3{margin:.55rem 0}.loop-grid p{margin:0;color:var(--muted)}
.page-motion-grid,.stills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.archive-motion{margin:0;border:1px solid var(--line);background:color-mix(in srgb,var(--night-soft) 78%,transparent)}
.page-motion-grid>:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - .75rem);justify-self:center}
.archive-motion figcaption,.stills-grid figcaption{padding:.85rem 1rem 1rem;color:var(--muted);font-size:.82rem}.archive-motion figcaption strong,.stills-grid figcaption strong{display:block;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase}
.stills-grid figure{margin:0}.stills-grid img{display:block;width:100%;height:auto}
.video-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.video-card{display:flex;min-height:210px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.5rem;border:1px solid var(--line);background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--cyan) 15%,transparent),transparent 42%),var(--night-soft);color:var(--ink);text-align:left;cursor:pointer}
.video-card span{color:var(--pink);font:800 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.video-card strong{display:block;margin:.55rem 0;font-size:1.6rem}.video-card small{color:var(--muted);font-size:.85rem}
.team-card strong{display:block;margin-top:1rem;color:var(--cyan);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.team-strip{margin:3rem 0 0;padding:1.2rem;border:1px solid var(--line);background:#050b12}.team-strip img{display:block;width:100%;height:auto}
.artifact-link{display:block;color:var(--ink);text-decoration:none}.artifact-link span{display:block;color:var(--pink);font:800 .64rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.artifact-link strong{display:block;margin:.6rem 0;font-size:1.15rem}.artifact-link small{color:var(--muted)}
.archive-note{margin-top:2rem;padding:1.2rem 1.4rem;border-left:2px solid var(--cyan);background:color-mix(in srgb,var(--cyan) 6%,transparent);color:var(--muted)}
.page-cta{padding:4rem 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem}.page-cta h2{font-size:clamp(2rem,3.5vw,3.3rem);max-width:700px}.page-cta .button{flex:none}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .content-card:hover,.team-card:hover,.artifact-link:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--cyan) 55%,transparent);box-shadow:0 18px 40px #0005,0 0 22px color-mix(in srgb,var(--cyan) 13%,transparent)}
  .content-card:hover:before,.team-card:hover:before,.artifact-link:hover:before{transform:translateX(115%)}
  .video-card:hover{border-color:var(--cyan);box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 18%,transparent);transform:translateY(-4px)}
}
@media (max-width:900px){.page-hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.page-hero-art{width:min(86%,680px);justify-self:center}.section-heading{grid-template-columns:1fr;gap:1rem}.lore-timeline{grid-template-columns:repeat(2,1fr)}.lore-step{border-bottom:1px solid var(--line)}.entity-grid,.team-grid,.archive-links{grid-template-columns:repeat(2,1fr)}.loop-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.page-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.content-section{padding:4.5rem 0}.split-feature,.system-grid,.page-motion-grid,.stills-grid,.video-cards,.entity-grid,.team-grid,.archive-links{grid-template-columns:1fr}.page-motion-grid>:last-child:nth-child(odd){grid-column:auto;width:100%}.split-feature.reverse .image-frame{order:0}.lore-timeline,.loop-grid{grid-template-columns:1fr}.lore-step,.lore-step+.lore-step{padding:1.4rem 0;border-right:0}.page-cta{align-items:flex-start;flex-direction:column}}
