.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;
  padding:76px 28px 70px;min-height:min(80vh,680px)}
.hero-copy{max-width:600px}
.hero-h{font-size:clamp(42px,6vw,82px);line-height:1.0;margin:26px 0 34px;letter-spacing:-.015em}
.hero-h em{font-style:italic;color:var(--ink)}
.lede{font-size:16.5px;line-height:1.66;color:var(--ink-dim);max-width:58ch}
.lede b{color:var(--ink);font-weight:600}
.hero-cta{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.hero-eclipse{display:flex;flex-direction:column;align-items:center;gap:20px}
#hero-mark{filter:drop-shadow(0 20px 60px rgba(193,55,45,.22))}
#hero-mark svg{display:block}
.phase-strip{display:flex;gap:14px;align-items:center}
.phase-strip .ph svg{display:block;opacity:.9}
.phase-caption{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}

.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding-top:56px}
.t{padding-top:26px;border-top:1px solid var(--line)}
.t-mark{margin-bottom:16px}
.t-mark svg{display:block}
.t h3{font-size:23px;margin-bottom:9px}
.t p{color:var(--ink-dim);font-size:15px;line-height:1.6}
.t em{color:var(--ink);font-style:italic}

.band{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;margin-top:110px}
.band-l h2{font-size:clamp(28px,3.6vw,42px);line-height:1.08;margin-bottom:18px}
.band-l p{color:var(--ink-dim);font-size:16.5px;line-height:1.64;max-width:56ch}
.band-r{padding:14px 28px;background:#101013;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(37,36,41,.6)}

@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding:44px 18px 40px;gap:36px}
  .hero-eclipse{order:-1}
  #hero-mark svg{width:240px;height:240px}
  .triad{grid-template-columns:1fr;gap:4px}
  .t{padding:22px 0}
  .band{grid-template-columns:1fr;gap:26px;margin-top:60px}
}