/* ==========================================================================
   CP9 — inner-page hero variants (Phase C, TASKS H1). Site-only; linked from
   BaseLayout. NOT loaded on the funnel pages.

   The default `pine` hero is today's band and is unchanged. These rules cover
   the two data-driven variants (photo / map) that render only once real
   photography is supplied (T12 is blocked), plus the overlay options. Hero text
   is never at opacity 0 and the image is eager/high-priority, so the hero does
   not delay the largest paint.
   ========================================================================== */

.hero-photo,.hero-map{position:relative;overflow:hidden;padding:0}
.hero-photo .hero-bg-img,.hero-map .hero-bg-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0
}
.hero-map .hero-map-img{object-fit:contain;object-position:85% 50%;max-width:520px;margin-left:auto;opacity:.9}
.hero-photo .hero-inner,.hero-map .hero-inner{
  position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:130px 20px 40px
}
.hero-photo h1,.hero-map h1{color:#fff}
.hero-photo p,.hero-map p{color:rgba(255,255,255,.82)}
/* overlays */
.hero-photo.hero-overlay-dark .hero-bg-img{filter:brightness(.55)}
.hero-photo.hero-overlay-light .hero-bg-img{filter:brightness(1.15)}
.hero-photo.hero-overlay-light h1{color:#111827}
.hero-photo.hero-overlay-light p{color:#374151}
.hero-photo.hero-overlay-none h1{text-shadow:0 1px 12px rgba(0,0,0,.5)}
.hero-photo.hero-overlay-none p{text-shadow:0 1px 8px rgba(0,0,0,.5)}