.sd-hero-section{margin:0!important;padding:0}.sd-hero{background:#f3f3f3}.sd-hero__top{background:#f3f3f3;display:flex;align-items:center;justify-content:center;padding:6.4rem 2.4rem}.sd-hero__inner{display:flex;flex-direction:column;align-items:center;gap:4rem;text-align:center;max-width:80rem}.sd-hero__badge{display:inline-flex;align-items:center;justify-content:center;border:2px solid #000;border-radius:var(--sd-radius-pill);padding:1.2rem 3.2rem}.sd-hero__badge span{font-family:var(--sd-font-body);font-weight:600;font-size:var(--sd-text-nav);color:#000;text-transform:capitalize;white-space:nowrap}.sd-hero__heading{font-family:var(--sd-font-display);font-size:var(--sd-text-hero);font-weight:900;font-style:normal;color:#000;text-transform:uppercase;line-height:.765;margin:0;display:flex;flex-direction:column;align-items:center}.sd-hero__heading span{display:block}.sd-hero__media-wrap{position:relative;margin:0 var(--sd-space-3xl);border-radius:var(--sd-radius-card);overflow:hidden;aspect-ratio:1705 / 756;background:#222}.sd-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.sd-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.sd-hero__slide--active{opacity:1;pointer-events:auto}.sd-hero__img{width:100%;height:100%;object-fit:cover;display:block}.sd-hero__img--placeholder svg{width:100%;height:100%;display:block}.sd-hero__video{width:100%;height:100%;object-fit:cover;display:block}.sd-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 55%,#0000008c);pointer-events:none;z-index:1}.sd-hero__mute-btn{position:absolute;top:1.6rem;right:1.6rem;z-index:4;width:4rem;height:4rem;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.sd-hero__mute-btn:hover{background:#fff}.sd-hero__mute-btn svg{width:1.8rem;height:1.8rem;color:#000}.sd-hero__mute-btn .sd-mute-off{display:block}.sd-hero__mute-btn .sd-mute-on,.sd-hero__mute-btn.unmuted .sd-mute-off{display:none}.sd-hero__mute-btn.unmuted .sd-mute-on{display:block}.sd-hero__nav{position:absolute;bottom:2.8rem;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:.8rem;align-items:center}.sd-hero__nav-item{position:relative;overflow:hidden;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;border-radius:var(--sd-radius-pill);padding:.9rem 4.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.sd-hero__nav-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:translate(-100%);animation:none;border-radius:0;z-index:0}.sd-hero__nav-fill.animating{animation:sd-fill-bar linear forwards}@keyframes sd-fill-bar{0%{transform:translate(-100%)}to{transform:translate(0)}}.sd-hero__nav-label{position:relative;z-index:1;font-family:var(--sd-font-body);font-size:1.8rem;font-weight:500;color:#ffffffe6;white-space:nowrap;transition:color .2s,font-weight .2s}.sd-hero__nav-item.active .sd-hero__nav-label{color:#000;font-weight:600}@media screen and (max-width:989px){.sd-hero__top{padding:4.8rem 2.4rem}.sd-hero__inner{gap:2.8rem}.sd-hero__media-wrap{margin:0 4rem;border-radius:2.4rem}.sd-hero__nav-item{padding:.7rem 1.6rem}.sd-hero__nav-label{font-size:1.5rem}}@media screen and (max-width:749px){.sd-hero__top{padding:3.2rem 1.6rem}.sd-hero__inner{gap:2rem}.sd-hero__badge{padding:.6rem 1.6rem}.sd-hero__badge span{font-size:1.6rem}.sd-hero__heading{font-size:var(--sd-text-hero-mobile);line-height:.75}.sd-hero__media-wrap{margin:0;border-radius:0;aspect-ratio:auto;min-height:56vw}.sd-hero__nav{bottom:1.6rem;gap:.4rem}.sd-hero__nav-item{padding:.6rem 1.4rem}.sd-hero__nav-label{font-size:1.2rem}.sd-hero__mute-btn{top:.8rem;right:.8rem;width:3.2rem;height:3.2rem}.sd-hero__mute-btn svg{width:1.4rem;height:1.4rem}}@media screen and (max-width:400px){.sd-hero__media-wrap{margin:0 .8rem}.sd-hero__nav{left:0;right:0;transform:none;justify-content:flex-start;padding:0 1.2rem;gap:.3rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sd-hero__nav::-webkit-scrollbar{display:none}.sd-hero__nav-item{padding:.5rem 1rem;flex-shrink:0}.sd-hero__nav-label{font-size:1.1rem}.sd-hero__badge span{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/sd-hero.css.map */