
/* Home media: inactive until a published active record is returned. */
.home-media-banners{position:relative;overflow:hidden;background:#f6f4ef;border-bottom:1px solid #dfe8ed}
.home-media-banner{position:relative;display:none;min-height:220px;color:#fff;background:#173f64}
.home-media-banner.is-active{display:grid;grid-template-columns:1fr;align-items:center}
.home-media-banner picture,.home-media-banner picture img{position:absolute;inset:0;width:100%;height:100%;display:block}
.home-media-banner picture img{object-fit:cover}
.home-media-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,54,.8),rgba(11,34,54,.35) 70%,rgba(11,34,54,.14))}
.home-media-copy{box-sizing:border-box;position:relative;z-index:1;width:min(1100px,calc(100% - 48px));margin:auto;padding:27px 80px 27px 0}
.home-media-copy h2{font-size:clamp(1.4rem,3vw,2.45rem);line-height:1.12;margin:0 0 8px;color:#fff}
.home-media-copy p{max-width:540px;margin:0 0 15px;font-size:.95rem;line-height:1.45;color:#fff}
.home-media-copy a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:9px;text-decoration:none;font-weight:800;color:#123a5b;background:#fff}
.home-media-navigation{position:absolute;z-index:3;right:max(18px,calc((100vw - 1130px)/2));top:50%;transform:translateY(-50%);display:flex;gap:8px}
.home-media-navigation button{background:#fff;color:#173f64;border:0;border-radius:50%;width:42px;height:42px;font-size:1.2rem;font-weight:bold;cursor:pointer}
.home-media-navigation button:focus-visible,.home-media-copy a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:680px){
  .home-media-banner{min-height:260px}
  .home-media-banner::after{background:linear-gradient(90deg,rgba(11,34,54,.78),rgba(11,34,54,.35))}
  .home-media-copy{width:calc(100% - 32px);padding:20px 0 62px}
  .home-media-copy h2{font-size:1.45rem}
  .home-media-navigation{top:auto;bottom:11px;right:14px;transform:none}
}

/* Release visual QA: banners are full-bleed. Exempt the injected section
   from the generic Home section spacing (48/64/72px across breakpoints). */
body.luso-home section.home-media-banners{
  padding-block:0;
}
