:root{
  --papel:#FBF6ED; --papel2:#F4EBDC; --tinta:#2B2118; --tinta2:#5C4F40;
  --ambar:#C2702E; --ocre:#D9A441; --queimado:#8C4A2F; --linha:#E4D6BE;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);
  font-family:"Newsreader","Iowan Old Style",Georgia,"Times New Roman",serif;
  font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--queimado);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.previa{background:var(--tinta);color:#EADFC9;font-size:12.5px;letter-spacing:.4px;
  text-align:center;padding:7px 14px}
.previa b{color:var(--ocre)}
header.mast{padding:44px 0 10px;text-align:center}
.marca{font-size:44px;letter-spacing:.5px;margin:0;font-weight:600;font-style:italic}
.marca a{color:var(--tinta)}
.marca a:hover{text-decoration:none}
.tagline{color:var(--tinta2);font-style:italic;margin:6px 0 0;font-size:15.5px}
.proposta{font-size:11px;color:#a08c6e;letter-spacing:1.2px;text-transform:uppercase;margin-top:8px}
nav.cats{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;
  margin:26px auto 0;padding:14px 22px;border-top:1px solid var(--linha);
  border-bottom:1px solid var(--linha);max-width:760px;font-size:14px}
nav.cats a{color:var(--tinta2);letter-spacing:.6px;text-transform:uppercase;font-size:12.5px}
nav.cats a.on,nav.cats a:hover{color:var(--ambar);text-decoration:none}
.hero{margin:44px 0 8px}
.hero p{font-size:19px;line-height:1.8;color:var(--tinta)}
.lista{margin:34px 0 60px}
.item{padding:26px 0;border-bottom:1px solid var(--linha)}
.item .cat{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ambar)}
.item h2{margin:6px 0 6px;font-size:26px;line-height:1.25;font-weight:600}
.item h2 a{color:var(--tinta)}
.item .deck{color:var(--tinta2);margin:0;font-size:16px}
.item .st{font-size:12px;color:#a08c6e;margin-top:8px;font-style:italic}
article{margin:42px 0 30px}
article .cat{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ambar)}
article h1{font-size:34px;line-height:1.2;margin:10px 0 8px;font-weight:600}
article .deck{font-size:18px;color:var(--tinta2);font-style:italic;margin:0 0 26px}
article h2{font-size:22px;margin:34px 0 10px;font-weight:600;color:var(--queimado)}
article p{margin:0 0 20px}
.poema{line-height:2.05}
.preambulo{font-style:italic;color:var(--tinta2);font-size:15.5px;border-left:3px solid var(--ocre);
  padding-left:16px}
.gancho{background:var(--papel2);border:1px solid var(--linha);border-radius:10px;
  padding:16px 20px;font-size:15.5px}
.lacuna{background:#F3E2C8;border:1px dashed var(--ambar);border-radius:6px;
  padding:1px 8px;font-size:13.5px;color:var(--queimado)}
.rascunho-aviso{background:var(--papel2);border:1px solid var(--linha);border-radius:10px;
  padding:10px 16px;font-size:13px;color:var(--tinta2);margin:0 0 26px}
.nota-edicao{background:#EFE6D2;border-left:4px solid var(--ocre);border-radius:8px;
  padding:12px 18px;font-size:13.5px;color:var(--tinta2);margin-top:38px}
.assine{background:var(--tinta);color:#EADFC9;border-radius:14px;padding:26px 28px;margin:50px 0}
.assine h3{margin:0 0 8px;color:var(--ocre);font-size:20px;font-weight:600}
.assine p{margin:0 0 6px;font-size:15px;line-height:1.7}
.assine .lacuna{background:#3d3227;border-color:var(--ocre);color:var(--ocre)}
.feed{margin:54px 0 10px}
.feed h3{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--tinta2);
  text-align:center;margin:0 0 16px}
.feed .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.feed .tile{aspect-ratio:4/5;border-radius:10px;display:flex;align-items:flex-end;
  padding:12px;font-size:12px;color:#fff;letter-spacing:.4px;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.t1{background:linear-gradient(160deg,#E8B36A,#B65C2E 70%,#6E3A22)}
.t2{background:linear-gradient(160deg,#F2D8A7,#C98A3D 60%,#7C4A24)}
.t3{background:linear-gradient(160deg,#D9A441,#8C4A2F 65%,#3E2718)}
.feed .leg{font-size:12.5px;color:#a08c6e;text-align:center;margin-top:10px;font-style:italic}
footer{border-top:1px solid var(--linha);margin-top:60px;padding:26px 0 46px;
  font-size:13.5px;color:var(--tinta2);text-align:center}
footer .assin{font-style:italic}
@media(max-width:560px){.marca{font-size:34px}article h1{font-size:28px}
  .feed .tiles{grid-template-columns:1fr 1fr}.t3{display:none}}