/* ─────────────────────────────────────
   Episodio 01 — episode-specific styles
   Overrides and additions on top of shared/tokens.css + shared/components.css.
   Only put here what is unique to this episode's hero collage layout.
   ───────────────────────────────────── */

/* Hero collage: 2-column grid for this episode's 3 clips
   (wide primary image  |  tall coastal image spanning both rows) */
@media (min-width: 760px) {
  .hero-collage {
    grid-template-columns: 1.6fr 1fr;
    grid-template-rows: auto auto;
    gap: 1.25rem;
  }
}

/* Clip positions for this episode */
.clip-map   { grid-row: 1; }
.clip-coast {
  grid-row: 1 / span 2;
  aspect-ratio: 9 / 14;
  max-height: 540px;
}
@media (max-width: 760px) {
  .clip-coast { aspect-ratio: 4 / 5; max-height: 380px; grid-row: auto; }
}