/* Desktop homepage polish. Mobile review remains separate. */
.circle-inner h2 .circle-pop{color:inherit}.circle-inner h2 .circle-pop:last-child{color:var(--yellow)}
#life-title .mission-desktop{display:none}
@media(min-width:821px){
 #life-title .mission-mobile{display:none}
 #life-title .mission-desktop{display:inline;color:inherit}
 #life-title .mission-desktop strong{font-weight:inherit;color:#b83410}
 .circle-inner h2 .circle-pop{display:inline-block;color:inherit;transform-origin:left bottom}
 .circle-inner h2 .circle-pop:last-child{color:var(--yellow)}
 .circle-inner .circle-join{position:relative;isolation:isolate}
 .circle-inner .circle-join::after{content:"";position:absolute;inset:-5px;border:2px solid var(--yellow);border-radius:inherit;pointer-events:none;opacity:0}
}
@media(min-width:821px) and (prefers-reduced-motion:no-preference){
 .circle-section.circle-entered .circle-pop{animation:circle-pop-in 620ms both}
 .circle-section.circle-entered .circle-pop:nth-of-type(2){animation-delay:140ms}
 .circle-section.circle-entered .circle-pop:nth-of-type(3){animation-delay:280ms}
 .circle-section.circle-entered .circle-doodle{animation:circle-star-in 800ms 300ms both}
 .circle-section.circle-entered .circle-join::after{animation:circle-join-pulse 1400ms 950ms 2}
}
@keyframes circle-pop-in{0%{opacity:0;transform:translateY(16px) scale(.94)}65%{opacity:1;transform:translateY(-4px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes circle-star-in{0%{opacity:0;transform:rotate(-74deg) scale(.55)}70%{opacity:1;transform:rotate(24deg) scale(1.08)}100%{opacity:1;transform:rotate(16deg) scale(1)}}
@keyframes circle-join-pulse{0%{opacity:0;transform:scale(1)}20%{opacity:.55}100%{opacity:0;transform:scale(1.14,1.35)}}
