/* ============================================================
   01-travel.css — Travel chapter mood: chaotic / sleepless / cool
   The first chapter of the trip — the journey to the UK. Cooler
   tint than the warm default, more grain, tighter and more
   nervous reveals. Structural CSS lives in cinematic.css; this
   file only overrides design tokens.
   ============================================================ */

[data-chapter="01-travel"] {
  /* cooler ink — bluer black instead of warm */
  --paper: #07090c;
  --paper-soft: #10131a;
  --paper-edge: #181c25;

  /* desaturated, slightly cool text */
  --ink: #e6e7ea;
  --mute: rgba(230, 231, 234, 0.5);
  --rule: rgba(230, 231, 234, 0.13);

  /* a steely blue-gray accent — flight, distance, transit */
  --accent: #8aa6c4;

  /* more grain, deeper vignette */
  --grain-opacity: 0.075;
  --vignette-strength: 0.5;

  /* tighter, faster reveals to mimic the hurry of a travel day */
  --reveal-distance: 36px;
  --reveal-duration: 700ms;
}

/* slight cool wash on photos — keeps the travel mood without
   making the images look obviously filtered. Per-tile. */
[data-chapter="01-travel"] .media-tile img {
  filter: saturate(0.92) contrast(1.04);
}
[data-chapter="01-travel"] .media-tile:hover img {
  filter: saturate(1) contrast(1);
}

/* hero: tighter caption stack, smaller dek */
[data-chapter="01-travel"] .hero__sub .dek {
  font-size: clamp(1.05rem, 1.6vw, 1.4rem);
  max-width: 30ch;
}

/* the "in between" sub-chapter (chapter--quiet) gets a deeper,
   quieter feel — represents the middle of the night flight. */
[data-chapter="01-travel"] .chapter--quiet {
  background: linear-gradient(180deg, var(--paper) 0%, #04060a 50%, var(--paper) 100%);
}
[data-chapter="01-travel"] .chapter--quiet .chapter__title {
  color: var(--mute);
}