*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-size:100%;scroll-padding-top:6rem}
body{margin:0;font:400 var(--t-1)/1.65 var(--f-texto);color:var(--texto);background:var(--branco);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--f-titulo);font-weight:400;color:var(--tinta);line-height:1.1;margin:0 0 var(--e-4);letter-spacing:.01em}
h1{font-size:clamp(var(--t-5),6vw,var(--t-6))}
h2{font-size:clamp(var(--t-4),4vw,var(--t-5))}
h3{font-family:var(--f-texto);font-weight:500;font-size:var(--t-2);line-height:1.3}
p,ul,ol{margin:0 0 var(--e-4)}
a{color:var(--ouro-texto);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;box-shadow:0 0 0 6px var(--ouro);border-radius:2px}
.pular{position:absolute;left:var(--e-4);top:-4rem;background:var(--tinta);color:var(--branco);padding:var(--e-3) var(--e-4);z-index:100}
.pular:focus{top:var(--e-4)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}