/* ================================================================= *
 |  OBSERVER SIGHTINGS IN REAL LIFE  —  /observer-sightings  (Phase 2, 2026-07-26)
 |
 |  Scoped under `body.os-skin`, which feature/observer-sightings.blade.php sets
 |  ALONGSIDE `md-skin`: the page wears the Massive Dynamic skin for its hero,
 |  section heading and type, so it is the same furniture as /episode,
 |  /characters, /differences, /alternate-united-states and /radio-ads.
 |
 |  The body is the SHARED video grid (public/css/video-grid.css +
 |  js/fringe-video.js + partials/video-grid.blade.php), which is the whole point
 |  of the redesign — this page is exactly what /episode's #videos section is, a
 |  type-grouped list of YouTube embeds, and it had been left on the two-column
 |  text-link player that section replaced.
 |
 |  So this file is only the page's own furniture: the hero crop. Loaded after
 |  massive-dynamic.css and video-grid.css. ?design=current gets none of the three.
 * ================================================================= */


/* ================================================================= *
 |  HERO  —  /images/episodes/322/observer.jpg (ep 322, "Over There Part 2")
 * ================================================================= */

/* Hero crop: set in the admin "Hero focus" tool, emitted inline by the view.
   Default + reasoning live in App\Support\HeroTargets — a rule here would be
   overridden by that inline style and silently disagree with it. */

/* A shade under the episode clamp, as on the other feature heroes: the title is
   a five-word phrase and the byline under it is a paragraph, not a credit line. */
.os-skin .os-hero .md-hero__title { font-size: clamp(1.8rem, 3.4vw, 2.8rem) }
.os-skin .os-hero .md-hero__byline { max-width: 62ch }

/* the hero stats line is the shared `.fr-hero-stats` in massive-dynamic.css */

.os-skin .os-section { padding-bottom: 3rem }