@layer components{.year-numeral{font-family:var(--font-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(5rem,21vw,17rem);font-weight:900;line-height:.8}.year-outline{color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--color-blue-300) 45%, transparent)}@media (min-width:768px){.year-outline{-webkit-text-stroke-width:3px}}.year-slide{opacity:0;transition:opacity .62s var(--ease-out-strong), transform .62s var(--ease-out-strong)}.year-slide[data-state=current]{opacity:1;transform:none}.year-slide[data-state=next]{transform:translateY(24%)}.year-slide[data-state=past]{transform:translateY(-24%)}.year-tick{color:color-mix(in srgb, var(--color-blue-300) 55%, transparent);transition:color .4s var(--ease-out-strong), transform .4s var(--ease-out-strong)}.year-tick[data-current]{color:var(--color-emerald);transform:translate(-.5rem)}@media (prefers-reduced-motion:reduce){.year-slide,.year-tick{transition:none}.year-slide[data-state=next],.year-slide[data-state=past]{transform:none}}}