@media (max-width: 64rem) {
    :root {
        --page-gutter: max(1.5rem, env(safe-area-inset-left), env(safe-area-inset-right));
    }
}

@media (max-width: 40rem) {
    :root {
        --page-gutter: max(1rem, env(safe-area-inset-left), env(safe-area-inset-right));
        --section-space: var(--space-16);
    }
}

@media (max-width: 42rem) {
    :root {
        --type-h1-size: clamp(2rem, 6vw, 2.75rem);
        --type-h2-size: clamp(1.625rem, 5vw, 2.25rem);
        --type-lead-size: var(--text-base);
        --section-content-gap: var(--space-6);
        --gold-box-padding: var(--space-4);
    }
}