/* Front page only: the canvas rocket hero */
/* Canvas hero v5: a pinned, centred scene. It opens dark, the galaxy and the rocket build up,
   and the headline reveals word by word as the visitor scrolls. */
.hero.rk { height: 260svh; min-height: 0; padding: 0; overflow: visible; overflow: clip; background: #04050A; }
.hero.rk .hero-glow, .hero.rk .hero-photo { display: none; }
.hero.rk::after { display: none; }
.rk-stage { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; }
.rk-stage::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(75% 70% at 50% 48%, rgba(4,5,10,0) 45%, rgba(4,5,10,.75) 100%); }
#rocket-cv { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; }
.hero.rk .hero-copy { position: absolute; z-index: 3; left: 0; right: 0; bottom: clamp(28px, 6svh, 72px); margin: 0 auto; min-height: 0; max-width: 1040px; padding: 0 16px; box-sizing: border-box;
  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: clamp(18px, 2.4svh, 28px); text-align: center; align-content: end; }
.hero.rk .hero-copy > div { justify-items: center; gap: 16px; }
.hero.rk .hero-meta { justify-content: center; }
.hero.rk h1 { font-size: clamp(36px, min(5.4vw, 7.6svh), 80px); line-height: 1.02; max-width: 19ch; margin: 0 auto; perspective: 800px; }
.hero.rk h1 .w { display: inline-block; will-change: transform, opacity; backface-visibility: hidden; }
.hero.rk .hero-meta, .hero.rk .hero-glass { will-change: transform, opacity; }
/* light and airy under the headline: no panel, just the line and the button */
.hero.rk .hero-glass { max-width: 520px; display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; padding: 0; margin-top: clamp(10px, 2.4svh, 28px);
  background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; }
.hero.rk .hero-glass .lead { margin: 0; font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.7); }
.hero.rk .hero-glass .btn-row { flex: none; margin: 0; }
.rk-cue { position: absolute; z-index: 3; left: 50%; bottom: 28px; transform: translateX(-50%); display: grid; justify-items: center; gap: 10px; font: 500 11px/1 "Geist Mono", ui-monospace, monospace; letter-spacing: .24em; text-transform: uppercase; color: rgba(220,226,255,.7); pointer-events: none; opacity: 0; }
.rk-cue i { width: 1px; height: 44px; background: linear-gradient(180deg, rgba(220,226,255,0), rgba(220,226,255,.8)); transform-origin: top; animation: rkcue 1.8s ease-in-out infinite; }
@keyframes rkcue { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
@media (max-width: 960px) {
  .hero.rk { height: 230svh; }
  .hero.rk .hero-glass .lead { font-size: 15px; }
  .hero.rk .hero-meta { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .hero.rk { height: 100svh; } .rk-cue { display: none; } }