.hero-movie{position:relative;width:100%;overflow:hidden;color:var(--sabera-white)}.hero-movie--scroll-expand{overflow:visible}.hero-movie__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-movie__frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-movie__media,.hero-movie__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-movie__media{z-index:0}.hero-movie__overlay{z-index:1;pointer-events:none}.hero-movie__video,.hero-movie__image,.hero-movie__placeholder{width:100%;height:100%;object-fit:cover}.hero-movie__placeholder{background-image:linear-gradient(180deg,#1a1a1a,#2c2c2c)}.hero-movie:not(.hero-movie--scroll-expand) .hero-movie__stage{min-height:inherit}.hero-movie--scroll-expand .hero-movie__stage{position:sticky;inset:auto;top:0;height:100vh;background-color:var(--sabera-bg-soft)}.hero-movie--scroll-expand .hero-movie__frame{width:100%;height:100%;clip-path:inset(18% 28% round 3.2rem);will-change:clip-path}@supports (animation-timeline: view()){.hero-movie--scroll-expand{view-timeline-name:--sabera-hero-movie;view-timeline-axis:block}.hero-movie--scroll-expand .hero-movie__frame{animation:sabera-hero-expand linear both;animation-timeline:--sabera-hero-movie;animation-range:entry 100% cover 50%}.hero-movie--scroll-expand .hero-movie__content{opacity:0;transform:translateY(2.4rem);animation:sabera-hero-text-fade linear both;animation-timeline:--sabera-hero-movie;animation-range:cover 50% exit 0%;will-change:opacity,transform}@keyframes sabera-hero-expand{0%{clip-path:inset(18% 28% round 3.2rem)}to{clip-path:inset(0 0 round 0)}}@keyframes sabera-hero-text-fade{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-movie--scroll-expand .hero-movie__frame{clip-path:none;animation:none}.hero-movie--scroll-expand .hero-movie__content{opacity:1;transform:none;animation:none}.hero-movie--scroll-expand .hero-movie__stage{position:relative;height:auto;min-height:var(--hero-movie-stage-mobile)}@media screen and (min-width:750px){.hero-movie--scroll-expand .hero-movie__stage{min-height:var(--hero-movie-stage-desktop)}}}}@supports not (animation-timeline: view()){.hero-movie--scroll-expand .hero-movie__content{opacity:1;transform:none}}@supports not (animation-timeline: view()){.hero-movie--scroll-expand .hero-movie__frame{clip-path:inset(8% 12% round 2.4rem)}}@media screen and (max-width:749px){.hero-movie--scroll-expand .hero-movie__frame{clip-path:inset(20% 12% round 2.4rem)}@supports (animation-timeline: view()){@keyframes sabera-hero-expand{0%{clip-path:inset(20% 12% round 2.4rem)}to{clip-path:inset(0 0 round 0)}}}@supports not (animation-timeline: view()){.hero-movie--scroll-expand .hero-movie__frame{clip-path:inset(10% 6% round 2rem)}}}.hero-movie__content{position:relative;z-index:2;text-align:center;max-width:880px;padding:4rem 2rem;display:flex;flex-direction:column;gap:1.6rem;filter:drop-shadow(0 0 8px rgba(38,38,38,.8))}.hero-movie__heading{margin:0;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--sabera-bg-soft)}.hero-movie__body{font-size:1.8rem;font-weight:500;line-height:1.7;color:var(--sabera-bg-soft)}.hero-movie__body p{margin:0}@media screen and (min-width:750px){.hero-movie__content{gap:2rem;filter:none}.hero-movie__heading{font-size:3.6rem}.hero-movie__body{font-size:1.5rem;font-weight:400}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-movie.css.map */