/* =========================================================================
   MOCKUP-02-DARK — homepage hero slider photo override
   -------------------------------------------------------------------------
   Loaded ONLY on the root index.html, AFTER the shared styles.css, so this
   wins by source order without needing extra specificity. Nothing here is
   referenced by MOCKUP-01-LIGHT or MOCKUP-03-IMAGE — this file lives
   exclusively inside MOCKUP-02-DARK.

   WHY THIS FILE EXISTS: the shared styles.css (physically stored in
   MOCKUP-01-LIGHT/assets/) declares .hero-slide--1/--2's background-image
   once, using paths that resolve relative to styles.css's own folder
   (MOCKUP-01-LIGHT/assets/img/hero/). Without this override, MOCKUP-02-DARK's
   homepage would silently show MOCKUP-01-LIGHT's slider photos (currently
   light-hero-01.jpg / light-hero-02.jpg) instead of its own. This file
   repoints both slides to dark-hero-01.jpg / dark-hero-02.jpg, which live
   locally in THIS mockup's own assets/img/hero/ folder (no cross-mockup
   dependency). url() below resolves relative to THIS file's location
   (MOCKUP-02-DARK/assets/), so "img/hero/dark-hero-0N.jpg" is correct here
   even though it looks identical to styles.css's own img/hero/ convention. */
.hero-slide--1{background-image:url("img/hero/dark-hero-01.jpg");}
.hero-slide--2{background-image:url("img/hero/dark-hero-02.jpg");}
