/* Hero: the Onads brand video (logo ball reveals the tagline), centred, with the CTA after it */
.hero{min-height:min(90vh,860px);display:flex;align-items:center}
.hero .hero-grid{grid-template-columns:1fr;text-align:center;justify-items:center;width:100%}
.hero-video-wrap{position:relative;width:100vw;max-width:2200px;margin-left:calc(50% - 50vw);aspect-ratio:1920/800;overflow:hidden}
@media (min-width:2200px){.hero-video-wrap{margin-left:calc(50% - 1100px)}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;mix-blend-mode:screen}
.hero .hero-actions{justify-content:center;margin-top:clamp(-230px,-12vw,-90px);position:relative;z-index:2}
.hero.vid .hero-actions>*{animation:popin .7s cubic-bezier(.2,.9,.3,1.35) forwards}
.hero.vid .hero-actions>*:nth-child(1){animation-delay:2.5s}
.hero.vid .hero-actions>*:nth-child(2){animation-delay:2.65s}
@media (max-width:700px){.hero-video-wrap{aspect-ratio:1920/900}.hero .hero-actions{margin-top:-20px}}
@media (prefers-reduced-motion:reduce){.hero.vid .hero-actions>*{animation:none;opacity:1;transform:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}