/* ============================================================
   06-castle-on-the-rock.css — Castle on the Rock mood: wet
   granite, slate roofs, brass cannon, rain on Edinburgh stone.
   The chapter cools from chapter 05's amethyst into a deeper
   slate-blue, with one warm brass accent — the brass of cannons
   and umbrella ribs against everything else gone cold and wet.
   Structural CSS lives in cinematic.css; this file only
   overrides design tokens.
   ============================================================ */

[data-chapter="06-castle-on-the-rock"] {
  /* deep slate — wet granite, dark stone */
  --paper:        #0a0e13;
  --paper-soft:   #11161e;
  --paper-edge:   #1a1f29;

  /* warm brass — cannon barrels, umbrella ribs, hot chocolate */
  --accent: #c19a5b;

  /* a touch more rain in the air */
  --grain-opacity:     0.06;
  --vignette-strength: 0.46;

  /* slightly slower — heavy weather, considered pace */
  --reveal-distance: 26px;
  --reveal-duration: 1000ms;
}

/* slightly cooler, slightly desaturated photos —
   it really did rain that hard */
[data-chapter="06-castle-on-the-rock"] .media-tile img {
  filter: saturate(0.95) contrast(1.04);
}
[data-chapter="06-castle-on-the-rock"] .media-tile:hover img {
  filter: saturate(1.0) contrast(1.06);
}

/* hero: tighter dek width to balance the title */
[data-chapter="06-castle-on-the-rock"] .hero__sub .dek {
  font-size: clamp(1.05rem, 1.6vw, 1.4rem);
  max-width: 36ch;
}

/* portrait fullbleed — same helper as ch04/05, for tall photos
   that would otherwise lose their top/bottom to object-fit:cover. */
[data-chapter="06-castle-on-the-rock"] .layout-fullbleed .media-tile.media-tile--portrait {
  height: auto;
  max-height: 92vh;
  background: var(--paper-soft);
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-chapter="06-castle-on-the-rock"] .layout-fullbleed .media-tile.media-tile--portrait img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 92vh;
  object-fit: contain;
  margin: 0 auto;
}