*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition-slow),color var(--transition-slow)}
img,video{display:block;max-width:100%}
button{cursor:pointer;font-family:inherit;border:none;background:none}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.skip-link{position:absolute;top:-100%;left:0;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-weight:700;z-index:9999}
.skip-link:focus{top:0}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}
@keyframes bounce-y{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
@keyframes spin{to{transform:rotate(360deg)}}
/* Ticker / marquee */
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}