.cinematic-hero{position:relative;overflow:hidden}.cinematic-hero__viewport{overflow:hidden;position:relative}.cinematic-hero__track{display:flex;will-change:transform;cursor:grab}.cinematic-hero__slide{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;height:60vh;overflow:hidden;padding:0 5%;min-width:100%;flex:0 0 100%}.cinematic-hero__track.is-dragging{cursor:grabbing}.cinematic-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:scale(3.15);transition:transform .8s ease;will-change:transform}.cinematic-hero__slide{overflow:hidden}.cinematic-hero__bg img{width:100%;height:100%}.cinematic-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0003,#0009)}.cinematic-hero__media{position:relative;z-index:2;max-width:520px;transition:transform .6s ease,opacity .6s ease;padding:var(--space-6)}.cinematic-hero__media--left,.cinematic-hero__media--right{justify-self:center}.cinematic-hero__media img{max-height:50vh;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.cinematic-hero__content{position:relative;z-index:3;max-width:600px;padding:80px 40px}.cinematic-hero__text-align--left{text-align:left}.cinematic-hero__text-align--center{text-align:center}.cinematic-hero__text-align--right{text-align:right}.cinematic-hero__align--left{justify-self:start}.cinematic-hero__align--center{justify-self:center}.cinematic-hero__align--right{justify-self:start}.cinematic-hero__text-align--left .cinematic-hero__buttons{justify-content:flex-start}.cinematic-hero__text-align--center .cinematic-hero__buttons{justify-content:center}.cinematic-hero__text-align--right .cinematic-hero__buttons{justify-content:flex-end}.cinematic-hero__title{font-size:clamp(32px,4vw,56px);margin-bottom:16px;letter-spacing:-.02em}.cinematic-hero__text{opacity:.9;margin-bottom:24px}.cinematic-hero__buttons{display:flex;gap:12px;flex-wrap:wrap}.cinematic-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border:none;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cinematic-hero__nav.prev{left:16px}.cinematic-hero__nav.next{right:16px}@media(max-width:500px){.cinematic-hero__content{text-align:center!important}.cinematic-hero__nav{top:90%;background:#ffffff73}.cinematic-hero__slide{grid-template-columns:1fr}.cinematic-hero__media,.cinematic-hero__media img{display:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-hero-carousel.css.map */