:root{--animation-total-duration:5.5s;--circInOut-easing:cubic-bezier(0.785,0.135,0.15,0.86);--default-active-easing:var(--circInOut-easing);--delay-segment-easing:linear;--overlay-fade-in-delay:var(
    --animation-total-duration
  );--overlay-fade-in-duration:0.5s;--text-overlay-fade-in-delay:var(
    --animation-total-duration
  );--text-overlay-fade-in-duration:0.3s}.first-section-wrapper{width:100%;height:100vh;background-color:black;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1000}.first-section-wrapper.animation-ended{z-index:0}.expanding-container{position:absolute;background-color:black;inset:50%;animation-duration:var(--animation-total-duration);animation-fill-mode:forwards}.first-section-wrapper.animation-started .expanding-container{animation-name:expandAnimLarge}.background-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.semi-transparent-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:20;opacity:0}.first-section-wrapper.animation-started .semi-transparent-overlay{animation:fadeInOverlay var(--overlay-fade-in-duration) ease-out var(--overlay-fade-in-delay) forwards}.text-overlay-wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:30;opacity:0;transform:translateY(40px)}.first-section-wrapper.animation-started .text-overlay-wrapper{animation:fadeInUpText var(--text-overlay-fade-in-duration) ease-out var(--text-overlay-fade-in-delay) forwards}.text-overlay-content{font-size:1.5rem;line-height:2rem;color:white;text-align:center;width:50%;max-width:42rem}@keyframes expandAnimLarge{0%{inset:50%;animation-timing-function:var(--delay-segment-easing)}12%{inset:50%;animation-timing-function:var(--default-active-easing)}24%{inset:calc((100vh - 150px) / 2) calc((100vw - 180px) / 2);animation-timing-function:var(--delay-segment-easing)}26%{inset:calc((100vh - 150px) / 2) calc((100vw - 180px) / 2);animation-timing-function:var(--default-active-easing)}38%{inset:calc((100vh - 220px) / 2) calc((100vw - 220px) / 2);animation-timing-function:var(--delay-segment-easing)}42%{inset:calc((100vh - 220px) / 2) calc((100vw - 220px) / 2);animation-timing-function:var(--default-active-easing)}55%{inset:calc((100vh - 270px) / 2) calc((100vw - 350px) / 2);animation-timing-function:var(--delay-segment-easing)}58%{inset:calc((100vh - 270px) / 2) calc((100vw - 350px) / 2);animation-timing-function:var(--default-active-easing)}71%{inset:calc((100vh - 360px) / 2) calc((100vw - 410px) / 2);animation-timing-function:var(--delay-segment-easing)}80%{inset:calc((100vh - 360px) / 2) calc((100vw - 410px) / 2);animation-timing-function:var(--default-active-easing)}to{inset:0}}@keyframes expandAnimSmall{0%{inset:50%;animation-timing-function:var(--delay-segment-easing)}12%{inset:50%;animation-timing-function:var(--default-active-easing)}22%{inset:calc((100vh - (150px * .7)) / 2) calc((100vw - (180px * .7)) / 2);animation-timing-function:var(--delay-segment-easing)}26%{inset:calc((100vh - (150px * .7)) / 2) calc((100vw - (180px * .7)) / 2);animation-timing-function:var(--default-active-easing)}38%{inset:calc((100vh - (230px * .7)) / 2) calc((100vw - (220px * .7)) / 2);animation-timing-function:var(--delay-segment-easing)}42%{inset:calc((100vh - (230px * .7)) / 2) calc((100vw - (220px * .7)) / 2);animation-timing-function:var(--default-active-easing)}55%{inset:calc((100vh - (350px * .7)) / 2) calc((100vw - (270px * .7)) / 2);animation-timing-function:var(--delay-segment-easing)}58%{inset:calc((100vh - (350px * .7)) / 2) calc((100vw - (270px * .7)) / 2);animation-timing-function:var(--default-active-easing)}71%{inset:calc((100vh - (450px * .7)) / 2) calc((100vw - (360px * .7)) / 2);animation-timing-function:var(--delay-segment-easing)}80%{inset:calc((100vh - (450px * .7)) / 2) calc((100vw - (360px * .7)) / 2);animation-timing-function:var(--default-active-easing)}to{inset:0}}@keyframes fadeInOverlay{to{opacity:1}}@keyframes fadeInUpText{to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.first-section-wrapper.animation-started .expanding-container{animation-name:expandAnimSmall}.text-overlay-content{font-size:1.25rem;line-height:1.75rem}}@media (min-width:640px) and (max-width:767px){.text-overlay-content{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.text-overlay-content{font-size:2.25rem;line-height:2.5rem}}