/* The same layered planet and 3.6-second orbit in every rendering adapter. */
.af-brand-planet{position:relative;display:inline-block;width:28px;height:22px;flex:none;color:inherit;vertical-align:middle;isolation:isolate;--af-planet-motion:paused}
.af-brand-planet *{box-sizing:border-box;pointer-events:none}
.af-brand-planet__core{position:absolute;z-index:2;top:50%;left:50%;width:13px;height:13px;border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle at 34% 30%,color-mix(in srgb,currentColor 28%,transparent),#111e16eb 46%,#080d0a 72%);transform:translate(-50%,-50%);box-shadow:inset -2px -2px 5px #000b;animation:af-brand-core 5.2s ease-in-out infinite;animation-play-state:var(--af-planet-motion)}
.af-brand-planet__ring{position:absolute;top:6px;left:1px;width:26px;height:10px;border:1px solid currentColor;border-radius:50%;transform:rotate(-16deg)}
.af-brand-planet__back{z-index:1;opacity:.38;animation:af-brand-back 5.2s ease-in-out infinite;animation-play-state:var(--af-planet-motion)}
.af-brand-planet__front{z-index:4;clip-path:inset(48% -3px -3px -3px);opacity:.95;animation:af-brand-front 5.2s ease-in-out infinite;animation-play-state:var(--af-planet-motion)}
.af-brand-planet__orbit{position:absolute;inset:0;transform:rotate(-16deg);transform-origin:center}
.af-brand-planet__satellite{position:absolute;left:0;top:0;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:currentColor;box-shadow:0 0 3px currentColor,0 0 8px 1px currentColor;offset-path:ellipse(12.6px 4.8px at 14px 11px);offset-distance:0%;offset-rotate:0deg;animation:af-brand-orbit 3.6s linear infinite;animation-play-state:var(--af-planet-motion)}
.af-brand-planet__orbit{animation:af-brand-depth 3.6s step-end infinite;animation-play-state:var(--af-planet-motion)}
html[data-motion=on] .af-brand-planet,.motion-enabled .af-brand-planet,.age-gate:not(.motion-disabled) .af-brand-planet{--af-planet-motion:running}
.motion-disabled .af-brand-planet,html[data-effects-quality=off] .af-brand-planet{--af-planet-motion:paused}
/* The age gate previews its own explicit motion choice before entry. */
html .age-gate:not(.motion-disabled) .af-brand-planet{--af-planet-motion:running}
html .age-gate.motion-disabled .af-brand-planet{--af-planet-motion:paused}
@keyframes af-brand-orbit{0%{offset-distance:0%;opacity:.45;transform:scale(.72)}24%{opacity:.58;transform:scale(.82)}49%{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}75%{opacity:1;transform:scale(1.06)}100%{offset-distance:100%;opacity:.5;transform:scale(.76)}}
@keyframes af-brand-depth{0%,100%{z-index:1}50%{z-index:5}}
@keyframes af-brand-core{0%,100%{transform:translate(-50%,-50%) scale(.97);filter:brightness(.94)}50%{transform:translate(-50%,-50%) scale(1.04);filter:brightness(1.2)}}
@keyframes af-brand-back{0%,100%{transform:rotate(-17.5deg) scaleX(.98);opacity:.32}50%{transform:rotate(-14.5deg) scaleX(1.025);opacity:.48}}
@keyframes af-brand-front{0%,100%{transform:rotate(-17.5deg) scaleX(.98);opacity:.82}50%{transform:rotate(-14.5deg) scaleX(1.025);opacity:1}}

/* The age-gate checkbox owns its preview, independently of site-wide motion. */
.age-gate .af-brand-planet__core{animation:af-brand-core 5.2s ease-in-out infinite!important;animation-play-state:var(--af-planet-motion)!important}
.age-gate .af-brand-planet__back{animation:af-brand-back 5.2s ease-in-out infinite!important;animation-play-state:var(--af-planet-motion)!important}
.age-gate .af-brand-planet__front{animation:af-brand-front 5.2s ease-in-out infinite!important;animation-play-state:var(--af-planet-motion)!important}
.age-gate .af-brand-planet__orbit{animation:af-brand-depth 3.6s step-end infinite!important;animation-play-state:var(--af-planet-motion)!important}
.age-gate .af-brand-planet__satellite{animation:af-brand-orbit 3.6s linear infinite!important;animation-play-state:var(--af-planet-motion)!important}