.brand-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .55fr);
}

.brand-hero h1 {
    max-width: 15ch;
    font-size: clamp(2.7rem, 6vw, 5.6rem);
    hyphens: auto;
    overflow-wrap: break-word;
}

@media (max-width: 1120px) {
    .brand-hero-grid {
        grid-template-columns: 1fr;
    }

    .hero-info-card {
        max-width: 36rem;
        transform: none;
    }
}

.legal-section {
    background: #f4f4f1;
}

.legal-card {
    padding: clamp(1.5rem, 4vw, 3rem);
}

.legal-card h2 {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 2px solid var(--brand-yellow);
    font-size: clamp(1.4rem, 2vw, 1.75rem);
}

.legal-card p {
    max-width: 78ch;
}