*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font:400 var(--fs-0)/var(--lh-body) var(--f-sans)}
h1,h2,h3{font-family:var(--f-serif);font-weight:700;line-height:var(--lh-head);margin:0 0 var(--s-2);letter-spacing:.04em}
h1{font-size:var(--fs-4)} h2{font-size:var(--fs-3)} h3{font-size:var(--fs-2)}
p{margin:0 0 var(--s-2);max-width:var(--measure)}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-red);text-underline-offset:.2em}
a:hover{color:var(--c-orange-deep)}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}
.container{width:min(100% - 2*var(--gutter),var(--w-page));margin-inline:auto}
.section{padding-block:var(--s-5)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:var(--s-1);top:-4rem;background:var(--c-ink);color:#fff;padding:var(--s-1) var(--s-2);z-index:100}
.skip-link:focus{top:var(--s-1)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}