:root {
  --bg: #F7F2EC; --soft: #F2E7D9; --card: #E9DFD2;
  --terracota: #C97A5F; --terracota-h: #B4674C; --caramelo: #BA8C68;
  --marrom: #5A4638; --grafite: #3C3A36; --oliva: #8F8A76;
  --linha: rgba(90,70,56,.16);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--grafite); font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
body::after { content: ""; position: fixed; inset: 0; z-index: 900; pointer-events: none; opacity: .05; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"); }
a { color: var(--terracota-h); }
::selection { background: #F0DACF; color: var(--marrom); }

header { position: fixed; top: 0; left: 0; right: 0; z-index: 80; background: rgba(247,242,236,.78); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(90,70,56,.1); }
header .inner { max-width: 1400px; margin: 0 auto; padding: 15px 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.wordmark { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.wordmark svg { width: 22px; height: 22px; animation: spin 40s linear infinite; }
.wordmark span { font: 500 16px/1 'Cormorant Garamond', serif; letter-spacing: .12em; text-transform: uppercase; color: var(--marrom); white-space: nowrap; }
.nav-right { display: flex; align-items: center; gap: 22px; }
.nav-right a.volta { font: 400 13px/1 'Inter', sans-serif; color: var(--grafite); text-decoration: none; white-space: nowrap; }
.nav-right a.volta:hover { color: var(--terracota-h); }
.cta-pill { font: 500 13px/1 'Inter', sans-serif; color: var(--bg); background: var(--marrom); padding: 12px 22px; border-radius: 999px; text-decoration: none; white-space: nowrap; display: inline-block; transition: background .25s cubic-bezier(.25,.1,.25,1); }
.cta-pill:hover { background: var(--terracota); color: var(--bg); }
@keyframes spin { from { transform: rotate(0) } to { transform: rotate(360deg) } }

main { padding: 180px 24px 110px; }
article { max-width: 640px; margin: 0 auto; }
.art-meta { display: flex; gap: 18px; flex-wrap: wrap; font: 400 11px/1.6 'Inter', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--oliva); margin-bottom: 26px; }
.art-meta .tag { color: var(--terracota-h); }
article h1 { margin: 0 0 26px; font: 600 clamp(36px,4.6vw,54px)/1.08 'Cormorant Garamond', serif; color: var(--marrom); text-wrap: balance; }
article h1 em { font-style: italic; color: var(--terracota); }
.lead { font: 500 italic 21px/1.6 'Cormorant Garamond', serif; color: var(--marrom); margin: 0 0 44px; text-wrap: pretty; }
article h2 { margin: 52px 0 16px; font: 600 27px/1.2 'Cormorant Garamond', serif; color: var(--marrom); }
article p { margin: 0 0 18px; font: 400 16px/1.85 'Inter', sans-serif; color: var(--grafite); text-wrap: pretty; }
article ul, article ol { margin: 0 0 18px; padding-left: 22px; }
article li { font: 400 16px/1.85 'Inter', sans-serif; color: var(--grafite); margin-bottom: 12px; text-wrap: pretty; }
article strong { font-weight: 600; color: var(--marrom); }
article em { font-style: italic; }
blockquote { margin: 36px 0; padding: 4px 0 4px 24px; border-left: 2px solid var(--terracota); font: 500 italic 21px/1.55 'Cormorant Garamond', serif; color: var(--marrom); }

.assinatura { margin-top: 56px; border-top: 1px solid var(--linha); padding-top: 24px; display: flex; flex-direction: column; gap: 5px; }
.assinatura .nome { font: 600 22px/1.2 'Cormorant Garamond', serif; color: var(--marrom); }
.assinatura .cred { font: 400 12px/1.6 'Inter', sans-serif; letter-spacing: .06em; color: var(--oliva); }
.aviso { margin-top: 34px !important; font: 400 12.5px/1.7 'Inter', sans-serif !important; color: var(--oliva) !important; }

footer { background: var(--marrom); border-radius: 40px 40px 0 0; margin: 0 10px; }
footer .inner { max-width: 1400px; margin: 0 auto; padding: 80px 40px 50px; display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; }
footer h2 { margin: 0; font: 600 clamp(30px,3.6vw,44px)/1.1 'Cormorant Garamond', serif; color: var(--soft); text-wrap: balance; }
footer h2 em { font-style: italic; color: var(--terracota); }
footer .foot-meta { font: 400 11.5px/1.7 'Inter', sans-serif; letter-spacing: .1em; color: rgba(242,231,217,.55); }
footer a.pill { font: 500 15px/1 'Inter', sans-serif; color: var(--marrom); background: var(--soft); padding: 17px 34px; border-radius: 999px; text-decoration: none; display: inline-block; transition: background .25s cubic-bezier(.25,.1,.25,1); }
footer a.pill:hover { background: var(--terracota); color: var(--bg); }

@media (max-width: 980px) {
  main { padding: 140px 20px 80px; }
  header .inner { padding: 12px 18px; }
  .nav-right a.volta { display: none; }
}
@media (max-width: 640px) {
  .wordmark span { font-size: 13px; }
  .wordmark svg { width: 18px; height: 18px; }
  .cta-pill { font-size: 12px; padding: 10px 16px; }
}