@import url('./tokens.css');
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
a{color:inherit;text-underline-offset:5px}button,a,input,textarea,select{touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:default}
:focus-visible{outline:var(--focus);outline-offset:5px}
img,svg{max-width:100%}svg.icon{width:20px;height:20px;vertical-align:middle;flex:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 22px;border:1px solid var(--ink);border-radius:var(--radius);text-decoration:none;background:var(--ink);color:var(--paper);font-size:15px;font-weight:600;transition:transform 140ms,box-shadow 140ms}
.button:hover{transform:translateY(-2px);box-shadow:0 3px 0 #aaa}.button:active{transform:translateY(1px);box-shadow:none}
.button.secondary{color:var(--ink);background:transparent}
.eyebrow{font-family:var(--font-label);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.skip{position:absolute;top:-100px;left:20px;z-index:5;padding:12px;background:var(--ink);color:white}.skip:focus{top:10px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}