*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--size-body);font-weight:var(--weight-light);line-height:var(--leading-relaxed);text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-regular);line-height:var(--leading-snug);letter-spacing:var(--tracking-display);margin:0}
a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover)}
::selection{background:var(--deep-red-tint);color:var(--deep-red)}
:focus-visible{outline:1.5px solid var(--focus-ring);outline-offset:3px}
img{display:block;max-width:100%}