/* Folha das páginas de apoio (privacidade, obrigado, 404).
   Mesmos tokens e mesmas fontes do index, só que enxuto. */

@font-face{font-family:'Anybody';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/anybody-800.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/zillaslab-400.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/zillaslab-600.woff2) format('woff2')}
@font-face{font-family:'Azeret Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/azeretmono-700.woff2) format('woff2')}

:root{
  color-scheme:dark;
  --anil:#3B2E8F; --choque:#EE1D77; --papel:#F5EEE3; --areia:#E6CDA0;
  --ocre:#D89A32; --tinta:#1B1210;
  --disp:'Anybody',system-ui,sans-serif;
  --body:'Zilla Slab',Georgia,serif;
  --mono:'Azeret Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--anil);color:var(--papel);font-family:var(--body);
  font-size:clamp(16.5px,16px + .2vw,18px);line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:0 26px}
main{padding:clamp(48px,9vw,96px) 0 clamp(64px,10vw,120px)}

.voltar{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;
  font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--areia);
  text-decoration:none;border-bottom:1px solid var(--choque);padding-bottom:3px;margin-bottom:38px}
.voltar:hover{color:var(--papel)}

h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,5vw,52px);line-height:1.05;
  letter-spacing:-.03em;text-wrap:balance;max-width:17ch;margin-bottom:8px}
h2{font-family:var(--disp);font-weight:800;font-size:clamp(18px,2.2vw,22px);line-height:1.2;
  letter-spacing:-.018em;margin:38px 0 10px}
.sub{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--areia);margin-bottom:30px;display:block}
p{margin-top:12px;text-wrap:pretty;max-width:62ch}
ul{margin:12px 0 0 20px;max-width:62ch}
li{margin-top:7px}
a{color:var(--papel)}
a:hover{color:var(--ocre)}
strong,b{font-weight:600}

.regua{border:0;border-top:1px solid rgba(245,238,227,.25);margin:44px 0 0}
.legal{margin-top:28px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  line-height:1.85;color:var(--areia)}

.grande{font-family:var(--disp);font-weight:800;font-size:clamp(64px,15vw,150px);
  line-height:.9;letter-spacing:-.05em;color:var(--choque);margin-bottom:14px}

/* a marca é o caminho de volta para a inicial em qualquer página de apoio */
.marca-link{display:inline-block;line-height:0;margin-bottom:38px;transition:transform var(--dur,190ms) ease}
.marca-link:hover{transform:translateY(-2px)}
.marca{width:clamp(140px,22vw,210px);height:auto;display:block}

:focus-visible{outline:3px solid var(--ocre);outline-offset:3px}