.mkk-about { width:100%; max-width:none; color:var(--ink,#182c39); }
.mkk-about .wrap { width:min(1180px,calc(100% - 64px)); max-width:none; margin-inline:auto; }
.mkk-about-landscape { position:relative; isolation:isolate; background:#253c35; overflow:hidden; }
.mkk-about-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.mkk-about-landscape::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,32,45,.86),rgba(11,32,45,.62) 47%,rgba(11,32,45,.08)); z-index:-1; }
.mkk-about-hero-inner { min-height:570px; display:flex; align-items:center; padding-block:90px; }
.mkk-about-intro { max-width:640px; color:white; }
.mkk-about-intro .eyebrow { color:#e4c78e; }
.mkk-about-intro h1 { font-size:clamp(2.6rem,4.7vw,4.4rem); }
.mkk-about-intro p:last-child { max-width:550px; font-size:1.13rem; margin-bottom:0; line-height:1.75; }
.mkk-about-credit { margin:0; padding:7px 20px; background:#112c3de8; color:#fff; font-size:12px; text-align:right; }
.mkk-about-credit a:hover { color:#e4c78e; }
.mkk-about-story { padding-block:68px; }
.mkk-about-story h2 { max-width:780px; }
.mkk-about-lead { max-width:780px; font-size:1.13rem; }
.mkk-about-people { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:38px; }
.mkk-about-people article { padding-top:24px; border-top:2px solid #d9b56d; }
.mkk-about-name { color:#805c25; font-family:Georgia,serif; font-size:2rem; margin-bottom:12px; }
.mkk-about-people h3 { font-size:1.18rem; letter-spacing:0; line-height:1.4; }
.mkk-about-people p:last-child { margin-bottom:0; }
.mkk-about-values { background:#edf2f5; padding-block:52px; }
.mkk-about-values-inner { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; }
.mkk-about-link { font-weight:700; }
@media(max-width:720px) {
 .mkk-about .wrap { width:calc(100% - 40px); }
 .mkk-about-hero-inner { min-height:550px; padding-block:58px; }
 .mkk-about-landscape::before { background:rgba(11,32,45,.7); }
 .mkk-about-people,.mkk-about-values-inner { grid-template-columns:1fr; gap:30px; }
 .mkk-about-story { padding-block:44px; }
 .mkk-about-values { padding-block:40px; }
 .mkk-about-credit { text-align:left; }
}