.hero-carousel{position:relative;isolation:isolate;background:#202a37;overflow:hidden}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}.hero-slide.is-active{opacity:1;visibility:visible}.hero-carousel .hero-slide .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}.hero-carousel:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#111a32a6);pointer-events:none;z-index:1}.hero-carousel .hero-image-label{z-index:2;top:24px;bottom:auto;left:24px;right:auto;max-width:calc(100% - 48px)}.hero-carousel-controls{position:absolute;bottom:22px;left:24px;right:auto;width:min(320px,calc(100% - 48px));display:flex;align-items:center;gap:8px;z-index:3}.hero-carousel-controls>button{width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff70;border-radius:50%;background:#1421396e;color:white;font-size:20px;display:grid;place-items:center;backdrop-filter:blur(6px)}.hero-carousel-controls>button:hover{background:#243b60}.hero-carousel-dots{display:flex;align-items:center;gap:1px;margin-right:auto}.hero-carousel-dots button{border:0;background:transparent;width:30px;height:42px;display:grid;place-items:center;padding:0}.hero-carousel-dots span{width:7px;height:7px;border-radius:8px;background:#ffffff78;transition:width .3s,background .3s}.hero-carousel-dots [aria-pressed=true] span{width:23px;background:white}.hero-carousel button:focus-visible{outline-color:#fff;outline-offset:3px}
@media(max-width:600px){.hero-carousel .hero-image-label{left:16px;top:16px;bottom:auto;max-width:calc(100% - 32px)}.hero-carousel-controls{left:16px;right:auto;width:calc(100% - 32px);bottom:16px}.hero-carousel-controls>button{width:40px;height:40px}.hero-carousel-dots button{width:26px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-carousel-dots span{transition:none}}