@layer components.scrolltransforminglogo{.hero-logo-container{width:100%;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;overflow-x:clip;height:calc(100dvh - 8rem)}@media only screen and (max-width:576px){.hero-logo-container{height:calc(100dvh - 4rem)}}.hero-logo-container .logo-wrapper{will-change:transform,opacity;transform-origin:center center}.hero-logo-container .logo-wrapper.animating{z-index:100;transition:transform 1s ease-in,opacity .3s linear}.hero-logo-container .logo-wrapper.blown-up:not(.reset){opacity:0}.hero-logo-container .logo-wrapper.blown-up{transform:translateY(calc(-40dvh + 50%)) scale(2)}@media (max-aspect-ratio:4/3){.hero-logo-container .logo-wrapper.blown-up{transform:translateY(calc(-50dvh + 50%)) scale(4)}}.hero-logo-container+section>.container{padding-top:0!important}}