@font-face { font-family: "Fraunces"; src: url("fonts/Fraunces.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/Fraunces-Italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Plex Mono"; src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Plex Mono"; src: url("fonts/IBMPlexMono-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --paper: #F5EBD8; --paper-deep: #EADBC0; --ink: #1F1A14; --soft: #5C4F3F; --rule: #C9B79A;
  --accent: #D87B3C; --bordo: #5B1F22; --gold: #E3C690;
  --display: "Fraunces", Georgia, serif; --body: "Inter", system-ui, sans-serif; --mono: "Plex Mono", ui-monospace, monospace;
}
* { margin: 0; padding: 0; box-sizing: border-box; font-variation-settings: "WONK" 0; }
html { background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; }
body { font: 400 17px/1.55 var(--body); min-height: 100vh; display: flex; flex-direction: column; position: relative; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .09; mix-blend-mode: multiply;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .37 0 0 0 0 .27 0 0 0 0 .16 0 0 0 1.4 -.35'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
a { color: inherit; }

.wrap { width: min(1120px, 100% - 48px); margin: 0 auto; }
.mark { font: italic 600 30px/1 var(--display); font-variation-settings: "opsz" 72, "WONK" 0; letter-spacing: -.015em; text-decoration: none; }
.eyebrow { font: 400 12px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
.headline { font: 600 clamp(40px, 6.4vw, 76px)/1.04 var(--display); font-variation-settings: "opsz" 144, "WONK" 0; letter-spacing: -.025em; }
.lede { font: 400 clamp(17px, 1.7vw, 20px)/1.55 var(--body); color: var(--soft); max-width: 30em; }
.soon { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 22px; border: 1.5px solid var(--ink); border-radius: 24px;
  font: 400 13px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.soon::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.stamp { display: block; width: 100%; height: auto; filter: drop-shadow(0 2px 3px rgba(95,70,40,.18)); }

header.top { padding: 28px 0; }
header.top .wrap { display: flex; justify-content: space-between; align-items: baseline; }
footer.foot { margin-top: auto; padding: 40px 0 36px; }
footer.foot .wrap { display: flex; flex-wrap: wrap; gap: 8px 28px; border-top: 1px solid var(--rule); padding-top: 22px; font: 400 13px var(--mono); letter-spacing: .06em; color: var(--soft); }
footer.foot a { text-decoration: none; }
footer.foot a:hover { color: var(--ink); }
footer.foot .right { margin-left: auto; }

/* privacidade */
.doc { width: min(640px, 100% - 48px); margin: 56px auto 0; }
.doc h1 { font: 600 clamp(40px, 6vw, 60px)/1.05 var(--display); font-variation-settings: "opsz" 144, "WONK" 0; letter-spacing: -.02em; }
.doc .updated { margin-top: 14px; }
.doc .intro { margin-top: 36px; font: 400 20px/1.55 var(--body); }
.doc h2 { margin-top: 44px; font: 400 12px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); padding-bottom: 10px; border-bottom: 1px solid var(--rule); }
.doc p { margin-top: 14px; }