.hero__video{position:relative;width:100%;height:0;padding-bottom:125%;overflow:hidden}.hero__video-container,.hero__video .gradient-overlay{position:absolute;width:100%;height:100%;display:block;top:0;left:0;right:0;bottom:0}.hero__video-container{opacity:0;animation:fade forwards;animation-duration:.5s;animation-delay:.5s}.hero__video video{position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);object-fit:cover;border:0}.hero__content{position:absolute;width:100%;text-align:center;gap:var(--m);display:flex;flex-direction:column;align-items:center}.hero__content.top{top:0;transform:translateY(0)}.hero__content.middle{top:50%;transform:translateY(-50%)}.hero__content.bottom{top:100%;transform:translateY(-100%)}.hero__content h1,.hero__content .title,.hero__content .atheltica-button{opacity:1}.hero__content.animation-enabled h1,.hero__content.animation-enabled .title,.hero__content.animation-enabled .atheltica-button{opacity:0;animation:fade forwards .5s;letter-spacing:.5em}.hero__content.animation-enabled h1{animation-delay:1s}.hero__content.animation-enabled .title{animation:letterSpacingAnimation forwards ease-out 4s 1s;animation-timing-function:cubic-bezier(.22,1,.36,1);-webkit-transform:translateZ(0)}.hero__content.animation-enabled .atheltica-button{animation-delay:1.5s}@keyframes fade{0%{opacity:0}to{opacity:1}}.hero__video .title{font-size:1rem;font-weight:400;text-transform:uppercase;margin-right:-1.8rem;text-align:center}@keyframes letterSpacingAnimation{0%{letter-spacing:0}20%{opacity:1}to{letter-spacing:1.8rem;opacity:1}}@media screen and (min-width: 769px){.hero__video{padding-bottom:30%}.hero__content h1{font-size:2rem}.hero__video .title{font-size:1.25rem;margin-right:-2.5rem}@keyframes letterSpacingAnimation{0%{letter-spacing:0}20%{opacity:1}to{letter-spacing:2.5rem;opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-intus-hero-video.css.map */