@layer pages {
    .pv2-articles-hero {
        padding-block: 94px 78px;
        border-bottom: 1px solid var(--pv2-border);
        background: var(--pv2-off-white);
    }

    .pv2-articles-hero__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
        align-items: end;
        gap: 100px;
    }

    .pv2-eyebrow {
        margin: 0 0 18px;
        color: var(--pv2-cobalt);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .13em;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .pv2-articles-hero h1 {
        max-width: 820px;
        margin: 0;
        font-size: clamp(49px, 5.3vw, 76px);
        letter-spacing: -.055em;
        line-height: 1.02;
    }

    .pv2-articles-hero__lead {
        max-width: 760px;
        margin: 28px 0 0;
        font-size: 21px;
        line-height: 1.55;
    }

    .pv2-articles-hero__scope {
        padding-left: 28px;
        border-left: 4px solid var(--pv2-cobalt);
    }

    .pv2-articles-hero__scope strong {
        display: block;
        color: var(--pv2-navy);
        font-size: 22px;
        line-height: 1.3;
    }

    .pv2-articles-hero__scope p {
        margin: 13px 0 0;
    }

    .pv2-articles-filter {
        padding-block: 26px;
        border-bottom: 1px solid var(--pv2-border);
    }

    .pv2-articles-filter__grid {
        display: grid;
        grid-template-columns: minmax(260px, 1fr) minmax(200px, 300px) auto;
        align-items: end;
        gap: 18px;
    }

    .pv2-field label {
        display: block;
        margin-bottom: 7px;
        color: var(--pv2-navy);
        font-size: 14px;
        font-weight: 700;
    }

    .pv2-field input,
    .pv2-field select {
        width: 100%;
        min-height: 48px;
        padding: 10px 14px;
        border: 1px solid #9aa7b8;
        border-radius: var(--pv2-radius);
        background: var(--pv2-white);
        color: var(--pv2-ink);
    }

    .pv2-articles-filter__submit {
        border-color: var(--pv2-navy);
        background: var(--pv2-navy);
        color: var(--pv2-white);
        cursor: pointer;
    }

    .pv2-articles-filter__submit:hover {
        background: #132d47;
    }

    .pv2-articles-filter__reset {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        grid-column: 1 / -1;
        justify-self: start;
        color: var(--pv2-cobalt);
        font-weight: 700;
        text-underline-offset: 4px;
    }

    .pv2-articles-section-head {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        margin-bottom: 54px;
    }

    .pv2-articles-section-head h2 {
        margin: 0;
        font-size: clamp(35px, 3.5vw, 50px);
        letter-spacing: -.04em;
        line-height: 1.08;
    }

    .pv2-articles-section-head > p {
        margin: 3px 0 0;
        font-size: 19px;
    }

    .pv2-articles-featured {
        display: grid;
        grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
        border-block: 1px solid var(--pv2-border);
    }

    .pv2-articles-featured__meta {
        padding: 34px 40px 34px 0;
    }

    .pv2-articles-featured__copy {
        padding: 34px 0 34px 44px;
        border-left: 1px solid var(--pv2-border);
    }

    .pv2-article-category {
        display: block;
        color: var(--pv2-cobalt);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .1em;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .pv2-articles-featured time,
    .pv2-articles-item time {
        display: block;
        margin-top: 7px;
        color: var(--pv2-muted);
        font-size: 14px;
    }

    .pv2-articles-featured h3 {
        max-width: 760px;
        margin: 0 0 16px;
        font-size: clamp(28px, 3vw, 42px);
        letter-spacing: -.035em;
        line-height: 1.15;
    }

    .pv2-articles-featured__copy p,
    .pv2-articles-item__copy p {
        max-width: 720px;
        margin: 0;
    }

    .pv2-articles-featured .pv2-text-link {
        margin-top: 18px;
    }

    .pv2-articles-archive-section,
    .pv2-articles-empty-section {
        background: var(--pv2-off-white);
    }

    .pv2-articles-archive {
        padding-top: 14px;
    }

    .pv2-articles-item {
        display: grid;
        grid-template-columns: 175px minmax(0, 1fr) 150px;
        align-items: start;
        gap: 36px;
        padding-block: 34px;
        border-bottom: 1px solid var(--pv2-border);
    }

    .pv2-articles-item:first-child {
        border-top: 1px solid var(--pv2-border);
    }

    .pv2-articles-item h3 {
        margin: 0 0 10px;
        font-size: 25px;
        line-height: 1.25;
    }

    .pv2-articles-item__link {
        justify-self: end;
    }

    .pv2-articles-empty {
        max-width: 820px;
        padding: 44px;
        border: 1px solid var(--pv2-border);
        background: var(--pv2-white);
    }

    .pv2-articles-empty h2 {
        margin: 0 0 10px;
        font-size: clamp(28px, 3vw, 40px);
        line-height: 1.18;
    }

    .pv2-articles-empty > p:not(.pv2-eyebrow) {
        margin: 0;
    }

    .pv2-articles-empty .pv2-text-link {
        margin-top: 18px;
    }
}

@media (max-width: 1023px) {
    .pv2-articles-hero__grid,
    .pv2-articles-section-head {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .pv2-articles-hero__scope {
        max-width: 700px;
    }

    .pv2-articles-filter__grid {
        grid-template-columns: 1fr 1fr auto;
    }

    .pv2-articles-featured {
        grid-template-columns: 1fr;
    }

    .pv2-articles-featured__copy {
        padding-left: 0;
        border-left: 0;
    }

    .pv2-articles-item {
        grid-template-columns: 140px minmax(0, 1fr);
    }

    .pv2-articles-item__link {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 767px) {
    .pv2-articles-filter__grid {
        grid-template-columns: 1fr 1fr;
    }

    .pv2-articles-filter__submit {
        grid-column: 1 / -1;
    }
}

@media (max-width: 639px) {
    .pv2-articles-hero {
        padding-block: 58px 60px;
    }

    .pv2-articles-hero h1 {
        font-size: 42px;
        line-height: 1.05;
    }

    .pv2-articles-hero__lead {
        margin-top: 22px;
        font-size: 18px;
    }

    .pv2-articles-hero__scope {
        padding-left: 20px;
    }

    .pv2-articles-filter__grid {
        grid-template-columns: 1fr;
    }

    .pv2-articles-filter__submit,
    .pv2-articles-filter__reset {
        grid-column: auto;
    }

    .pv2-articles-filter__submit {
        width: 100%;
    }

    .pv2-articles-section-head {
        gap: 24px;
        margin-bottom: 36px;
    }

    .pv2-articles-section-head h2 {
        font-size: 35px;
    }

    .pv2-articles-featured__meta,
    .pv2-articles-featured__copy {
        padding-block: 25px;
    }

    .pv2-articles-featured h3 {
        font-size: 31px;
    }

    .pv2-articles-item {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-block: 27px;
    }

    .pv2-articles-item__link {
        grid-column: auto;
    }

    .pv2-articles-empty {
        padding: 28px 22px;
    }
}