.hero{min-height:800px;display:grid;grid-template-columns:55% 45%;align-items:stretch;background:var(--ink)}
.hero-copy{padding:180px 7vw 100px;display:flex;flex-direction:column;justify-content:center;max-width:none}
.hero-art{min-height:650px;background:linear-gradient(90deg,var(--ink) 0%,rgba(6,21,34,.5) 15%,transparent 38%),url('assets/black-hole.png') center/cover no-repeat}
#impact-canvas,.hero-glow,.orbit-label{display:none!important}
@media(max-width:850px){.hero{min-height:720px;grid-template-columns:1fr}.hero-art{order:1;min-height:410px;background:linear-gradient(180deg,rgba(6,21,34,.02),var(--ink)),url('assets/black-hole.png') center/cover no-repeat}.hero-copy{order:2;padding:70px 24px 80px}}
.visual-carousel {
  display: grid;
  place-items: center;
  touch-action: pan-y;
}

.visual-carousel .slides {
  width: min(100%, 1672px);
  max-height: none;
  aspect-ratio: 1672 / 941;
}

@media (max-width: 850px) {
  .site-header { padding-inline: 18px; }
  .brand { font-size: 13px; }
  .brand img { width: 42px; height: 42px; }
  .site-header nav { gap: 0; padding: 12px 24px 24px; }
  .site-header nav a { width: 100%; padding: 14px 0; border-bottom: 1px solid var(--line); }
  .site-header nav .nav-cta { margin-top: 12px; padding: 13px 16px; border: 1px solid #fff; width: auto; }
  .hero { min-height: 0; }
  .hero-art { min-height: 320px; }
  .hero-copy { padding: 56px 24px 72px; }
  .hero h1 { font-size: clamp(44px, 15vw, 58px); line-height: .9; }
  .lead { font-size: 17px; margin-block: 28px; }
  .name-section, .capabilities, .contact { padding: 72px 24px; }
  .experience { padding: 78px 24px; }
  .name-section h2, .capabilities h2, .experience h2, .contact h2 { font-size: clamp(42px, 12vw, 58px); }
  .name-equation { margin-top: 48px; gap: 36px; }
  .visual-carousel .slides { aspect-ratio: 16 / 9; }
  .slide img { object-fit: contain; background: #020d16; }
  summary { min-height: 88px; padding: 22px 18px; grid-template-columns: 32px 1fr auto; }
  summary h3 { font-size: 18px; }
  .detail { padding: 0 18px 24px 50px; }
  .contact-row { margin-top: 44px; }
}

@media (max-width: 390px) {
  .brand span { display: none; }
  .hero h1 { font-size: 43px; }
  .carousel-btn { width: 38px; height: 38px; }
}