*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{font-family:var(--f-body);font-size:var(--t-body);line-height:1.6;color:var(--ink-900);background:var(--straw-50);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.is-locked{overflow:hidden}
img,svg,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
ul,ol{list-style:none;padding:0}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;line-height:1.02;letter-spacing:.005em;text-wrap:balance}
p{text-wrap:pretty}
em{font-style:normal}
[hidden]{display:none!important}
::selection{background:var(--clay-500);color:#fff}

:focus-visible{outline:2px solid var(--clay-400);outline-offset:3px;border-radius:var(--r-sm)}

.skip{position:absolute;left:var(--s4);top:-100px;z-index:2000;background:var(--soil-950);color:var(--straw-50);padding:var(--s3) var(--s4);border-radius:var(--r-sm)}
.skip:focus{top:var(--s4)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}

.icon{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.icon--fill{fill:currentColor;stroke:none}

/* Superfícies (capítulos) */
.surface-dark{background:var(--soil-950);color:var(--straw-50);position:relative;isolation:isolate}
.surface-dark::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/contours.svg) center/cover no-repeat;opacity:.07;pointer-events:none}
.surface-dark::after{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/grain.svg);opacity:.05;pointer-events:none}
.surface-light{background:var(--straw-50)}
.surface-alt{background:var(--straw-100)}

.section{padding-block:var(--section-y)}

/* Entrada de conteúdo (uma vez) */
.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--d-slow) var(--ease),transform var(--d-slow) var(--ease);transition-delay:calc(var(--i,0) * 60ms)}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}
.sprite{position:absolute;width:0;height:0;overflow:hidden}