@layer components{.c-animated-logo{--logo-width:clamp(122px,5.66vw + 6.29rem,190px);align-items:center;display:flex;flex-direction:column;position:relative;row-gap:30px}.c-animated-logo__logo-container{background-color:#fff;display:block;height:auto;max-width:var(--logo-width);min-width:var(--logo-width);transition:1s ease-in-out;transition-delay:1s;transition-property:left,transform;width:var(--logo-width);z-index:2}.c-animated-logo__logo-container svg{display:block;height:auto;width:100%}.c-animated-logo:has(.c-animated-logo__heading-detector.is-visible) .c-animated-logo__heading>*{--transform-amount:0}.c-animated-logo__heading{clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(20%);transition-duration:.9s;transition-property:clip-path,transform}.c-animated-logo:has(.c-animated-logo__heading-detector.is-visible) .c-animated-logo__heading{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0)}.c-animated-logo__heading>*{--transform-amount:0}.c-animated-logo__heading strong{color:var(--brand-royal-blue);font-weight:var(--font-weight-regular)}}