/* V45: image-first banner lighting. Keep photo visible in both themes. */
.sf-hero .sf-photo-shade{
 background:linear-gradient(270deg,rgba(4,23,40,.39),rgba(4,26,43,.16) 42%,rgba(4,23,40,.03) 77%)!important;
 opacity:1!important;
}
html[dir=ltr] .sf-hero .sf-photo-shade{
 background:linear-gradient(90deg,rgba(4,23,40,.39),rgba(4,26,43,.16) 42%,rgba(4,23,40,.03) 77%)!important;
}
html[data-theme=dark] .sf-hero .sf-photo-shade{
 background:linear-gradient(270deg,rgba(2,15,28,.42),rgba(2,16,30,.18) 44%,rgba(2,15,28,.04) 78%)!important;
 opacity:1!important;
}
html[data-theme=dark][dir=ltr] .sf-hero .sf-photo-shade{
 background:linear-gradient(90deg,rgba(2,15,28,.42),rgba(2,16,30,.18) 44%,rgba(2,15,28,.04) 78%)!important;
}
html[data-theme=dark] .sf-hero .sf-frame.sf-toned-night .sf-night{
 filter:brightness(.91) saturate(.99)!important;
}
/* Inner-page banners use the full photograph, and a small directional text safety gradient. */
.inner-hero .inner-hero-shade{display:none!important}
html[data-theme=dark] .inner-hero-photo img,
html[data-theme=dark] .inner-cinematic-slider .inner-cinematic-scene img,
html[data-theme=dark] .inner-cinematic-slider .sf-inner-frame img{
 filter:brightness(.95) saturate(1.02)!important;
}
.inner-hero .inner-hero-photo::after,
.inner-cinematic-slider .inner-cinematic-scene::after{
 content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
 background:linear-gradient(0deg,rgba(3,19,32,.25),transparent 50%);
}
html[data-theme=dark] .inner-hero .inner-hero-photo::after,
html[data-theme=dark] .inner-cinematic-slider .inner-cinematic-scene::after{
 background:linear-gradient(0deg,rgba(3,19,32,.30),transparent 49%);
}
@media(max-width:640px){
 .sf-hero .sf-photo-shade,
 html[data-theme=dark] .sf-hero .sf-photo-shade{
  background:linear-gradient(180deg,rgba(2,17,32,.16),rgba(2,17,32,.06) 52%,rgba(2,17,32,.24))!important;
 }
}