.banner { width: 100%; background: var(--crimson); padding: 10px 20px 20px; position: relative; overflow: hidden; }
    .banner::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.4; }
    .banner .heading { font-weight: 700; font-size: clamp(36px, 4vw, 55px); color: var(--white); line-height: 1; letter-spacing: -0.02em; margin-bottom: 0; opacity: 0; transform: translateY(20px); animation: fadeUp 0.7s ease forwards 0.1s; }

@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .banner { padding: 24px 16px 28px; }
}