/* Synergy Physio phase 1, build 15.
   Final overrides are deliberately isolated here and loaded after every
   earlier style block so the approved mobile hero and stories background
   cannot be displaced by legacy rules. */

/* Approved Blue Ridge treatment: visible near the title, then fading into the
   dark field behind the testimonial bubbles. */
#synergy-dark-preview .stories-mosaic-section {
  background:#0b1e2d !important;
}

#synergy-dark-preview .stories-backdrop {
  opacity:1 !important;
  filter:saturate(.96) contrast(1.04) brightness(.90) !important;
  transform:scale(1.01) !important;
  background:
    linear-gradient(180deg,
      rgba(9,24,39,.06) 0%,
      rgba(9,24,39,.12) 24%,
      rgba(9,24,39,.28) 52%,
      rgba(9,25,39,.64) 78%,
      rgba(11,30,45,.92) 100%),
    url("blue-ridge-bg-enhanced.png") center 46% / cover no-repeat !important;
}

#synergy-dark-preview .stories-mosaic-section::after {
  background:
    radial-gradient(circle at 25% 68%,rgba(8,24,37,.20),transparent 27%),
    radial-gradient(circle at 52% 60%,rgba(8,22,37,.20),transparent 30%),
    radial-gradient(circle at 82% 67%,rgba(8,25,38,.20),transparent 27%),
    linear-gradient(180deg,rgba(5,18,30,.02),rgba(5,20,32,.34) 54%,rgba(5,18,29,.62)) !important;
}

@media (max-width:680px) {
  /* Mobile only: use the physically rotated portrait asset. This eliminates
     the previous pseudo-element sizing dependency and keeps desktop intact. */
  #synergy-dark-preview .hero {
    min-height:0 !important;
    background:#102136 !important;
  }

  #synergy-dark-preview .hero-media {
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    transform:none !important;
    container-type:normal !important;
    background-color:#102136 !important;
    background-image:url("hero-precision-close-up-mobile-portrait.jpg") !important;
    background-position:center center !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
  }

  #synergy-dark-preview .hero-media::before,
  #synergy-dark-preview .hero-media::after {
    content:none !important;
    display:none !important;
  }

  #synergy-dark-preview .hero-wash {
    background:
      linear-gradient(180deg,
        rgba(56,16,104,.70) 0%,
        rgba(27,25,76,.76) 30%,
        rgba(13,27,61,.80) 68%,
        rgba(0,82,87,.68) 100%),
      linear-gradient(110deg,rgba(77,18,119,.28),rgba(11,34,66,.16) 60%,rgba(0,113,118,.24)) !important;
  }

  #synergy-dark-preview .hero-content {
    padding:72px 0 76px !important;
  }

  #synergy-dark-preview .hero-lede {
    color:#fff !important;
    font-size:1.05rem !important;
    line-height:1.55 !important;
  }

  #synergy-dark-preview .stories-backdrop {
    transform:none !important;
    background:
      linear-gradient(180deg,
        rgba(9,24,39,.10) 0%,
        rgba(10,28,43,.24) 20%,
        rgba(9,25,39,.62) 42%,
        #0b1e2d 64%),
      url("blue-ridge-bg-enhanced.png") center top / auto 680px no-repeat,
      #0b1e2d !important;
  }
}