.hero{isolation:isolate;min-height:100svh;position:relative}.hero-slide{margin:0 0 clamp(48px,8vw,96px);min-height:100svh;position:relative;width:100%}.hero-slide,.hero-slide:before{background-position:50%;background-repeat:no-repeat;background-size:cover}.hero-slide:before{background-image:var(--previous-image);content:"";inset:0;opacity:0;position:absolute;will-change:opacity}.hero-slide.transitioning:before{opacity:1}.hero-slide:not(.transitioning):before{transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.hero-content{color:#fff;display:grid;gap:var(--spacing-lg);inset:0;padding:0 20px;place-content:center;position:absolute;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.35)}.hero-content>*{margin:0}.carousel-controls{bottom:24px;display:flex;gap:var(--spacing-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:1}.dot{background:transparent;border:2px solid hsla(0,0%,100%,.9);border-radius:999px;height:10px;opacity:.7;width:10px}.dot.active,.dot:hover{background:#fff;opacity:1}