/* ===========================================================================
   PAGE — NEWS / FIELD NOTES
   =========================================================================== */

.news { padding-block: clamp(3rem, 6vw, 5rem); }

.news-list {
    display: grid;
    gap: clamp(2.75rem, 6vw, 5rem);
}

.news-article {
    display: grid;
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
    padding-bottom: clamp(2.75rem, 6vw, 5rem);
    border-bottom: 1px solid var(--pale-2);
}

.news-list .news-article:last-child { border-bottom: 0; padding-bottom: 0; }

.news-article__media {
    position: relative;
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow);
    aspect-ratio: 4 / 3;
    background: var(--pale-2);
}

.news-article__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s var(--ease);
}

.news-article:hover .news-article__media img { transform: scale(1.04); }

.news-article__date {
    display: inline-block;
    margin-bottom: 0.75rem;
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--turq-d);
}

.news-article__title { color: var(--navy); margin-bottom: 1rem; }

.news-article__body p {
    color: var(--grey-d);
    line-height: 1.7;
    margin: 0 0 1rem;
    max-width: 62ch;
}

.news-article__body p:last-child { margin-bottom: 0; }

@media (min-width: 850px) {
    .news-article { grid-template-columns: 1fr 1fr; }

    /* Alternate the photo side down the page */
    .news-article:nth-child(even) .news-article__media { order: 2; }
}

@media (min-width: 1100px) {
    .news-article { grid-template-columns: 0.9fr 1.1fr; gap: clamp(2.5rem, 4vw, 4rem); }
}