*{box-sizing:border-box}
body{font-family:Inter,'DM Sans',sans-serif;color:#1a1615;background:#fff;padding-top:80px}
@media(max-width:768px){}

.article-hero {
  padding: 60px 48px 48px;
  max-width: 860px;
  margin: 0 auto;
  border-bottom: 0.5px solid rgba(0,0,0,0.08);
  margin-bottom: 0;
}
.article-eyebrow {
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
}
.article-hero h1 {
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #1a1615;
  margin: 0 0 20px;
  font-family: Inter, sans-serif;
}
.article-hero h1 em { font-style: italic; font-weight: 700; }
.article-meta {
  font-size: 13px;
  color: #888;
  font-family: Inter, sans-serif;
}
.article-body {
  max-width: 860px;
  margin: 0 auto;
  padding: 48px 48px 80px;
}
@media(max-width: 768px) {
  .article-hero { padding: 40px 20px 32px; }
  .article-body { padding: 32px 20px 60px; }
}