.hero{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;position:relative;top:calc(var(--headerHeight)*-1)}.hero>*{grid-column:1/2}.hero .heroVideo{grid-row:1/4;margin:0 auto;transform-origin:center center}@media (min-aspect-ratio:1){.hero .heroVideo{xx-height:56vw;xx-max-height:calc(var(--vh)*90)}}.hero .heroText{color:#fff;grid-row:2/3;max-width:80%;padding:0 var(--siteMargin);text-wrap:balance;z-index:1}.hero .heroArrowWrapper{grid-row:-2/-1}