/* Editorial articles reuse the theme's feature, quote and statement promos. */
.editorial { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; color: #35322f; }
.editorial .promo { width: 100%; }
.editorial__hero .promo__stage { background: #f8f5ef; gap: 6%; grid-template-columns: 48% 46%; }
.editorial__hero .promo--feature__content { max-width: none; padding: 48px 44px 48px 0; }
.editorial__hero .promo--feature__title { color: #746447; font-size: clamp(36px, 4.3vw, 60px); }
.editorial__hero-photo { margin: 0; min-height: 680px; }
.editorial__hero-photo .promo__photo-image { object-position: center; }
.editorial__lead { margin: 0; font: 24px/1.4 'Futura PT Light', sans-serif; }
.editorial .promo__text { font-size: 15px; }
.editorial__text-link { color: #635435; font: 16px/1.5 'Futura PT Light', sans-serif; text-underline-offset: 5px; }
.editorial a:focus-visible { outline: 2px solid #746447; outline-offset: 5px; }
.editorial__intro { max-width: 720px; margin: 0 auto; padding: 80px 28px 68px; scroll-margin-top: 100px; }
.editorial h2:not(.promo__title) { margin: 14px 0 24px; font: 40px/1.12 'Futura PT Light', sans-serif; }
.editorial__intro > p:not(.promo__eyebrow), .editorial__reason p, .editorial__after > div > p:not(.promo__eyebrow) { margin: 0 0 18px; font: 16px/1.85 Helvetica, Arial, sans-serif; }
.editorial__reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 0 10px; }
.editorial__reason { display: grid; grid-template-columns: 44px 1fr; gap: 20px; padding: 40px 36px 28px; background: #fff; }
.editorial__number { padding-top: 14px; color: #99835b; font: 28px/1 'Futura PT Light', sans-serif; }
.editorial__reason h2:not(.promo__title) { font-size: 34px; }
.editorial__quote { margin-top: 20px; }
.editorial__quote .promo--quote__text { padding: 70px 20px 70px calc(20px + .35em); font-size: clamp(20px, 2.7vw, 36px); letter-spacing: .35em; line-height: 1.8; }
.editorial__after { display: grid; grid-template-columns: 1fr 1.4fr; gap: 70px; padding: 70px 70px 60px; }
.editorial__after h2:not(.promo__title) { font-size: 54px; }
.editorial__closing .promo__stage { background: #f1ece3; }
.editorial__closing .promo__title { color: #746447; }
.editorial__closing .promo--statement__content { max-width: 570px; }
.editorial__catalog-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; }
@media (max-width: 1023px) {
    .editorial__reason { grid-template-columns: 1fr; gap: 0; padding: 24px; }
    .editorial__hero .promo--feature__content { padding-right: 24px; }
    .editorial__after { gap: 36px; padding: 60px 38px 40px; }
}
@media (max-width: 767px) {
    .editorial { padding: 10px 0 28px; }
    .editorial__hero .promo__stage { padding: 0; gap: 0; }
    .editorial__hero-photo { width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 5; }
    .editorial__hero-photo .promo__photo-image { object-position: center 40%; }
    .editorial__hero .promo--feature__content { padding: 32px 26px 40px; }
    .editorial__hero .promo--feature__title { font-size: clamp(34px, 9vw, 48px); }
    .editorial__intro { padding: 46px 28px 30px; }
    .editorial__reasons { grid-template-columns: 1fr; gap: 14px; }
    .editorial__reason { padding: 24px 24px 20px; }
    .editorial__reason h2:not(.promo__title) { font-size: 32px; }
    .editorial__intro > p:not(.promo__eyebrow), .editorial__reason p, .editorial__after > div > p:not(.promo__eyebrow) { font-size: 15px; line-height: 1.8; }
    .editorial__quote .promo--quote__text { font-size: 18px; letter-spacing: .18em; padding: 44px 16px; }
    .editorial__quote .promo--quote__stage { min-height: 250px; }
    .editorial__after { grid-template-columns: 1fr; gap: 10px; padding: 40px 28px 24px; }
    .editorial__after h2:not(.promo__title) { font-size: 44px; }
    .editorial__closing .promo--statement__content { padding: 44px 24px; }
}