:root{--brand:#13317B;--white:#FFFFFF;--accent:#DADADA;--ink:#111827}

.hero-wrap{position:relative;background:linear-gradient(180deg,#fff 0%,#EEF2F7 100%)}
.hero-wrap .carousel{overflow:hidden}
.hero-wrap .carousel-item{position:relative;min-height:clamp(520px,62vh,720px);display:flex;align-items:center}
.hero-wrap .carousel-item::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 20% 50%,rgba(19,49,123,.86) 0%,rgba(19,49,123,.68) 42%,rgba(19,49,123,.38) 70%,rgba(19,49,123,0) 100%);pointer-events:none}
.hero-wrap .carousel-item[data-theme="dark"]::before{background:radial-gradient(120% 120% at 20% 50%,rgba(0,0,0,.55) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.15) 75%,rgba(0,0,0,0) 100%)}

.eyebrow{display:inline-block;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;opacity:.95}
.hero-title{color:var(--white);font-weight:900;line-height:1.15;font-size:clamp(30px,3.3vw,46px);text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero-sub{color:rgba(255,255,255,.95);font-size:clamp(16px,1.2vw,18.5px);line-height:1.7;max-width:58ch;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.hero-btn-outline{border-color:rgba(255,255,255,.7)!important;color:#fff!important}
.hero-btn-outline:hover{background:rgba(255,255,255,.12)!important}

.hero-wrap .carousel-item .col-lg-6:first-child{position:relative;z-index:2}
@media (min-width:992px){
  .hero-wrap .carousel-item .col-lg-6:first-child::before{content:"";position:absolute;inset:-14px -18px -14px -18px;background:rgba(19,49,123,.42);border-radius:14px;backdrop-filter:saturate(140%) blur(2px);z-index:-1}
}

.hero-img{width:100%;height:clamp(280px,42vh,520px);object-fit:cover;object-position:var(--posX,50%) var(--posY,50%);border-radius:16px;box-shadow:0 22px 44px rgba(0,0,0,.22)}
.kenburns{transform-origin:center;animation:ken 7s ease-in-out forwards}
@keyframes ken{0%{transform:scale(1)}100%{transform:scale(1.06)}}

.carousel-indicators{gap:.5rem;margin-bottom:1.4rem}
.carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.45);border:2px solid rgba(0,0,0,0);transition:.2s}
.carousel-indicators .active{background:#fff;border-color:rgba(0,0,0,0)}

.carousel-control-prev,.carousel-control-next{width:auto}
.carousel-control-prev i,.carousel-control-next i{color:#fff;font-size:1.9rem;opacity:.9}
.carousel-control-prev{left:12px}
.carousel-control-next{right:12px}
@media (min-width:992px){
  .carousel-control-prev{left:24px}
  .carousel-control-next{right:24px}
}

.hero-wrap .carousel-control-prev,
.hero-wrap .carousel-control-next{
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.hero-wrap,
.hero-wrap .carousel,
.hero-wrap .carousel-inner{
  overflow: hidden !important;
}

.hero-wrap .carousel-indicators{ pointer-events:auto; }