.team-planets{--d: clamp(92px, min(26vw, 25svh), 220px);--planet-ease: cubic-bezier(.22, 1, .36, 1)}.planet{position:relative;z-index:1}.planet[data-state=active]{z-index:2}@keyframes planet-bob{0%,to{transform:translateY(calc(var(--bob) * -1))}50%{transform:translateY(var(--bob))}}@keyframes planet-sway{0%,to{transform:translate(calc(var(--sway) * -1))}50%{transform:translate(var(--sway))}}.planet-bob{display:block;animation:planet-bob var(--bob-dur) ease-in-out var(--bob-delay) infinite}.planet-sway{display:block;animation:planet-sway var(--sway-dur) ease-in-out var(--sway-delay) infinite}.planet[data-state=active] :is(.planet-bob,.planet-sway){animation-play-state:paused}.planet-body{position:relative;display:block;width:var(--d);height:var(--d);transform-origin:50% 50%;transition:transform .7s var(--planet-ease),filter .5s ease}.planet[data-state=active] .planet-body{transform:scale(1.25)}.planet[data-state=back] .planet-body{transform:scale(.84);filter:blur(2px) brightness(.55) saturate(.7)}.planet-photo{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:9999px;box-shadow:0 0 0 0 transparent;transition:box-shadow .5s ease}picture.planet-photo{background-color:#f1f0eb14}.planet[data-state=active] .planet-photo{box-shadow:0 0 0 1.5px var(--orbit)}.planet-ring{position:absolute;left:50%;top:50%;width:calc(var(--d) * 1.8);height:calc(var(--d) * 1.8);translate:-50% -50%;overflow:visible;pointer-events:none}.planet-ring--back{z-index:0}.planet-ring--front{z-index:2}.planet-moons{position:absolute;inset:0;pointer-events:none}.planet-moon{position:absolute;left:50%;top:50%;opacity:0;will-change:transform,opacity}.planet-caption{transition:transform .7s var(--planet-ease),opacity .5s ease}.planet[data-state=active] .planet-caption{transform:translateY(calc(var(--d) * .13))}.planet[data-state=back] .planet-caption{opacity:.3}@media (prefers-reduced-motion: reduce){:is(.planet-bob,.planet-sway){animation:none}:is(.planet-body,.planet-caption,.planet-photo){transition-duration:1ms}}