/* ── Hero 1: Split ── */
.hero-1 { padding: 80px 0; background: var(--color-bg); }
.hero-1 .container { display: flex; align-items: center; gap: 60px; }
.hero-1__content { flex: 1; }
.hero-1__title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.2; color: var(--color-secondary); margin-bottom: 16px; }
.hero-1__subtitle { font-size: 1.1rem; color: var(--color-muted); margin-bottom: 32px; }
.hero-1__image { flex: 1; }
.hero-1__image img { border-radius: 8px; }
@media (max-width: 768px) { .hero-1 .container { flex-direction: column; } }

/* ── Hero 2: Full-width bg ── */
.hero-2 { position: relative; min-height: 600px; display: flex; align-items: center; background: var(--color-secondary) center/cover no-repeat; }
.hero-2__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.hero-2 .container { position: relative; z-index: 1; }
.hero-2__content { max-width: 640px; }
.hero-2__title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; color: var(--color-nav-text); line-height: 1.15; margin-bottom: 20px; }
.hero-2__subtitle { font-size: 1.15rem; color: var(--color-footer-text); margin-bottom: 36px; }