/* ================================================================= *
 |  COMIC-CON SCAVENGER HUNT  —  /scavenger-hunt  (Phase 2, 2026-07-26)
 |
 |  Scoped under `body.sh-skin`, which feature/scavenger-hunt.blade.php sets
 |  ALONGSIDE `md-skin`: the page wears the Massive Dynamic skin for its hero,
 |  section headings, prose and image lightbox, so it is the same furniture as
 |  /episode, /characters, /differences, /alternate-united-states and /radio-ads.
 |  This file adds the one thing this page has and none of them do — a gallery of
 |  images that refuse to be a grid.
 |
 |  Loaded after massive-dynamic.css and audio-player.css.
 * ================================================================= */


/* ================================================================= *
 |  HERO  —  the reminder card, both faces
 |
 |  There is no 1920x1080 still for a scavenger hunt: this page's images are
 |  2008-era web scrapes and the largest is 1507px wide. That one is the reminder
 |  card handed out on preview night, photographed front and back side by side —
 |  1507x431, a 3.5:1 STRIP, which is very nearly hero-shaped already. (It was
 |  also the one file in /images/scavengerhunt the legacy page never displayed.)
 |
 |  SO THE BAND IS SIZED TO THE CARD rather than the card cropped to the band.
 |  The shared .md-hero__media is clamp(380px, 40vw, 560px) — 2.5:1 at 1280px,
 |  2.86:1 at 1600 — and forcing a 3.5:1 image through that crops ~29% of its
 |  width and upscales it 1.19-1.30x, which on a 431px-tall source is visibly
 |  soft. At 30vw the band is ~2.7:1 and the same image loses ~5% and upscales
 |  ~1.11x. Both card faces stay whole, including the street map on the back —
 |  which is the map of this very hunt (Fifth through Tenth Ave, Island, J, K, L).
 * ================================================================= */
.sh-skin .sh-hero .md-hero__media { height: clamp(340px, 30vw, 520px) }
/* 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
   three short words and the byline under it is a paragraph, not a credit line. */
.sh-skin .sh-hero .md-hero__title { font-size: clamp(2rem, 3.8vw, 3rem) }
.sh-skin .sh-hero .md-hero__byline { max-width: 62ch }

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

.sh-skin .sh-clue { padding-bottom: 2.25rem }
.sh-skin .sh-clue:last-of-type { padding-bottom: 3rem }


/* (The justified-row gallery lived here as `.sh-gallery*` until 2026-07-27. It
   is now the shared `.fr-gallery*` in massive-dynamic.css — /inside-walters-lab
   renders the same rows — and the markup is partials/justified-gallery.blade.php.
   The layout maths and every measured number moved with it.) */


/* ================================================================= *
 |  THE BROYLES CALL
 |
 |  Clue 4's phone message is the payoff of the whole hunt — you called the
 |  number on an apple sticker and Agent Broyles told you where to go next — and
 |  on the legacy page it was a bare <audio controls> concatenated onto the end of
 |  a description string. It gets the shared player (audio-player.css) and a rule
 |  above it, so it reads as a piece of evidence rather than an afterthought.
 * ================================================================= */
.sh-skin .sh-call {
    margin-top: 1.4rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--md-line);
}


/* (The gallery's narrow-viewport and reduced-motion rules moved to
   massive-dynamic.css with the rest of it — this page uses the shared defaults
   unchanged, which are the numbers that were measured on this page's images.) */