/* Extracted from reviewed R189 homepage candidate: image-first hero layout. */
@media (min-width:701px){
  body:has(main>.hero .hero-carousel) main>.hero{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:end!important;
    min-height:clamp(620px,80svh,900px)!important;padding:clamp(40px,7vh,84px) max(28px,calc((100vw - 1320px)/2)) clamp(82px,10vh,126px)!important;
    overflow:hidden!important;isolation:isolate!important;background:#081215!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero::before{
    content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
    background:linear-gradient(90deg,rgba(4,10,12,.84) 0%,rgba(4,10,12,.60) 42%,rgba(4,10,12,.10) 78%,rgba(4,10,12,.08) 100%),linear-gradient(0deg,rgba(4,10,12,.48) 0%,transparent 42%)!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel{
    position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel::before{display:none!important;content:none!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slides,
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slide img{
    position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 54%!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-copy{position:relative!important;z-index:2!important;align-self:end!important;width:min(760px,100%)!important;max-width:760px!important;margin:0 auto 0 0!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-copy>*{max-width:100%!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slide-caption{right:clamp(20px,4vw,58px)!important;bottom:22px!important;left:auto!important;z-index:3!important;width:min(330px,27vw)!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .carousel-controls{z-index:4!important}
}
@media (max-width:700px){
  body:has(main>.hero .hero-carousel) main>.hero{
    display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;padding:0!important;gap:0!important;
    overflow:visible!important;isolation:isolate!important;background:#fff!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel{
    position:relative!important;inset:auto!important;order:0!important;flex:0 0 auto!important;width:100%!important;
    height:clamp(280px,48svh,420px)!important;min-height:0!important;max-width:none!important;margin:0!important;
    overflow:hidden!important;background:#081215!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel::before{display:none!important;content:none!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slides,
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slide img{
    position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;
    object-fit:cover!important;object-position:center 54%!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-copy{
    position:relative!important;inset:auto!important;order:1!important;z-index:2!important;align-self:stretch!important;
    width:100%!important;max-width:none!important;margin:0!important;padding:24px clamp(18px,5vw,26px) 30px!important;
    color:#18212b!important;background:#fff!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-copy h1{max-width:20ch!important;font-size:clamp(32px,8.5vw,42px)!important;line-height:1.08!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-copy .hero-lede{max-width:50ch!important;font-size:16px!important;line-height:1.55!important}
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .slide-caption{
    right:10px!important;bottom:10px!important;left:auto!important;z-index:3!important;width:min(82%,270px)!important;max-width:270px!important;font-size:10px!important;
  }
  body:has(main>.hero .hero-carousel) main>.hero .hero-carousel .carousel-controls{right:12px!important;top:12px!important;bottom:auto!important;z-index:4!important}
}