.SelectedPressPage {
    background: var(--site-paper);
}

.PressIntro {
  padding: 154px 0 0;
  text-align: center;
}

.PressIntro h1 {
    height: 73px;
  color: var(--site-ink);
  font-size: var(--ft44);
  font-weight: 500;
  line-height: 73px;
  letter-spacing: 5.2px;
}

.PressGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 28px;
    width: min(1290px, calc(100% - 106px));
    margin: 0 auto;
    padding: 78px 0 0 0;
}

.PressCard {
    display: block;
    color: #65615d;
}

.PressCard img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    background: #ebe9e6;
}

.PressCard span,
.PressCard small {
    display: block;
}

.PressCard span {
    margin-top: 18px;
    font-size: var(--ft18);
    line-height: 1.2;
}

.PressCard small {
    margin-top: 8px;
    color: #939393;
    font-size: var(--ft15);
}

.PressCard:hover img {
    opacity: .78;
}

.PageFooter {
    padding: 146px 0 28px 53px;
}

@media (max-width: 767px) {
    .PressIntro {
        height: 210px;
    }

    .PressIntro h1 {
        font-size: var(--ft38);
    }

    .PressGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px 15px;
        width: calc(100% - 40px);
    }

    .PressCard img {
        height: 220px;
    }

    .PressCard span {
        margin-top: 12px;
        font-size: var(--ft14);
    }

    .PressCard small {
        font-size: var(--ft12);
    }

    .PageFooter {
        padding: 80px 0 24px 20px;
    }
}