/* Motion is scoped to interactions. Content is visible before scripts run. */
:root{--civic-motion-ease:cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:civic-page-out 140ms var(--civic-motion-ease) both}
 ::view-transition-new(root){animation:civic-page-in 240ms var(--civic-motion-ease) both}
 .landing-visual{animation:civic-cover-in 700ms var(--civic-motion-ease) both}
 .landing-copy>*{animation:civic-copy-in 600ms var(--civic-motion-ease) both}
 .landing-copy>:nth-child(2){animation-delay:55ms}
 .landing-copy>:nth-child(3){animation-delay:105ms}
 .landing-copy>:nth-child(4){animation-delay:155ms}
 .landing-copy>:nth-child(5){animation-delay:195ms}
 .world-atlas[data-motion-atlas="arrived"]:not([data-paused="true"]) .world-geography [data-motion-region]{
  animation:civic-map-ink 650ms var(--civic-motion-ease) var(--civic-map-delay,0ms) both
 }
 .world-atlas[data-motion-atlas="arrived"]:not([data-paused="true"]) .world-markers{
  animation:civic-page-in 500ms var(--civic-motion-ease) 210ms both
 }
 .ec-election-card .ec-card-arrow,.landing-action span{display:inline-block;transition:transform 300ms var(--civic-motion-ease)}
 .ec-election-card:is(:hover,:focus-visible) .ec-card-arrow,.landing-action:is(:hover,:focus-visible) span{transform:translate(3px,-3px)}
 .piq-global-nav details[open] .dropdown{animation:civic-menu-in 220ms var(--civic-motion-ease) both}
}
@keyframes civic-page-out{to{opacity:.25}}
@keyframes civic-page-in{from{opacity:.35}to{opacity:1}}
@keyframes civic-cover-in{from{opacity:.45;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes civic-copy-in{from{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes civic-map-ink{from{opacity:.22}to{opacity:1}}
@keyframes civic-menu-in{from{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:none}}