:root { --page-bg: #f8f5f1; --accent: #b42318; }
body[data-layout="draw-first"] .site-header { background: #18120f; border: 0; color: white; }
body[data-layout="draw-first"] .brand-mark { background: #d92d20; }
body[data-layout="draw-first"] .draw-hero { margin-top: 28px; padding: clamp(24px, 5vw, 54px); border-radius: 26px; background: #291713; color: white; }
body[data-layout="draw-first"] .draw-hero-copy { display: grid; grid-template-columns: 1.4fr 1fr; align-items: end; gap: 28px; margin-bottom: 30px; }
body[data-layout="draw-first"] .draw-hero-copy h1 { max-width: 650px; margin: 0; font-size: clamp(2rem, 5vw, 4.2rem); line-height: .98; letter-spacing: -.04em; }
body[data-layout="draw-first"] .draw-hero-copy > p:last-child { max-width: 360px; margin: 0; color: #d8c8c1; }
body[data-layout="draw-first"] .draw-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; color: var(--ink); }
body[data-layout="draw-first"] .draw-card { box-shadow: none; }
body[data-layout="draw-first"] .home-banner { width: min(900px, 100%); margin-inline: auto; }
body[data-layout="draw-first"] .articles-section { display: grid; grid-template-columns: minmax(190px, .5fr) 2fr; gap: 26px; }
body[data-layout="draw-first"] .articles-section .section-heading { align-items: start; flex-direction: column; justify-content: flex-start; }
body[data-layout="draw-first"] .article-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-layout="draw-first"] .documents-section { padding: 30px; border: 1px solid #eadfd8; background: #fffaf6; }

@media (max-width: 780px) {
  body[data-layout="draw-first"] .draw-hero-copy, body[data-layout="draw-first"] .articles-section { grid-template-columns: 1fr; }
  body[data-layout="draw-first"] .draw-grid { grid-template-columns: 1fr; }
  body[data-layout="draw-first"] .draw-hero { padding: 22px; border-radius: 18px; }
}