.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 > .wp-block-group { 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; }
}

.mkk-about .mkk-about-story-top { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,300px); gap:48px; align-items:start; }
.mkk-about .mkk-about-founder-photo { margin:0; padding:0; }
.mkk-about .mkk-about-founder-photo img { display:block; width:100%; height:auto; border-radius:4px; }
.mkk-about .mkk-about-story-copy { min-width:0; }
.mkk-about .mkk-about-story-copy .mkk-about-lead { margin-bottom:0; }
.mkk-about .mkk-about-values {
 background-color:#112c3d;
 background-image:linear-gradient(90deg,rgba(11,32,45,.92),rgba(11,32,45,.85)),url('american-flag.svg');
 background-size:cover;
 background-position:center;
 color:#fff;
 border-top:2px solid #d9b56d;
}
.mkk-about .mkk-about-values h2,.mkk-about .mkk-about-values p { color:#fff; }
.mkk-about .mkk-about-values .eyebrow,.mkk-about .mkk-about-values a { color:#e4c78e; }
.mkk-about .mkk-about-values a:hover { color:#fff; }
@media(max-width:720px) {
 .mkk-about .mkk-about-story-top { grid-template-columns:minmax(0,1fr); gap:28px; }
 .mkk-about .mkk-about-founder-photo { width:min(100%,340px); justify-self:center; }
}

/* Native blocks use the same layout in the editor and on the page. */
.mkk-about .mkk-about-background-frame { position:absolute; inset:0; margin:0; z-index:-2; width:100%; height:100%; }
.mkk-about .mkk-about-background-frame img { display:block; width:100%; height:100%; object-fit:cover; }
.mkk-about .mkk-about-founder-photo .wp-block-image { margin:0; }
.mkk-about .mkk-about-story-top > *, .mkk-about .mkk-about-people > *, .mkk-about .mkk-about-values-inner > * { margin-block:0; }
.editor-styles-wrapper .mkk-about { font-family:Arial,Helvetica,sans-serif; font-size:17px; line-height:1.7; }
.editor-styles-wrapper .mkk-about h1,.editor-styles-wrapper .mkk-about h2 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.035em; line-height:1.12; margin:0 0 24px; }
.editor-styles-wrapper .mkk-about h2 { font-size:clamp(2rem,3.4vw,3rem); }
.editor-styles-wrapper .mkk-about p { margin:0 0 22px; }
.editor-styles-wrapper .mkk-about .eyebrow { text-transform:uppercase; letter-spacing:.15em; font-weight:700; font-size:.8rem; }
.editor-styles-wrapper .mkk-about .mkk-about-values p, .editor-styles-wrapper .mkk-about .mkk-about-intro p { color:white; }
.editor-styles-wrapper .mkk-about .mkk-about-intro .eyebrow,.editor-styles-wrapper .mkk-about .mkk-about-values .eyebrow { color:#e4c78e; }