.legal-hero {
    padding-block: clamp(5rem, 10vw, 9rem);
    color: #fff;
    background: var(--site-ink);
}

.legal-hero .site-kicker {
    margin: 0 0 1.25rem;
    color: #e15a43;
}

.legal-hero h1 {
    margin: 0;
    font: 400 clamp(3rem, 7vw, 6.3rem)/.98 var(--site-font-display);
    letter-spacing: -.06em;
}

.legal-hero h1 span {
    color: var(--site-red);
}

.legal-hero > .container > p:last-child {
    max-width: 650px;
    margin: 1.75rem 0 0;
    color: #c9cac6;
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.65;
}

.legal-content {
    max-width: 780px;
    padding-block: clamp(4rem, 8vw, 7rem);
}

.legal-updated {
    margin: 0 0 3rem;
    color: var(--site-red);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-content section {
    padding: 2rem 0;
    border-top: 1px solid var(--site-line);
}

.legal-content h2 {
    margin: 0 0 1rem;
    font: 500 clamp(1.35rem, 3vw, 1.8rem)/1.2 var(--site-font-display);
    letter-spacing: -.03em;
}

.legal-content p {
    margin: 0;
    color: var(--site-muted);
    line-height: 1.75;
}

.legal-content p + p {
    margin-top: .9rem;
}

.legal-content a {
    color: var(--site-red);
    text-underline-offset: .2em;
}

.legal-note {
    padding: 1.5rem;
    color: var(--site-ink) !important;
    background: #f1f1ed;
    border-left: 3px solid var(--site-red);
}

@media (max-width: 560px) {
    .legal-hero { padding-block: 4rem; }
    .legal-hero h1 {
        font-size: clamp(2.25rem, 11vw, 3.5rem);
        overflow-wrap: anywhere;
    }
}