/* The complete natural image defines the split row; copy fits that height. */
.hero-image { padding:0; display:block; aspect-ratio:auto; align-self:start; }
.hero-image img { width:100%; height:auto; aspect-ratio:auto; border-radius:29px; }
.hero-copy { padding:24px; min-height:0; }
.hero-copy h1 { font-size:clamp(28px,2.7vw,38px); }
.hero-copy .hero-tagline { font-size:clamp(25px,2.4vw,34px); margin-bottom:16px; }
.hero-copy .hero-lede { font-size:17px; }
.hero-copy .action-row { margin-top:18px; }
.feature-card,.value-card,.faq-card { min-height:0; padding:24px; }
.feature-grid,.value-grid { grid-auto-rows:auto; }
.format-card { justify-content:flex-start; }
.format-examples { margin-top:14px !important; font-size:14px; font-weight:750; }
.section-note { max-width:960px; margin:18px auto 0; color:var(--ink-soft); font-size:14px; text-align:center; }
.dcc-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dcc-image { min-height:0; padding:0; display:block; aspect-ratio:auto; background:none; }
.dcc-image img { width:100%; height:auto; aspect-ratio:auto; }
.dcc-copy { min-height:0; padding:24px; }
.dcc-copy h2 { font-size:clamp(25px,2.3vw,32px); }
.dcc-copy > p:not(.eyebrow) { font-size:16px; line-height:1.55; }
.dcc-copy > p + p { margin-top:12px; }
.dcc-copy .action-row { margin-top:16px; }
.dcc-copy .button { font-size:14px; }
.generator-card { text-decoration:none; color:inherit; }
.generator-card img { aspect-ratio:auto; }
.generator-card h3 { flex:0; padding-bottom:12px; }
.generator-card p { margin:0; padding:0 22px 22px; color:var(--ink-soft); }
.value-banner { margin:0 0 22px; padding:0; border-radius:28px; }
.value-banner img { width:100%; height:auto; }
.value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
a:focus-visible,button:focus-visible { outline:3px solid #b96900; outline-offset:4px; }
@media (max-width:1220px) { .dcc-panel { grid-template-columns:1fr; } .hero-copy,.dcc-copy { height:auto; } }
@media (max-width:1040px) { .main-nav a { padding-inline:8px; } }
@media (max-width:760px) { .hero-image { padding:0; } .hero-copy .hero-lede { font-size:16px; } .value-grid { grid-template-columns:1fr; } }

/* Compact two-column rows and two related natural images. */
.feature-grid.two-by-two,.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:760px){.feature-grid.two-by-two,.generator-grid{grid-template-columns:1fr;}}