/* About page – story, team, CTA */
:root{--mm-ink:#1a2420;--mm-mute:#5b6b63;--mm-line:#e3e9e5;--mm-soft:#eef2ef;--mm-gold:#e9c46a}
/* full-bleed image hero (same shell as the menu page) */
.kd-section_header-menu.text-color-alternate{min-height:0;min-width:0;overflow:hidden}
.kd-section_header-menu .kd-header-menu-content{min-height:clamp(380px,52vh,560px);max-height:none}
.kd-section_header-menu .kd-padding-section-large{padding-top:8rem;padding-bottom:2.5rem}
.kd-section_header-menu .kd-heading-style-h1{font-size:clamp(2.8rem,5.5vw,4.8rem);line-height:.92;margin:0}
.kd-section_header-menu .kd-max-width-medium{max-width:44rem}
.mm-hero-lead{display:block;font-family:var(--heading);font-size:1.45rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;line-height:1.25;margin-top:.3rem}
.kd-section_header-menu .kd-margin-top.margin-small{margin-top:1.2rem}
.kd-section_header-menu .kd-header-menu-background-image-wrapper{background-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.6) 100%)}
.kd-section_header-menu .kd-image-overlay-layer{background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,0) 100%)}
.mm-about-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transform:scale(1.04);animation:mmHeroZoom 14s ease-in-out infinite alternate}
@keyframes mmHeroZoom{from{transform:scale(1.04)}to{transform:scale(1.1)}}
.kd-section_header-menu .kd-header-menu-background-image-wrapper{z-index:0}
.kd-section_header-menu .kd-header-menu-background-image-wrapper .mm-about-hero-img{z-index:0}
.kd-section_header-menu .kd-image-overlay-layer{z-index:1}
.mm-gold{color:#b8862b}
/* story */
.mm-story{background:var(--urban-white)}
.mm-story .kd-padding-section-large{padding-top:4.5rem;padding-bottom:4rem}
.mm-story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem 4rem;align-items:start}
.mm-story-text h2{color:var(--urban-green);margin:0 0 1.25rem}
.mm-story-text p{margin:0 0 1rem;font-size:1.08rem;line-height:1.7}
.mm-story-end strong{font-family:var(--heading);font-size:1.6rem;letter-spacing:.04em;color:var(--urban-green);font-weight:400}
.mm-story-side{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;position:sticky;top:120px;align-items:stretch}
.mm-story-quote{background:var(--urban-green);color:#fff;border-radius:14px;padding:2.2rem 1.6rem 1.8rem;position:relative;display:flex;flex-direction:column;justify-content:center}
.mm-story-qmark{position:absolute;top:.6rem;left:1.2rem;font-family:var(--heading);font-size:4rem;line-height:1;color:rgba(255,255,255,.25)}
.mm-story-quote p{margin:1rem 0 0;font-size:1.05rem;line-height:1.55;color:#f1efe9}
.mm-story-img{border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(26,36,32,.18)}
.mm-story-img{height:100%}
.mm-story-img img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4.4}
/* team */
.mm-team{background:var(--urban-green);color:#fff}
.mm-team .kd-padding-section-large{padding-top:4.5rem;padding-bottom:4.5rem}
.mm-team-head{text-align:center;max-width:46rem;margin:0 auto 2.5rem}
.mm-team-head .kd-text-style-tagline{color:var(--mm-gold)}
.mm-team-head h2{margin:0 0 .8rem}
.mm-team-head p{margin:0;color:#e9c46a;font-family:var(--heading);font-size:1.45rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.3}
.mm-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mm-team-card{background:#f4f6c8;color:var(--mm-ink);border-radius:16px;padding:1.6rem 1.5rem 1.5rem;transition:transform .25s,box-shadow .25s}
.mm-team-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.mm-team-av{width:88px;height:88px;border-radius:50%;background:var(--urban-green);display:grid;place-items:center;margin-bottom:1.2rem}
.mm-team-av span{font-family:var(--heading);font-size:2rem;color:#fff;letter-spacing:.05em}
.mm-team-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.mm-team-role{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-mute);margin-bottom:.3rem}
.mm-team-name{font-family:var(--heading);font-size:1.9rem;letter-spacing:.03em;color:var(--urban-green);margin:0 0 .6rem;line-height:1}
.mm-team-card p{margin:0;font-size:.95rem;line-height:1.55;color:#2e3b35}
.mm-team-card:nth-child(4){grid-column:1/2}
/* cta */
.mm-about-cta .kd-padding-section-large{padding-top:3.5rem;padding-bottom:3.5rem}
.mm-about-cta-box{text-align:center;max-width:40rem;margin:0 auto}
.mm-about-cta-box h2{color:var(--urban-green);margin:0 0 .6rem}
.mm-about-cta-box p{margin:0 0 1.4rem}
@media (max-width:991px){
 .mm-story-grid{grid-template-columns:1fr;gap:2rem}
 .mm-story-side{position:static}
 .mm-team-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
 .kd-section_header-menu .kd-header-menu-content{min-height:clamp(360px,52vh,480px)}
 .kd-section_header-menu .kd-padding-section-large{padding-top:6rem;padding-bottom:1.8rem}
 .kd-section_header-menu .kd-heading-style-h1{font-size:2.6rem}
 .mm-hero-lead{font-size:1.1rem}
 .mm-story .kd-padding-section-large,.mm-team .kd-padding-section-large{padding-top:3rem;padding-bottom:3rem}
 .mm-story-side{grid-template-columns:1fr}
 .mm-story-img img{aspect-ratio:4/3}
 .mm-team-grid{grid-template-columns:1fr}
 .mm-team-card{padding:1.3rem 1.2rem}
}
/* matched button pair (hero + CTA) */
.kd-section_header-menu .kd-button-group,.mm-about-cta-box .kd-button-group{display:flex;gap:.9rem;flex-wrap:wrap;align-items:stretch}
.kd-section_header-menu .kd-button-group a,.mm-about-cta-box .kd-button-group a{min-width:190px;height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 1.6rem;border-radius:6px;font-family:var(--heading);font-size:1.2rem;letter-spacing:.09em;text-transform:uppercase;line-height:1;text-decoration:none;box-sizing:border-box;border:2px solid var(--urban-green);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.mm-about-cta-box .kd-button-group a.kd-button{background:var(--urban-green);color:#fff;box-shadow:0 10px 24px rgba(51,72,62,.25)}
.kd-section_header-menu .kd-button-group a.kd-button{background:#fff;color:var(--urban-green);border-color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.mm-about-cta-box .kd-button-group a.kd-button-secondary{background:transparent;color:var(--urban-green)}
.kd-section_header-menu .kd-button-group a.kd-button-secondary{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
.kd-section_header-menu .kd-button-group a:hover,.mm-about-cta-box .kd-button-group a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(51,72,62,.3)}
.mm-about-cta-box .kd-button-group a.kd-button-secondary:hover{background:var(--urban-green);color:#fff}
.kd-section_header-menu .kd-button-group a.kd-button-secondary:hover{background:#fff;color:var(--urban-green)}
.mm-about-cta-box .kd-button-group{justify-content:center}
@media (max-width:479px){.kd-section_header-menu .kd-button-group a,.mm-about-cta-box .kd-button-group a{width:100%}}
/* intro below the hero photo */
.mm-about-intro{background:var(--urban-white)}
.mm-about-intro .kd-container-large{padding-top:3rem;padding-bottom:2.25rem;border-bottom:1px solid var(--urban-green)}
.mm-about-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem 4rem;align-items:end}
.mm-about-intro h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:.92;margin:0;color:var(--urban-green)}
.mm-about-intro .mm-hero-lead{color:var(--urban-green);margin:0 0 1.2rem;font-size:1.35rem}
.mm-about-intro .kd-button-group{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.mm-about-intro .kd-button-group a{min-width:0;width:100%;height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 1.6rem;border-radius:6px;font-family:var(--heading);font-size:1.2rem;letter-spacing:.09em;text-transform:uppercase;line-height:1;text-decoration:none;box-sizing:border-box;border:2px solid var(--urban-green);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.mm-about-intro .kd-button-group a.kd-button{background:var(--urban-green);color:#fff;box-shadow:0 10px 24px rgba(51,72,62,.25)}
.mm-about-intro .kd-button-group a.kd-button-secondary{background:transparent;color:var(--urban-green)}
.mm-about-intro .kd-button-group a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(51,72,62,.3)}
.mm-about-intro .kd-button-group a.kd-button-secondary:hover{background:var(--urban-green);color:#fff}
.mm-story .kd-padding-section-large{padding-top:2.5rem}
@media (max-width:991px){.mm-about-intro-grid{grid-template-columns:1fr;gap:1rem;align-items:start}}
@media (max-width:767px){.mm-about-intro .kd-container-large{padding-top:2rem;padding-bottom:1.5rem}.mm-about-intro .kd-button-group{grid-template-columns:1fr}.mm-about-intro h1{font-size:2.6rem}.mm-about-intro .mm-hero-lead{font-size:1.1rem}.mm-about-intro .kd-button-group a{width:100%}}