/* Homepage hero slider — replaces Slider Revolution.
   RevSlider paints slides 2 and 3 from data WordPress used to supply; in the
   archived HTML those <sr7-slide> elements are empty, so the module rendered
   slide 1 and refused to advance. This is a plain, self-contained slider. */

.bec-hero-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#0E3659;
  line-height:0;
}
.bec-hs-track{position:relative;width:100%;}
.bec-hs-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .7s ease;
}
.bec-hs-slide.is-active{position:relative;opacity:1;visibility:visible;}
.bec-hs-slide img{
  display:block;
  width:100%;
  height:auto;
}

/* caption over the photo */
.bec-hs-caption{
  position:absolute;
  left:0;right:0;bottom:11%;
  padding:0 24px;
  text-align:center;
  line-height:1.25;
  pointer-events:none;
}
.bec-hs-caption h1{
  margin:0;
  color:#fff;
  font-size:clamp(20px,2.5vw,44px);
  font-weight:400;
  line-height:1.24;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}

/* arrows */
.bec-hs-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;height:44px;
  border:0;border-radius:50%;
  background:rgba(20,38,56,.55);
  color:#fff;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .18s ease;
  z-index:3;
  padding:0;
}
.bec-hs-nav:hover{background:rgba(20,38,56,.85);}
.bec-hs-prev{left:18px;}
.bec-hs-next{right:18px;}
.bec-hs-nav::before{
  content:"";
  width:11px;height:11px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
}
.bec-hs-prev::before{transform:rotate(-135deg);margin-left:4px;}
.bec-hs-next::before{transform:rotate(45deg);margin-right:4px;}

/* dots */
.bec-hs-dots{
  position:absolute;
  left:0;right:0;bottom:16px;
  display:flex;justify-content:center;gap:9px;
  z-index:3;
}
.bec-hs-dots button{
  width:34px;height:4px;
  padding:0;border:0;border-radius:2px;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:background .2s ease;
}
.bec-hs-dots button[aria-current="true"]{background:#fff;}

@media (max-width:700px){
  .bec-hs-nav{width:34px;height:34px;}
  .bec-hs-prev{left:8px;}
  .bec-hs-next{right:8px;}
  .bec-hs-caption{bottom:8%;}
  .bec-hs-dots{bottom:10px;}
  .bec-hs-dots button{width:22px;}
}
@media (prefers-reduced-motion:reduce){
  .bec-hs-slide{transition:none;}
}