.hero{width:100%;height:100vh;min-height:var(--size-2xl);background-color:var(--color-deep-blue);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__video{z-index:var(--z-deco);object-fit:cover;width:100%;height:100%;min-inline-size:0;position:absolute;inset:0}.hero__scrim{z-index:var(--z-deco);background:var(--hero-scrim);position:absolute;inset:0}.hero__bubbles{z-index:var(--z-deco);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__content{z-index:var(--z-content);text-align:center;align-items:center;gap:calc(var(--spacing) * 6);padding-inline:calc(var(--spacing) * 4);flex-direction:column;display:flex;position:relative}.hero__logo{width:calc(var(--spacing) * 75);height:auto}@media (max-width:767px){.hero__logo{width:calc(var(--spacing) * 50)}}.hero__title{color:var(--color-white);font-family:var(--font-heading);font-weight:500;font-size:var(--heading-lg);letter-spacing:.01em;text-transform:uppercase;text-shadow:-2px -2px 0 var(--color-deep-blue), 2px -2px 0 var(--color-deep-blue), -2px 2px 0 var(--color-deep-blue), 2px 2px 0 var(--color-deep-blue), 4px 4px 0 var(--color-deep-blue);margin:0;line-height:1.1}.hero__logo,.hero__title,.hero__content .btn{animation:.8s cubic-bezier(.33,1,.68,1) backwards hero-rise}.hero__logo{animation:hero-rise .8s cubic-bezier(.33, 1, .68, 1) backwards, hero-float 2.5s var(--ease-sine) 1s infinite alternate}.hero__title{animation-delay:.16s}.hero__content .btn{animation-delay:.32s}@keyframes hero-rise{0%{opacity:0;translate:0 24px}}@keyframes hero-float{to{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero__logo,.hero__title,.hero__content .btn{animation:none}}