/* ============================================================
   03-harry-potter.css — Studio Tour mood: warm, candlelit, stagey
   The chapter is a single day inside a giant soundstage. Palette
   shifts from The Grove's olive to a warm amber/gold — the color
   of the Great Hall floating-candle light, or of the wand-shop
   shelves. Structural CSS lives in cinematic.css; this file only
   overrides design tokens.
   ============================================================ */

[data-chapter="03-harry-potter"] {
  /* slightly deeper paper — we're indoors, sets and shadows */
  --paper: #0a0805;
  --paper-soft: #15100a;
  --paper-edge: #1f160c;

  /* candle-warm gold accent */
  --accent: #d4a86a;

  /* a touch more atmosphere than The Grove */
  --grain-opacity: 0.045;
  --vignette-strength: 0.42;

  /* slightly snappier reveals — there's a lot to look at */
  --reveal-distance: 22px;
  --reveal-duration: 950ms;
}

/* warmer wash on photos — set lighting */
[data-chapter="03-harry-potter"] .media-tile img {
  filter: saturate(1.04) contrast(1.04);
}
[data-chapter="03-harry-potter"] .media-tile:hover img {
  filter: saturate(1.08) contrast(1.06);
}

/* hero: tighter dek width to balance the longer subtitle */
[data-chapter="03-harry-potter"] .hero__sub .dek {
  font-size: clamp(1.05rem, 1.6vw, 1.4rem);
  max-width: 34ch;
}