/* "Galaxy in 6 clips" homepage module (Juno, 2026-10-02). Load after /site.css + /front-2026-10.css.
   Audio is silent: every clip carries an on-screen caption track + a one-line caption under the tile. */
.sec-galaxy { background: linear-gradient(180deg, var(--night, #14122b), var(--night-2, #1e1a42)); color: var(--lit, #f2f3fa);
  border-top: 4px solid var(--gold); border-bottom: 4px solid var(--pink); padding: 2.4rem 0 2.6rem; }
.sec-galaxy h2 { color: #fff; }
.sec-galaxy .section-kicker { color: var(--gold); }
.sec-galaxy .section-intro { color: var(--lit-soft, #b9b8d9); }
.galaxy-clips { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.1rem 1rem; counter-reset: clip; }
.galaxy-clip { counter-increment: clip; }
.galaxy-clip-frame { position: relative; aspect-ratio: 9 / 5; background: #0d0b1f; border: 2px solid #fff; overflow: hidden; }
.galaxy-clip-frame video, .galaxy-clip-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galaxy-clip-frame::before { content: counter(clip, decimal-leading-zero); position: absolute; z-index: 2; top: .45rem; left: .5rem;
  font: 700 .8rem/1 var(--font-sans); letter-spacing: .08em; background: var(--pink); color: var(--night, #14122b); padding: .28rem .4rem; }
.galaxy-play { position: absolute; inset: 0; z-index: 3; display: grid; place-items: center; background: linear-gradient(180deg, transparent 55%, rgba(13,11,31,.55));
  border: 0; cursor: pointer; color: #fff; }
.galaxy-play span { width: 3.2rem; height: 3.2rem; border-radius: 50%; background: rgba(20,18,43,.78); border: 2px solid #fff; display: grid; place-items: center;
  font-size: 1.1rem; transition: transform 160ms ease-out, background 160ms ease-out; }
.galaxy-play:hover span, .galaxy-play:focus-visible span { transform: scale(1.08); background: var(--pink); }
.galaxy-clip.is-playing .galaxy-play { display: none; }
.galaxy-clip-frame video::cue { font: 600 1rem/1.3 var(--font-sans); background: rgba(13,11,31,.82); color: #fff; }
.galaxy-clip h3 { font: 700 1.02rem/1.25 var(--font-serif); color: #fff; margin: .6rem 0 .2rem; }
.galaxy-clip p { font: 400 .88rem/1.4 var(--font-sans); color: var(--lit-soft, #b9b8d9); margin: 0; }
.galaxy-silent-note { font: 600 .72rem/1 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--lit-soft, #b9b8d9); margin: 1rem 0 0; }
@media (prefers-reduced-motion: reduce) { .galaxy-play span { transition: none; } .galaxy-play:hover span { transform: none; } }
@media (max-width: 860px) { .galaxy-clips { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .galaxy-clips { grid-template-columns: 1fr; } }
.sec-galaxy .section-intro a { color: var(--gold); }

/* v2: official YouTube sessions (16:9 posters, click-to-load iframe) */
.galaxy-clip[data-yt] .galaxy-clip-frame { aspect-ratio: 16 / 9; }
.galaxy-clip[data-yt] .galaxy-clip-frame iframe { display: block; }

/* Juno 2026-10-02: move clip number badge off baked-in thumbnail titles */
.galaxy-clip[data-yt] .galaxy-clip-frame::before { top: auto; bottom: .45rem; }