/* ==========================================================================
   base.css · Reset e elementos HTML
   ========================================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16.5px/1.6 var(--disp);font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden}
img,svg,video,canvas{display:block;max-width:100%}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-family:var(--disp);font-weight:750;letter-spacing:-.04em;line-height:.98;text-wrap:balance;font-variation-settings:"opsz" 96}
em.s,.s{font-family:var(--ser);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--brown)}
.wrap{max-width:1280px;margin:0 auto;padding-inline:32px}
.mono{font-family:var(--mono)}
::selection{background:var(--brown);color:var(--paper)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}