body{margin:0;background:var(--surface-base);color:var(--text-body);font-family:var(--font-text);font-size:var(--size-body);font-weight:var(--text-weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight-light);text-transform:uppercase;letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0 0 var(--space-4)}
h1{font-size:var(--size-display-l)}h2{font-size:var(--size-display-m)}h3{font-size:var(--size-display-s)}
h1 b,h2 b,h3 b,h1 strong,h2 strong,h3 strong{font-weight:var(--display-weight-bold)}
p{margin:0 0 var(--space-4);max-width:var(--measure)}
strong{font-weight:var(--text-weight-fett)}
a{color:var(--text-body);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;transition:opacity var(--motion-fast) var(--ease-out)}
a:hover{opacity:.6}
::selection{background:var(--hans-amarillo);color:var(--hans-negro)}
:focus-visible{outline:var(--border-width-thick) solid var(--focus-ring);outline-offset:2px}
.hans-eyebrow{font-family:var(--font-text);font-weight:var(--text-weight-mittel);font-size:var(--size-body-s);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}