.bonst-hero{--bonst-hero-h: calc(100svh - var(--header-height, 0px));position:relative;display:block;height:var(--bonst-hero-h);min-height:52rem;overflow:hidden;background:rgb(var(--color-background))}.bonst-hero--large{--bonst-hero-h: 80svh}.bonst-hero--medium{--bonst-hero-h: 65svh}.bonst-hero__track{position:absolute;top:0;right:0;bottom:0;left:0}.bonst-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}.bonst-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s;z-index:1}.bonst-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.bonst-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,rgba(0,0,0,calc(var(--overlay) + .15))),rgba(0,0,0,calc(var(--overlay) * .5));pointer-events:none}.bonst-hero__slide--dark .bonst-hero__media:after{background:linear-gradient(180deg,#fff0 45%,rgba(255,255,255,calc(var(--overlay) + .1)))}.bonst-hero__media picture,.bonst-hero__image,.bonst-hero__video,.bonst-hero__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.bonst-hero__slide .bonst-hero__image{transform:scale(1.06);transition:transform 7s ease-out}.bonst-hero__slide.is-active .bonst-hero__image{transform:scale(1)}}.bonst-hero__content{position:relative;z-index:2;height:100%;display:flex;padding-top:4rem;padding-bottom:9rem}.bonst-hero__content--bottom-left{align-items:flex-end;justify-content:flex-start}.bonst-hero__content--center-left{align-items:center;justify-content:flex-start}.bonst-hero__content--center{align-items:center;justify-content:center;text-align:center}.bonst-hero__content--bottom-center{align-items:flex-end;justify-content:center;text-align:center}.bonst-hero__content--center-right{align-items:center;justify-content:flex-end}.bonst-hero__content--bottom-right{align-items:flex-end;justify-content:flex-end}@media screen and (min-width:750px){.bonst-hero__slide:has(.bonst-hero__content--bottom-left,.bonst-hero__content--center-left) .bonst-hero__media:after{background:linear-gradient(90deg,rgba(0,0,0,calc(var(--overlay) + .3)),#0000 55%),linear-gradient(180deg,#0000 55%,rgba(0,0,0,var(--overlay)))}.bonst-hero__slide:has(.bonst-hero__content--bottom-right,.bonst-hero__content--center-right) .bonst-hero__media:after{background:linear-gradient(270deg,rgba(0,0,0,calc(var(--overlay) + .3)),#0000 55%),linear-gradient(180deg,#0000 55%,rgba(0,0,0,var(--overlay)))}}.bonst-hero__text{max-width:62rem;color:#fff}.bonst-hero__slide--dark .bonst-hero__text{color:#121212}.bonst-hero__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;opacity:.9}.bonst-hero__heading{margin:0;color:inherit;font-size:clamp(3.6rem,6.2vw,7.6rem);line-height:1.02;letter-spacing:-.02em}.bonst-hero__body{margin-top:1.6rem;font-size:1.7rem;line-height:1.5;max-width:46rem}.bonst-hero__content--center .bonst-hero__body,.bonst-hero__content--bottom-center .bonst-hero__body{margin-left:auto;margin-right:auto}.bonst-hero__body p{margin:0}.bonst-hero__button{display:inline-flex;align-items:center;margin-top:2.6rem;padding:1.5rem 3.2rem;border-radius:999px;background:#fff;color:#121212;font-size:1.5rem;letter-spacing:.04em;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.bonst-hero__button:hover{transform:translateY(-2px)}.bonst-hero__slide--dark .bonst-hero__button{background:#121212;color:#fff}@media(prefers-reduced-motion:no-preference){.bonst-hero__text>*{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.bonst-hero__slide.is-active .bonst-hero__text>*{opacity:1;transform:none}.bonst-hero__slide.is-active .bonst-hero__text>*:nth-child(2){transition-delay:.1s}.bonst-hero__slide.is-active .bonst-hero__text>*:nth-child(3){transition-delay:.2s}.bonst-hero__slide.is-active .bonst-hero__text>*:nth-child(4){transition-delay:.3s}}.bonst-hero__controls{position:absolute;z-index:3;left:0;right:0;bottom:3.2rem;display:flex;align-items:center;gap:1.6rem}.bonst-hero__dots{display:flex;gap:.8rem}.bonst-hero__dot{position:relative;width:4.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.bonst-hero__dot:before,.bonst-hero__dot-progress{content:"";position:absolute;left:0;top:50%;height:2px;border-radius:2px;transform:translateY(-50%)}.bonst-hero__dot:before{right:0;background:#ffffff73}.bonst-hero__dot-progress{width:0;background:#fff}.bonst-hero__dot.is-active .bonst-hero__dot-progress{width:100%}.bonst-hero[data-autoplay=true]:not(.is-paused) .bonst-hero__dot.is-active .bonst-hero__dot-progress{animation:bonstHeroProgress var(--bonst-hero-speed, 6s) linear forwards}@keyframes bonstHeroProgress{0%{width:0}to{width:100%}}.bonst-hero__pause{width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;display:grid;place-items:center}.bonst-hero__pause-icon{width:8px;height:10px;border-left:2px solid #fff;border-right:2px solid #fff}.bonst-hero.is-paused .bonst-hero__pause-icon{width:0;height:0;border-right:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.bonst-hero__scroll{position:absolute;z-index:3;right:3.2rem;bottom:3rem;width:4.4rem;height:4.4rem;display:grid;place-items:center}.bonst-hero__scroll span{width:12px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}@media(prefers-reduced-motion:no-preference){.bonst-hero__scroll span{animation:bonstHeroBob 2s ease-in-out infinite}}@keyframes bonstHeroBob{0%,to{transform:translateY(-3px) rotate(45deg)}50%{transform:translateY(3px) rotate(45deg)}}.bonst-hero__button:focus-visible,.bonst-hero__dot:focus-visible,.bonst-hero__pause:focus-visible,.bonst-hero__scroll:focus-visible{outline:2px solid #fff;outline-offset:3px}@media screen and (max-width:749px){.bonst-hero{min-height:48rem}.bonst-hero__content{padding-bottom:8rem}.bonst-hero__body{font-size:1.5rem}.bonst-hero__button{width:100%;justify-content:center}.bonst-hero__scroll{display:none}.bonst-hero__controls{bottom:2.4rem}.bonst-hero__content--center-right,.bonst-hero__content--bottom-right{align-items:flex-end;justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-bonst-hero.css.map */