.mypride-hero{position:relative;height:100svh;min-height:560px;background:var(--mypride-black, #000);color:#fff;overflow:hidden;cursor:grab}.mypride-hero.dragging{cursor:grabbing}.mypride-hero__slides,.mypride-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0}.mypride-hero__slide{opacity:0;transition:opacity 1s ease}.mypride-hero__slide.on{opacity:1}.mypride-hero__slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 6s cubic-bezier(.2,.6,.2,1)}.mypride-hero__slide.on img{transform:scale(1)}.mypride-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--hero-overlay, .55)),transparent 45%);pointer-events:none}.mypride-hero__caption{position:absolute;left:var(--mypride-container-pad, 40px);bottom:34px;z-index:3}.mypride-hero__caption h1{font-size:clamp(20px,2.6vw,34px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0;line-height:1.2;color:var(--mypride-white, #fff)}.mypride-hero__mid{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:3;text-align:center;white-space:nowrap}.mypride-hero__tagline{font-size:12px;letter-spacing:.04em;margin:0 0 14px;line-height:1.6;white-space:pre-line}.mypride-hero__ctas{display:flex;gap:10px;justify-content:center}.mypride-hero__meta{position:absolute;right:var(--mypride-container-pad, 40px);bottom:34px;z-index:3;text-align:right;font-size:12px;letter-spacing:.1em}.mypride-hero__dots{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.mypride-hero__dots button{width:7px;height:7px;border-radius:50%;background:#fff6;border:none;padding:0;cursor:pointer;transition:background .3s,transform .3s}.mypride-hero__dots button.on{background:#fff;transform:scale(1.25)}.mypride-hero .mypride-btn{border:1px solid currentColor;padding:9px 22px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:transparent;color:inherit;transition:background .25s ease,color .25s ease}.mypride-hero .mypride-btn:hover{background:#fff;color:var(--mypride-black, #000)}@media screen and (max-width:900px){.mypride-hero__mid{display:none}.mypride-hero__caption{left:var(--mypride-container-pad, 16px);bottom:24px}.mypride-hero__caption h1{font-size:clamp(18px,5vw,28px)}.mypride-hero__meta{right:var(--mypride-container-pad, 16px);bottom:24px}}@media(prefers-reduced-motion:reduce){.mypride-hero__slide,.mypride-hero__slide img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mypride-hero.css.map */