.sl{--disc:5.5rem}.sl-svg{display:none}.sl-base,.sl-draw{fill:none;stroke-width:1.5}.sl-base{stroke:rgb(255 255 255/.1)}.sl-draw{stroke:var(--gold);stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgb(217 164 65/.55))}.sl-track{position:absolute;top:calc(var(--disc) / 2);bottom:0;left:calc(var(--disc) / 2 - .5px);width:1px;background:rgb(255 255 255/.1)}.sl-fill{position:absolute;inset:0;background:var(--gold);box-shadow:0 0 6px rgb(217 164 65/.55);transform-origin:50% 0}.sl-list{position:relative;display:grid;gap:3rem}.sl-st{display:grid;grid-template-columns:var(--disc) minmax(0,1fr);gap:1.25rem;align-items:start}.sl-obj{width:var(--disc);height:var(--disc)}.sl-disc,.sl-obj{position:relative}.sl-disc{z-index:1;display:grid;width:100%;height:100%;place-items:center;border:1px solid color-mix(in oklab,var(--gold) 55%,transparent);border-radius:50%;background:var(--background);color:var(--foreground);transition:opacity .7s var(--ease-out-strong),filter .7s var(--ease-out-strong),translate .7s var(--ease-out-strong),border-color .7s var(--ease-out-strong)}.sl-floor{position:absolute;top:100%;left:50%;width:9rem;height:2.5rem;translate:-50% -45%;background:radial-gradient(closest-side,rgb(255 255 255/.12),transparent)}.sl-copy,.sl-floor{transition:opacity .7s var(--ease-out-strong)}.sl-copy{padding-top:.5rem}@media (min-width:768px){.sl-svg{position:absolute;top:calc(var(--disc) / 2 - 5rem);left:0;display:block;width:100%;height:10rem;overflow:visible;pointer-events:none}.sl-track{display:none}.sl-list{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2rem}.sl-st{display:flex;flex-direction:column;align-items:center;text-align:center}.sl-copy{padding-top:2rem}}.sl[data-anim] .sl-st:not([data-on=true]) .sl-disc{border-color:rgb(255 255 255/.14);opacity:.22;filter:brightness(.45);translate:0 10px}.sl[data-anim] .sl-st:not([data-on=true]) .sl-floor{opacity:0}.sl[data-anim] .sl-st:not([data-on=true]) .sl-copy{opacity:.35}.arch-frame{clip-path:inset(0 0 0 0 round 999px 999px 28px 28px)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.arch-frame{clip-path:inset(62% 0 0 0 round 999px 999px 28px 28px)}}