/* =============================================================================
   SATQUERY — VIDEO ARCHIVE
   Editorial film archive: one large lead film, then excerpts.
   Open composition, hairlines, ochre accent. No rounded-card gallery.
   ============================================================================= */

/* the player wraps a bare <video class="film"> in a figure; reserve its box so
   the poster frames correctly before metadata loads. All films here are 16:9. */
.film { aspect-ratio: 16 / 9; }

/* centered measure — generous side whitespace, never full-bleed */
.measure { max-width: 920px; margin: 0 auto; }
.measure--lead { max-width: 1180px; }

/* ------------------------------------------------------------- dochead ---- */
.dochead {
  padding: clamp(54px, 7vw, 108px) 0 clamp(34px, 4.5vw, 60px);
  border-bottom: 1px solid var(--rule);
}
.dochead__h {
  font-size: clamp(34px, 5.4vw, 68px);
  margin-top: 8px;
}
.dochead__l { margin-top: 22px; }

/* -------------------------------------------------------------- lead ------ */
.lead {
  padding: clamp(40px, 5vw, 80px) 0 clamp(28px, 4vw, 56px);
}
.entry__kicker { margin: 0 0 16px; }

.entry__body { margin-top: 20px; }
.entry__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}
.entry__title {
  font-size: clamp(26px, 3.2vw, 44px);
  margin: 0;
}
.entry__title--sm { font-size: clamp(22px, 2.6vw, 34px); }
.entry__ctx { margin-top: 14px; max-width: 56ch; }

/* small mono metadata line — the structural caption, not a badge */
.metaline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid var(--rule);
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  /* D4: --ink-400 (#84877F) measured 3.47:1 on --surface-0 — below AA. This class
     carries source/attribution text ("Source ESA / Copernicus Sentinel-2").
     --ink-500 (#5E625C) measures 5.91:1. The .ochre variant was at --ochre
     (#A5662E, 4.40:1, still below AA for body text); #8A5324 keeps the ochre
     accent and measures 5.97:1. */
  color: var(--ink-500);
}
.metaline b { color: var(--ink-700); font-weight: 500; }
.metaline .sep { color: var(--rule-3); }
.metaline .ochre { color: #8A5324; }

/* the nine beats of the lead film, a quiet ruled index */
.chapterlist {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0 28px;
  border-top: 1px solid var(--rule);
  padding-top: 12px;
}
.chapterlist .ch {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-400);
  padding: 5px 0;
}
.chapterlist .ch b { color: var(--ink-700); font-weight: 500; }
.chapterlist .ch .t { color: var(--ink-300); font-variant-numeric: tabular-nums; }

/* ------------------------------------------------------------ excerpts ---- */
.entries { padding: clamp(18px, 3vw, 40px) 0 var(--band); }
.entry { padding: clamp(40px, 6vw, 86px) 0; }
/* hairline between excerpts only — the sechead already rules above the first */
.entry ~ .entry { border-top: 1px solid var(--rule); }
/* open composition: one excerpt offset to the right, the rest left */
.entry--inset { max-width: 760px; margin-left: auto; }

/* --------------------------------------------------------- closing note --- */
.archive-note { padding: clamp(40px, 5vw, 72px) 0 0; }
.archive-note .note {
  font-family: var(--f-ui);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--ink-500);
  max-width: 64ch;
  margin: 18px 0 0;
}

/* ----------------------------------------------------------- responsive --- */
@media (max-width: 720px) {
  .entry--inset { max-width: none; margin-left: 0; }
  .entry__head { flex-direction: column; gap: 8px; }
}