/* ===================================================================
   BLOG & CONTEÚDO OFICIAL — blog.css
   Base from styles.css + temporada.css + hunter.css (.hn-card,
   .hn-prose, .hn-manifesto, .hn-card-grid, .md-mais, .flow, .chip-grid).
   =================================================================== */

/* —— Hero —— */
.bl-hero h1 { font-size: clamp(29px, 8.6vw, 42px); line-height: 1.0; margin: 0 0 22px; }
.bl-hero h1 .l { display: block; }
.bl-hero h1 .l:last-child { color: var(--accent); }
.bl-hero { background: radial-gradient(130% 95% at 50% -5%, #14160f, #0b0b0d 62%); }

/* —— Open-book motif —— */
.bl-mark { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -54%); width: 330px; height: 330px; color: var(--accent); opacity: .07; pointer-events: none; z-index: 1; }
.bl-mark svg { width: 100%; height: 100%; }
.bl-mark.fc { width: 290px; height: 290px; opacity: .06; transform: translate(-50%, -52%); }
.bl-hero .hero-inner, .final-cta .fc-inner { position: relative; z-index: 2; }

@media (max-width: 360px) {
  .hn-card-grid { grid-template-columns: 1fr; }
}