*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#000}.hero{position:relative;display:grid;place-items:center;width:min(100%,1800px);min-height:100vh;margin-inline:auto;overflow:hidden;isolation:isolate;background:#000}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.35)}.hero__video{position:absolute;inset:-100px;z-index:-2;width:calc(100% + 100px*2);height:calc(100% + 100px*2);object-fit:cover;opacity:0;transition:opacity 1.2s ease}@media(orientation: portrait){.hero__video{inset:0 auto auto 50%;width:160%;height:auto;transform:translateX(-50%);object-fit:contain;object-position:center top}}@media(orientation: portrait)and (max-aspect-ratio: 9/10){.hero__video{width:180%}}@media(orientation: portrait)and (max-aspect-ratio: 3/4){.hero__video{width:210%}}@media(orientation: portrait)and (max-aspect-ratio: 2/3){.hero__video{width:240%}}@media(orientation: portrait)and (max-aspect-ratio: 9/16){.hero__video{width:275%}}.hero__content{position:absolute;inset:0;z-index:1;width:min(100%,1920px);margin-inline:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(.75rem,2vw,2rem);text-align:center;color:#fff}.hero__group{display:grid;place-items:center;gap:clamp(1rem,2.5vh,2rem);width:100%}.hero__group--top{gap:clamp(.35rem,.85vh,.7rem)}.hero__image{display:block;width:auto;max-width:min(90vw,420px,100%);max-height:16vh;height:auto;opacity:0;transform:translateY(3rem);transition:opacity .9s ease,transform .9s ease}.hero__image--logo{width:clamp(48px,4vw,82px)}.hero__image--icons{max-width:min(90vw,560px,100%);max-height:21vh}.hero__flash{position:absolute;inset:0;z-index:2;pointer-events:none;background:#fff;opacity:0}.hero__button{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:clamp(210px,18vw,320px);padding:clamp(1rem,1.4vw,1.35rem) clamp(2rem,3vw,3.5rem);border:2px solid #fff;color:#fff;background:rgba(0,0,0,0);font-size:clamp(1rem,1.2vw,1.35rem);font-weight:600;line-height:1;letter-spacing:.18em;text-decoration:none;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(2rem);transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .8s ease,transform .8s ease}.hero__button:hover,.hero__button:focus-visible{border-color:#fff;color:#000;background:#fff}.hero__button:focus-visible{outline:2px solid #fff;outline-offset:4px}.hero--video-ready .hero__video{opacity:1}.hero--content-visible .hero__image{opacity:1;transform:translateY(0)}.hero--content-visible .hero__group--top .hero__image:nth-child(1){transition-delay:0s}.hero--content-visible .hero__group--top .hero__image:nth-child(2){transition-delay:.25s}.hero--content-visible .hero__group--top .hero__image:nth-child(3){transition-delay:.5s}.hero--content-visible .hero__group--top .hero__image:nth-child(4){transition-delay:.75s}.hero--content-visible .hero__group--bottom .hero__image--icons{transition-delay:1s}.hero--content-visible .hero__group--bottom .hero__image:nth-of-type(2){transition-delay:1.25s}.hero--content-visible .hero__group--bottom .hero__image:nth-of-type(3){transition-delay:1.5s}.hero--flash .hero__flash{animation:lightning-flash .9s linear both}.hero--video-ended .hero__button{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes lightning-flash{0%,18%,35%,100%{opacity:0}8%,24%{opacity:.95}28%{opacity:.55}}