/* Only the C moves. Full approved lockup remains immediately visible without JS. */
.chloe-logo-lockup{position:relative;display:block;aspect-ratio:10/3;line-height:0;isolation:isolate;perspective:600px}
.chloe-logo-lockup>.chloe-logo-base{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain;animation:none!important;transform:none!important;filter:none!important}
.chloe-logo-symbol{position:absolute;inset:0 auto 0 0;width:30%;height:100%;transform-origin:52% 50%;pointer-events:none;transform-style:preserve-3d}
.chloe-logo-symbol[hidden]{display:none!important}
.chloe-logo-lockup .chloe-logo-symbol img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;margin:0!important;animation:none!important;transform:none!important;filter:none!important}
.chloe-logo-lockup.is-logo-enhanced>.chloe-logo-base{clip-path:inset(0 0 0 30%)}
.chloe-logo-lockup[data-logo-reveal="playing"]>.chloe-logo-symbol{animation:chloe-c-reveal 2400ms cubic-bezier(.2,.72,.23,1) 1 both}
.chloe-logo-lockup[data-logo-variant="welcome"][data-logo-reveal="playing"]>.chloe-logo-symbol{animation-duration:3000ms}
.chloe-logo-lockup[data-logo-variant="welcome"]>.chloe-logo-symbol::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.32) 50%,transparent 60%);background-size:250% 100%;mask:url('/assets/chloe-c-sculpted.svg?v=1') center/contain no-repeat}
.chloe-logo-lockup[data-logo-variant="welcome"][data-logo-reveal="playing"]>.chloe-logo-symbol::after{animation:chloe-c-light 3000ms ease 1 both}
@keyframes chloe-c-light{0%{opacity:0;background-position:100% 0}20%{opacity:1}80%{opacity:1}100%{opacity:0;background-position:0 0}}
@keyframes chloe-c-reveal{0%{transform:rotateY(-24deg) rotateX(9deg) rotateZ(-4deg)}45%{transform:rotateY(11deg) rotateX(-3deg) rotateZ(1deg)}100%{transform:rotateY(0) rotateX(0) rotateZ(0)}}
@media(max-width:820px){.chloe-logo-lockup[data-logo-reveal="playing"]>.chloe-logo-symbol,.chloe-logo-lockup[data-logo-variant="welcome"][data-logo-reveal="playing"]>.chloe-logo-symbol,.chloe-logo-lockup[data-logo-variant="welcome"][data-logo-reveal="playing"]>.chloe-logo-symbol::after{animation-duration:1800ms}}
@media(prefers-reduced-motion:reduce){.chloe-logo-lockup>.chloe-logo-symbol,.chloe-logo-lockup>.chloe-logo-symbol::after{animation:none!important;transform:none!important;opacity:0!important}}
@media print,(forced-colors:active){.chloe-logo-lockup>.chloe-logo-symbol{display:none!important}.chloe-logo-lockup.is-logo-enhanced>.chloe-logo-base{clip-path:none!important}}