/**
 * Shared marketing-site typography and responsive scaling.
 * Used across static pages (contact, about, legal, home, etc.).
 */

.figtree-400 {
    font-family: "Figtree", sans-serif;
    font-weight: 400;
}

.figtree-600 {
    font-family: "Figtree", sans-serif;
    font-weight: 600;
}

.sn-pro-400 {
    font-family: "SN Pro", sans-serif;
    font-weight: 400;
}

.sn-pro-600 {
    font-family: "SN Pro", sans-serif;
    font-weight: 600;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Large desktops / TVs */
@media (min-width: 2000px) {
    html {
        font-size: 120%;
    }

    .max-w-7xl {
        max-width: 90rem;
    }
}

/* Ultra-wide / billboards */
@media (min-width: 2560px) {
    html {
        font-size: 125%;
    }

    .max-w-7xl {
        max-width: 96rem;
    }
}

/* Very small phones / watches */
@media (max-width: 359px) {
    main > section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    h1 {
        font-size: 2rem !important;
    }
}

/* Legal pages */
.terms-page main > :first-child {
    padding-top: 0 !important;
}

.privacy-page main > :first-child {
    padding-top: 1rem !important;
}