.spot-stage{position:relative}.spot-beam{display:none}.spot-line,.spot-point{align-content:center;min-height:36svh;display:grid}.spot-icon{color:var(--color-brand-light);background:var(--color-blush);border-color:#d9383180}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.spot-beam{z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 17% at 50% 50%, #ffecc81f, transparent 74%), linear-gradient(to bottom, var(--color-paper) 0%, #0a0a0a00 28%, #0a0a0a00 72%, var(--color-paper) 100%);height:100svh;margin-bottom:-100svh;display:block;position:sticky;top:0}.spot-line,.spot-point{animation:linear both spot-lit;animation-timeline:view();animation-duration:auto;animation-range:cover 20% cover 80%}.spot-icon{animation:linear both spot-icon;animation-timeline:view();animation-duration:auto;animation-range:cover 20% cover 80%}@keyframes spot-lit{0%,to{opacity:.14;text-shadow:0 0 #ffe8be00}38%,62%{opacity:1;text-shadow:0 0 2.5rem #ffe8be42}}@keyframes spot-icon{0%,to{color:var(--color-graphite);background:0 0;border-color:#f5f5f51a;scale:.88;box-shadow:0 0 #d9383100}38%,62%{color:var(--color-brand-light);background:var(--color-blush);border-color:#d9383199;scale:1;box-shadow:0 0 3.5rem .25rem #d9383166}}}}