*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--surface-base);color:var(--text-primary);font:var(--text-body-role);text-wrap:pretty;font-feature-settings:"kern" 1,"liga" 1}
h1,h2,h3,h4{margin:0;font-weight:var(--weight-heading)}
h1,h2,h3{font-family:var(--font-serif-display)}
h4{font-family:var(--font-mono);font-weight:var(--weight-body);text-transform:uppercase;letter-spacing:var(--tracking-label-lg);font-size:var(--size-label-lg);color:var(--text-label)}
h1{font-size:var(--size-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}
h2{font-size:var(--size-headline);line-height:var(--leading-headline);letter-spacing:var(--tracking-headline)}
h3{font-size:var(--size-subhead);line-height:var(--leading-tight);letter-spacing:var(--tracking-headline)}
p{margin:0;max-width:var(--measure)}
.ds-container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}
.ds-label{font:var(--text-label-role);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-label);font-variant-numeric:tabular-nums}
.ds-figure{font:var(--text-figure);letter-spacing:var(--tracking-stat);font-variant-numeric:tabular-nums}
::selection{background:var(--accent);color:var(--text-on-accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}