/*
 Stonebridge Sitewide Bridge Unification
 Website-only visual patch.
 Uses the existing approved bridge image already in public_html.
*/
:root{
  --sb-unified-bridge-image:url("/assets/images/stonebridge-bridge-approved-4k.webp");
}

.sb-unified-bridge-hero{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  background-image:none !important;
  background-color:#090b0e !important;
}

.sb-unified-bridge-hero > .sb-unified-bridge-layer{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(7,9,12,.72) 0%,rgba(7,9,12,.50) 50%,rgba(7,9,12,.68) 100%),
    var(--sb-unified-bridge-image);
  background-repeat:no-repeat,no-repeat;
  background-position:center center,50% 50%;
  background-size:cover,cover;
  opacity:1;
}

.sb-unified-bridge-hero > :not(.sb-unified-bridge-layer){
  position:relative;
  z-index:1;
}

@media (max-width:900px){
  .sb-unified-bridge-hero > .sb-unified-bridge-layer{
    background-image:
      linear-gradient(180deg,rgba(7,9,12,.68) 0%,rgba(7,9,12,.48) 52%,rgba(7,9,12,.72) 100%),
      var(--sb-unified-bridge-image);
    background-position:center center,50% 50%;
    background-size:cover,cover;
  }
}

@media (prefers-reduced-motion:reduce){
  .sb-unified-bridge-hero > .sb-unified-bridge-layer{
    transform:none !important;
  }
}