/* Dark hero drawn from the original logo blue, #1b4f8b. */
.hero { --hero-copper:#f0c7a6; padding-top:0; background:linear-gradient(120deg,#102951 0%,#183f70 60%,#1b4f8b 100%); }
.hero .hero-grid { display:flex; flex-direction:column; gap:28px; min-height:0; padding-top:34px; padding-bottom:20px; }
.hero .hero-copy { display:block; width:100%; max-width:1120px; margin:0 auto; text-align:center; }
.hero .hero-copy>.eyebrow { justify-content:center; margin:0 auto; color:#c7d9f1; font-size:14px; font-weight:600; letter-spacing:.035em; }
.hero .hero-copy h1 { margin:18px auto 0; color:#fff; font-size:clamp(2.375rem,5.2vw,4.5rem); line-height:1.12; letter-spacing:-.045em; font-weight:650; text-wrap:balance; }
.hero-title-line { display:block; }
.hero .hero-copy h1 em { display:block; margin-top:8px; color:#c7dcf6; font-size:.92em; line-height:1.14; font-weight:500; }
.hero .hero-copy>.hero-lead { max-width:710px; margin:20px auto 0; color:var(--muted); font-size:1.0625rem; line-height:1.6; }
.hero .hero-copy>.hero-actions { justify-content:center; flex-direction:row; flex-wrap:wrap; gap:24px; margin-top:25px; }
.hero .hero-artwork.hero-concept { width:100%; max-width:980px; min-width:0; margin:0 auto; padding:0; }
@media(max-width:650px) {
 .hero .hero-grid { gap:24px; padding-top:30px; padding-bottom:18px; }
 .hero .hero-copy { text-align:left; }
 .hero .hero-copy>.eyebrow { justify-content:flex-start; margin:0; }
 .hero .hero-copy h1 { margin-top:16px; font-size:clamp(2.25rem,7.8vw,3rem); text-wrap:balance; }
 .hero .hero-copy h1 em { margin-top:10px; }
 .hero .hero-copy>.hero-lead { margin-top:10px; font-size:1rem; }
 .hero .hero-copy>.hero-actions { justify-content:flex-start; gap:12px 22px; margin-top:20px; }
 .hero .hero-actions .button { width:auto; }
}