:root {
    color-scheme: only light;
    --font-body: 'Switzer',sans-serif;
    --font-display: 'Switzer',sans-serif;
    --text-xs: clamp(.75rem,.72rem + .12vw,.82rem);
    --text-sm: clamp(.875rem,.85rem + .12vw,.95rem);
    --text-base: clamp(1rem,.96rem + .18vw,1.1rem);
    --text-lg: clamp(1.2rem,1.05rem + .5vw,1.5rem);
    --text-xl: clamp(1.75rem,1.25rem + 2vw,2.9rem);
    --text-hero: clamp(3.7rem,1.4rem + 5.5vw,6.6rem);
    --red: #cc3028;
    --paper: #ffffff;
    --ink: #191b1c;
    --muted: #626563;
    --line: #1a1a1a24;
    --space-4: 1rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --radius-sm: 2px
}

*,*::before,*::after {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 95px
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: 1.6
}

h1,h2,h3,p,figure {
    margin: 0
}

h1,h2,h3 {
    font-family: var(--font-display);
    font-weight: 500;
    line-height: 1.08
}

a {
    color: inherit;
    text-decoration: none
}

button,input,textarea,select {
    font: inherit
}

button,a,input,textarea,select {
    -webkit-tap-highlight-color: transparent
}

button {
    cursor: pointer
}

button {
    color: inherit
}

button:disabled {
    cursor: not-allowed
}

img {
    display: block;
    max-width: 100%
}

button:focus-visible,a:focus-visible,summary:focus-visible {
    outline: 3px solid #e66537;
    outline-offset: 5px
}

input:focus,textarea:focus,select:focus {
    outline: 2px solid var(--red);
    outline-offset: 1px
}

[hidden] {
    display: none!important
}

.skip {
    position: fixed;
    top: -100px;
    left: 20px;
    z-index: 100;
    background: white;
    color: black;
    padding: 15px
}

.skip:focus {
    top: 15px
}

::selection {
    background: #cc3028;
    color: white
}

@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        scroll-behavior: auto!important;
        transition: none!important;
        animation: none!important
    }
}
