/*
 * Meet Joshua
 */

.home-meet {
    padding-block: var(--space-9);

    background: var(--color-cream);
}

.home-meet__layout {
    display: grid;
    grid-template-columns:
        minmax(22rem, 0.95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: var(--space-9);
}

.home-meet__media {
    display: grid;
    place-items: center;

    min-height: 32rem;

    border-radius: var(--radius-sm);

    background:
        linear-gradient(
            145deg,
            var(--color-gold),
            var(--color-gold-light)
        );

    color: var(--color-ink);

    font-size: 0.75rem;
    font-weight: 800;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-meet__media span {
    padding: var(--space-4);

    border: 1px solid rgba(36, 0, 70, 0.28);
    border-radius: var(--radius-sm);
}

.home-meet__content {
    width: 100%;
    max-width: 42rem;
}

.home-meet__eyebrow {
    margin: 0 0 var(--space-3);

    color: var(--color-coral);

    font-size: 0.78rem;
    font-weight: 800;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.home-meet__heading {
    max-width: 13ch;

    margin: 0;

    font-family: var(--font-display);
    font-size: var(--type-display-split);
    font-weight: var(--font-display-weight);
    line-height: 0.96;

    letter-spacing: var(--font-display-tracking-tight);
}

.home-meet__body {
    max-width: 39rem;

    margin:
        var(--space-5)
        0
        var(--space-6);

    color: var(--color-ink-soft);

    font-size: 1.05rem;
    line-height: 1.72;
}


/*
 * News
 */

.home-news {
    padding-block: var(--space-9);

    background: var(--color-paper);
}

.home-news__header {
    display: flex;
    align-items: end;
    justify-content: space-between;

    gap: var(--space-7);

    margin-bottom: var(--space-7);
}

.home-news__header .section-heading {
    max-width: 48rem;
}

.home-news__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: var(--space-5);
}

.news-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    overflow: hidden;

    border-top: 4px solid var(--color-ink);
    border-radius: var(--radius-sm);

    background: var(--color-cream);
}

.news-card--featured {
    border-top-color: var(--color-coral);
}

.news-card__media {
    display: grid;
    place-items: center;

    aspect-ratio: 16 / 10;

    background: var(--color-gold-light);
    color: var(--color-ink);

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.news-card--featured .news-card__media {
    background: var(--color-coral);
    color: var(--color-cream);
}

.news-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;

    padding: var(--space-5);
}

.news-card__meta {
    display: flex;
    justify-content: space-between;

    gap: var(--space-4);

    margin-bottom: var(--space-3);

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.news-card__eyebrow {
    color: var(--color-coral);
}

.news-card__date {
    color: var(--color-muted);
}

.news-card__title {
    margin: 0;

    font-family: var(--font-display);
    font-size: var(--type-display-card);
    font-weight: var(--font-display-weight);
    line-height: 1.04;

    letter-spacing: var(--font-display-tracking);
}

.news-card--featured .news-card__title {
    font-size: var(--type-display-card-featured);
}

.news-card__excerpt {
    margin:
        var(--space-3)
        0
        var(--space-4);

    color: var(--color-ink-soft);

    line-height: 1.6;
}

.news-card__link {
    display: inline-flex;

    gap: var(--space-3);

    margin-top: auto;

    font-size: 0.75rem;
    font-weight: 800;

    letter-spacing: 0.05em;
    text-underline-offset: 0.25rem;
    text-transform: uppercase;
}


/*
 * Responsive
 */

@media (max-width: 68rem) {
    .home-meet__layout {
        grid-template-columns:
            minmax(20rem, 0.9fr)
            minmax(0, 1.1fr);

        gap: var(--space-7);
    }
}

@media (max-width: 64rem) {
    .home-news__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
    }

    .news-card--featured {
        grid-column: 1 / -1;
    }

    .news-card--featured {
        display: grid;
        grid-template-columns:
            minmax(18rem, 0.9fr)
            minmax(0, 1.1fr);
    }

    .news-card--featured .news-card__media {
        aspect-ratio: auto;

        min-height: 20rem;
    }
}

@media (max-width: 58rem) {
    .home-meet__layout {
        grid-template-columns: 1fr;

        gap: var(--space-7);
    }

    .home-meet__media {
        min-height: 28rem;
    }

    .home-meet__content {
        max-width: 44rem;
    }

    .home-meet__heading {
        max-width: 14ch;
    }
}

@media (max-width: 48rem) {
    .home-meet,
    .home-news {
        padding-block: var(--space-8);
    }

    .home-meet__media {
        min-height: 24rem;
    }

    .home-news__header {
        align-items: flex-start;
        flex-direction: column;

        margin-bottom: var(--space-6);
    }

    .home-news__grid {
        grid-template-columns: 1fr;
    }

    .news-card--featured {
        display: flex;
        grid-column: auto;
    }

    .news-card--featured .news-card__media {
        aspect-ratio: 16 / 10;

        min-height: 0;
    }
}