.mk-blog-list .mk-blog-hero{height:310px;position:relative;isolation:isolate;overflow:hidden;background:#eee9df;display:grid;place-items:center;padding:80px 24px 0}
.mk-blog-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.mk-blog-hero__title{margin:0;padding:10px 24px;color:#25231f!important;background:rgba(246,242,233,.88);font-family:var(--mk-font-sans,'Syne',sans-serif);font-size:clamp(30px,4vw,56px);font-weight:600;line-height:1.15;letter-spacing:-.035em;text-align:center;border-radius:3px}
.mk-blog-list #header-lock{background:#fff!important}
.mk-blog-list #header-lock .tp-header-menu nav>ul>li>a{color:#25231f!important}
.mk-blog-list #header-lock .tp-offcanvas-open-btn span{background:#25231f!important}
.mk-blog-list #header-lock .logo-1{display:block!important}
.mk-blog-list #header-lock .logo-2{display:none!important}
.mk-blog-list #postbox{padding-top:64px}
@media(max-width:767px){.mk-blog-list .mk-blog-hero{height:280px;padding-top:70px}.mk-blog-hero__image{object-position:62% center}.mk-blog-hero__title{padding:10px 18px}.mk-blog-list #postbox{padding-top:40px}}

.mk-blog-hero__heading{display:block}
.mk-blog-hero__page{display:block;margin-top:8px;font-size:clamp(15px,1.6vw,20px);font-weight:400;line-height:1.3;letter-spacing:0}

.mk-blog-hero__heading{text-align:center}
.mk-blog-hero__page{text-align:left}

/* Full-image translucent cream-white film; text has no separate panel. */
.mk-blog-list .mk-blog-hero::before{content:'';position:absolute;inset:0;background:rgba(246,242,233,.68);z-index:0;pointer-events:none}
.mk-blog-list .mk-blog-hero__title{position:relative;z-index:1;background:transparent;border-radius:0}