/* Isolated sunshine study: the approved logo pixels are never altered. */
.rainbow-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.arrival-header .brand-image{overflow:visible}
#header-brand-image{position:relative;z-index:1;transform-origin:50% 70%}
.sunshine-rays{position:absolute;width:148%;height:148%;left:-24%;top:-24%;opacity:0;transform:scale(.76) rotate(-8deg);transition:opacity .25s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.brand-image:is(:hover,:focus-visible) .sunshine-rays,.brand-image.sunshine-active .sunshine-rays{opacity:.88;transform:scale(1) rotate(0)}
.brand-image:is(:hover,:focus-visible) #header-brand-image{animation:badge-wiggle .7s ease both}
@keyframes badge-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}55%{transform:rotate(3deg)}80%{transform:rotate(-1.5deg)}}
.sunshine-name{position:relative;display:inline;--sunshine-amount:0;color:rgba(53,34,61,calc(1 - var(--sunshine-amount)));background:linear-gradient(110deg,#b92264 4%,#c55a1d 24%,#97800f 42%,#087c7e 64%,#7740a6 86%);background-clip:text;-webkit-background-clip:text}
#landing-pronounce{transition:color .25s ease}
.sunshine-lettering #landing-pronounce{color:#087c7e}
@media(prefers-reduced-motion:reduce){.brand-image:is(:hover,:focus-visible) #header-brand-image{animation:none}.sunshine-rays{transition:none;transform:none}.brand-image:is(:hover,:focus-visible) .sunshine-rays,.brand-image.sunshine-active .sunshine-rays{transform:none}#landing-pronounce{transition:none}}
/* Review polish: a single comic launch, without altering the logo image. */
.brand-image.sunshine-active #header-brand-image{animation:rainbow-launch .34s ease both}
@keyframes rainbow-launch{0%,100%{transform:scale(1) rotate(0)}32%{transform:scale(1.055,.92) rotate(-3deg)}65%{transform:scale(.97,1.045) rotate(2deg)}}
.sunshine-name{--sunshine-reveal:0%;background-image:linear-gradient(90deg,transparent calc(var(--sunshine-reveal) - 5%),#35223d calc(var(--sunshine-reveal) + 5%)),linear-gradient(110deg,#b92264 4%,#c55a1d 24%,#97800f 42%,#087c7e 64%,#7740a6 86%)}
@media(prefers-reduced-motion:reduce){.brand-image.sunshine-active #header-brand-image{animation:none}}