/* Privacy */

.privacy-section {
    background: var(--color-background);
        color: var(--color-text);
}

.privacy-layout {
    width: min(100% - (var(--page-gutter) * 2), var(--container-max));
        margin-inline: auto;
        display: grid;
        grid-template-columns: 14rem minmax(0, 1fr);
        gap: clamp(3rem, 7vw, 7rem);
        align-items: center;
}

.privacy-layout > div:last-child,
.privacy-section .home-section__header,
.privacy-copy,
.privacy-copy p {
    width: 100%;
        max-width: none;
        min-width: 0;
}

.privacy-mark {
    aspect-ratio: 1;
        display: grid;
        place-items: center;
        align-content: center;
        gap: var(--space-4);
        border: 1px solid var(--color-border);
        border-radius: 50%;
        background: var(--color-surface);
}

.privacy-mark img {
    width: 6rem;
        height: 6rem;
        object-fit: contain;
}

.privacy-mark span {
    color: var(--color-mint);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        letter-spacing: 0.08em;
        text-transform: uppercase;
}

.privacy-section h2,
.privacy-section .section-kicker {
    color: var(--color-text);
}

.privacy-section .section-kicker {
    color: var(--color-mint);
}

.privacy-section .home-section__header {
    margin-block-end: var(--space-6);
}

.privacy-copy {
    display: grid;
        gap: var(--space-4);
        color: var(--color-text-secondary);
        font-size: var(--text-lg);
}

@media (max-width: 42rem) {
    .privacy-copy {
        font-size: var(--text-base);
    }
    
    .privacy-layout {
        grid-template-columns: 1fr;
        gap: var(--space-6);
        align-items: start;
    }
    
    .privacy-mark {
        width: 7.5rem;
        gap: var(--space-2);
    }

    .privacy-mark img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .privacy-mark span {
        max-width: 6.5rem;
        font-size: 0.625rem;
        line-height: 1.2;
        text-align: center;
    }
}