/* The entrance wrapper and the scroll transforms animate independently. */
.logo-entrance{position:absolute;inset:0;pointer-events:none}
.logo-animated .logo-entrance{animation:blisshki-logo-enter 1450ms cubic-bezier(.16,1,.3,1) both}
.logo-animated .monogram{transform:translate(-50%,-50%) translateY(var(--logo-lift,0px)) rotate(calc(-12deg + var(--logo-turn,0deg))) skewY(-5deg) scale(var(--logo-scale,1));will-change:transform}
.logo-animated .orbit-one{transform:translate(-50%,-50%) rotate(calc(-30deg + var(--orbit-turn,0deg))) scale(var(--orbit-scale,1))}
.logo-animated .orbit-two{transform:translate(-50%,-50%) rotate(calc(-30deg - var(--orbit-turn,0deg))) scale(var(--orbit-scale,1))}
.logo-animated .orbit-three{transform:translate(-50%,-50%) rotate(calc(30deg + var(--orbit-turn,0deg))) scale(var(--orbit-scale,1))}
.logo-animated .orbit{animation:blisshki-orbit-enter 1800ms cubic-bezier(.16,1,.3,1) both}
.logo-animated .floating-label{translate:0 var(--label-lift,0px);animation:blisshki-detail-enter 1200ms 350ms both}
.logo-animated .star-one{translate:0 var(--star-lift,0px);rotate:var(--star-turn,0deg);animation:blisshki-detail-enter 1400ms 200ms both}
.logo-animated .star-two{translate:0 var(--label-lift,0px);rotate:var(--star-turn,0deg);animation:blisshki-detail-enter 1400ms 450ms both}
.logo-animated:not(.logo-entered) .logo-entrance,.logo-animated:not(.logo-entered) .orbit,.logo-animated:not(.logo-entered) .floating-label,.logo-animated:not(.logo-entered) .art-star{animation-play-state:paused}
@keyframes blisshki-logo-enter{from{opacity:0;transform:translateY(55px) scale(.78) rotate(-19deg);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}}
@keyframes blisshki-orbit-enter{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@keyframes blisshki-detail-enter{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.logo-animated .logo-entrance,.logo-animated .orbit,.logo-animated .floating-label,.logo-animated .art-star{animation:none}.logo-animated .monogram{transform:translate(-50%,-50%) rotate(-12deg) skewY(-5deg);will-change:auto}.logo-animated .orbit-one,.logo-animated .orbit-two{transform:translate(-50%,-50%) rotate(-30deg)}.logo-animated .orbit-three{transform:translate(-50%,-50%) rotate(30deg)}.logo-animated .floating-label,.logo-animated .art-star{translate:none;rotate:none}}