/* Planet hero enhancement: original layout, SVG orbits and interaction retained. */
.system-lab{isolation:isolate;background:#07110c;min-height:610px;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:clamp(20px,4vw,55px);padding:50px 54px 58px}
.system-lab>.hero-planet{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(0,10,7,.11),rgba(0,10,7,.06) 49%,rgba(0,10,7,.25)),url("hero-planet.jpg") center center / cover no-repeat;filter:brightness(.84) saturate(.78)}
.system-lab::before{z-index:-1;background:linear-gradient(rgba(244,248,239,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(244,248,239,.022) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 6%,#000 58%);pointer-events:none}
.system-lab .system-brand{position:relative;z-index:2;align-self:center;gap:15px;max-width:330px}
.system-lab .hero-kicker{white-space:pre-line;color:rgba(246,249,241,.83);font-size:10px;line-height:1.5;letter-spacing:.16em;margin:0 0 2px}
.system-lab .system-mark{width:135px;height:135px;margin-left:-11px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}
.system-lab .system-brand>.rule{display:none}
.system-lab .system-brand>p:not(.hero-intro){font-size:17px;color:#fff;letter-spacing:.24em;line-height:1.15}
.system-lab .hero-intro{margin:2px 0!important;max-width:210px;color:rgba(240,244,236,.82)!important;font-size:12px!important;letter-spacing:normal!important;line-height:1.5}
.system-lab .system-formula{opacity:.74;transform:scale(.83);transform-origin:left top}
.system-lab .system-orbit{z-index:2}
.system-lab .orbit-field{width:min(100%,680px)}
.hero-pagination{position:absolute;right:36px;bottom:23px;z-index:3;font-size:10px;color:rgba(244,248,239,.6);letter-spacing:.12em}
@media(max-width:900px){.system-lab{padding:40px 28px;gap:12px;grid-template-columns:minmax(190px,35%) minmax(0,1fr)}.system-lab .system-mark{width:115px;height:115px}.system-lab .orbit-field{transform:scale(.87);transform-origin:center}}

@media(max-width:760px){
 .system-lab{grid-template-columns:1fr;padding:28px 22px 24px;gap:0;min-height:0;background:#07110c}
 .system-lab>.hero-planet{background-size:auto,auto 660px;background-position:center,20% top;filter:brightness(.78) saturate(.78)}
 .system-lab .system-brand{max-width:none;gap:14px;justify-items:center;align-self:start;text-align:center}
 .system-lab .hero-kicker{order:0;font-size:9px;line-height:1.6;letter-spacing:.16em;text-align:left;justify-self:start}
 .system-lab .system-brand>.system-mark{display:none}
 .system-lab .system-brand>p:not(.hero-intro){font-family:var(--serif);font-size:clamp(24px,7vw,34px);letter-spacing:.02em;line-height:1.15}
 .system-lab .system-formula,.system-lab .hero-intro,.system-lab .system-orbit{display:none}
 .system-lab .mobile-atom{display:grid;max-width:100%;margin:6px 0 0}
 .system-lab .mobile-intro p{max-width:30ch}
}
@media(prefers-reduced-motion:reduce){
 .system-lab,.system-lab *, .system-lab *::before,.system-lab *::after{animation:none!important;transition:none!important}
 .system-lab.reveal{opacity:1;transform:none}
}
/* The header switches to the menu button at 1320px, not only on phones. */
@media(min-width:761px) and (max-width:1320px){
 .mobile-menu-panel{position:fixed;inset:88px 28px auto auto;z-index:60;display:grid;gap:8px;width:min(380px,calc(100vw - 56px));padding:20px;border:1px solid #ffffff24;border-radius:20px;background:#0d1512f5;box-shadow:0 24px 54px #060a085c;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}
 .mobile-menu-panel.is-open{opacity:1;pointer-events:auto;transform:none}
 .mobile-menu-panel a{display:block;padding:12px 2px;border-bottom:1px solid #ffffff1a;color:#f8f6ed;text-decoration:none}
 .mobile-menu-panel a:last-child{border-bottom:0}
}
@media(max-width:1320px){.mobile-menu-panel{visibility:hidden}.mobile-menu-panel.is-open{visibility:visible}}
@media(prefers-reduced-motion:reduce){.mobile-menu-panel{transition:none}}
@media(max-width:360px){.stats-band .hero-stats b{font-size:16px;line-height:1.25}}
