/* Controls stay inside each banner, independent of group/brand banner height. */
.banner-swiper .banner-controls{display:flex;position:absolute;left:clamp(24px,6%,96px);bottom:clamp(24px,6%,44px);z-index:8;align-items:center;gap:12px;max-width:calc(100% - 48px);padding:8px 10px;border:1px solid #ffffffb3;border-radius:32px;background:#ffffffe6;box-shadow:0 4px 22px #16334a16;backdrop-filter:blur(10px);color:#274c69}
.banner-swiper .banner-controls>button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #c8d5df;border-radius:50%;background:#fff;color:#274c69;cursor:pointer;line-height:1;transition:background .2s,color .2s}
.banner-swiper .banner-controls>button:hover{background:var(--brand);color:#fff}
.banner-swiper .banner-controls>button:focus-visible,.banner-swiper .banner-pagination button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.banner-swiper .banner-controls>button:disabled{opacity:.45;cursor:default}
.banner-swiper .banner-pagination{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:auto!important;min-width:0;max-width:176px;flex:0 1 auto}
.banner-swiper .banner-pagination .swiper-pagination-bullet{display:block;position:relative;width:18px;height:32px;border:0;margin:0!important;padding:0;opacity:1;background:transparent;outline:none;cursor:pointer}
.banner-swiper .banner-pagination .swiper-pagination-bullet:before{content:"";position:absolute;left:6px;top:13px;width:6px;height:6px;background:#879bad;border-radius:50%;transition:transform .2s,background .2s}
.banner-swiper .banner-pagination .swiper-pagination-bullet-active:before{background:var(--brand);transform:scale(1.45)}
.banner-swiper .banner-inner .hero-copy{padding-bottom:160px}
.banner-swiper .image-caption{bottom:8px}
/* Brand banners keep their own height; long copy can grow instead of clipping. */
.brand-banner{height:auto;min-height:620px}
.brand-banner .banner-swiper{height:auto}
.brand-banner .banner-swiper>.swiper-wrapper{height:auto;align-items:stretch}
.brand-banner .banner-slide{height:auto}
.brand-banner .banner-inner{height:auto;min-height:620px}
@media(max-width:1023px){.brand-banner,.brand-banner .banner-inner{min-height:540px}}
@media(max-width:768px){.brand-banner,.brand-banner .banner-inner{min-height:590px}.banner-swiper .banner-controls{gap:6px;padding:6px;bottom:24px}.banner-swiper .banner-inner .hero-copy{padding-bottom:170px}}
@media(max-width:550px){.group-home .banner-scroll{right:24px;bottom:104px}.banner-swiper .banner-controls{gap:3px}.banner-swiper .banner-pagination{gap:0}}