*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);font-size:var(--body-size);line-height:var(--body-line);color:var(--text-on-dark);background:var(--surface-dark);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}
.dsb-light a{color:var(--accent-text-on-light)}
.dsb-h1{font:italic 800 var(--h1-size)/var(--h1-line) var(--font-sans);letter-spacing:-.01em;margin:0;text-wrap:balance}
.dsb-h2{font:italic 800 var(--h2-size)/var(--h2-line) var(--font-sans);letter-spacing:-.01em;margin:0;text-wrap:balance}
.dsb-h3{font:700 var(--h3-size)/var(--h3-line) var(--font-sans);margin:0}
.dsb-body{font:400 var(--body-size)/var(--body-line) var(--font-sans);margin:0;text-wrap:pretty}
.dsb-small{font:400 var(--small-size)/var(--small-line) var(--font-sans);margin:0}
.dsb-label{font:700 var(--label-size)/1.2 var(--font-sans);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0}
.dsb-hl{color:var(--accent)}
.dsb-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}