.mf-blog-page,
.mf-blog-post {
    max-width: 1240px;
    margin: 0 auto;
    padding: 82px 28px 110px;
    color: #211f1b;
}

.mf-blog-hero {
    max-width: 760px;
    margin: 0 auto 66px;
    text-align: center;
}

.mf-blog-eyebrow {
    display: inline-block;
    color: #a1844c;
    font: 700 11px/1.4 'Nunito Sans', Arial, sans-serif;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.mf-blog-hero h1,
.mf-blog-post__header h1 {
    margin: 18px 0 17px;
    color: #211f1b;
    font: 500 clamp(46px, 6vw, 78px)/.92 'Cormorant Garamond', Georgia, serif;
    letter-spacing: -.035em;
}

.mf-blog-hero h1 em { color: #a1844c; font-style: italic; }
.mf-blog-hero p { max-width: 520px; margin: 0 auto; color: #756f66; font-size: 14px; line-height: 1.8; }

.mf-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 52px 28px;
}

.mf-blog-card { min-width: 0; }
.mf-blog-card__image { display: block; overflow: hidden; aspect-ratio: 1.35/1; background: #f2eee8; }
.mf-blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.mf-blog-card:hover .mf-blog-card__image img { transform: scale(1.035); }
.mf-blog-card__body { padding-top: 20px; }

.mf-blog-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #a1844c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.5;
    text-transform: uppercase;
}

.mf-blog-card__meta time { color: #9c958b; }
.mf-blog-card__meta time::before { margin-right: 10px; color: #cfc5b5; content: '·'; }
.mf-blog-card h2 { margin: 12px 0 10px; font: 600 28px/1.05 'Cormorant Garamond', Georgia, serif; letter-spacing: -.015em; }
.mf-blog-card h2 a { color: #211f1b; text-decoration: none; }
.mf-blog-card h2 a:hover { color: #a1844c; }
.mf-blog-card p { min-height: 50px; margin: 0 0 17px; color: #756f66; font-size: 13px; line-height: 1.7; }

.mf-blog-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #80663b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
    text-decoration: none;
    text-transform: uppercase;
}

.mf-blog-link i { font-size: 12px; transition: transform .2s ease; }
.mf-blog-link:hover { color: #211f1b; }
.mf-blog-link:hover i { transform: translateX(4px); }

.mf-blog-empty {
    max-width: 700px;
    margin: 0 auto;
    padding: 84px 24px;
    border-top: 1px solid #e5dfd5;
    border-bottom: 1px solid #e5dfd5;
    text-align: center;
}

.mf-blog-empty h2 { margin: 16px 0 10px; font: 500 42px/1 'Cormorant Garamond', Georgia, serif; }
.mf-blog-empty p { margin: 0 0 24px; color: #756f66; font-size: 13px; }

.mf-blog-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 64px; }
.mf-blog-pagination a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid #e1dbd1; color: #716b61; font-size: 12px; text-decoration: none; }
.mf-blog-pagination a:hover, .mf-blog-pagination a.is-active { border-color: #a1844c; background: #a1844c; color: #fff; }

.mf-blog-post { max-width: 980px; padding-top: 58px; }
.mf-blog-post__crumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 45px; color: #9c958b; font-size: 11px; }
.mf-blog-post__crumb a { color: #80663b; text-decoration: none; }
.mf-blog-post__header { max-width: 790px; margin: 0 auto 40px; text-align: center; }
.mf-blog-post__header h1 { font-size: clamp(48px, 7vw, 88px); }
.mf-blog-post__header .mf-blog-card__meta { justify-content: center; }
.mf-blog-post__cover { margin: 0; aspect-ratio: 1.9/1; background: #f2eee8; }
.mf-blog-post__cover img { width: 100%; height: 100%; object-fit: cover; }
.mf-blog-post__lead { max-width: 720px; margin: 50px auto 26px; color: #4d473f; font: 500 23px/1.45 'Cormorant Garamond', Georgia, serif; }
.mf-blog-post__content { max-width: 720px; margin: 0 auto; color: #514b43; font-size: 15px; line-height: 2; white-space: normal; }
.mf-blog-post__footer { max-width: 720px; margin: 50px auto 0; padding-top: 26px; border-top: 1px solid #e5dfd5; }
.mf-blog-post__footer .mf-blog-link i { transition: transform .2s ease; }
.mf-blog-post__footer .mf-blog-link:hover i { transform: translateX(-4px); }

@media (max-width: 850px) {
    .mf-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 20px; }
}

@media (max-width: 600px) {
    .mf-blog-page, .mf-blog-post { padding: 52px 18px 82px; }
    .mf-blog-hero { margin-bottom: 46px; }
    .mf-blog-hero h1 { font-size: 51px; }
    .mf-blog-grid { grid-template-columns: 1fr; gap: 40px; }
    .mf-blog-card__image { aspect-ratio: 1.28/1; }
    .mf-blog-card h2 { font-size: 31px; }
    .mf-blog-post__crumb { margin-bottom: 34px; }
    .mf-blog-post__header h1 { font-size: 53px; }
    .mf-blog-post__cover { aspect-ratio: 1.1/1; }
    .mf-blog-post__lead { margin-top: 32px; font-size: 21px; }
    .mf-blog-post__content { font-size: 14px; line-height: 1.85; }
}