/* About page v10.5: scoped styles, existing V10.4 assets untouched. */
.mf-about, .mf-about-home{color:var(--ink)}
.mf-about h1,.mf-about h2,.mf-about h3,.mf-about-home h2{letter-spacing:-.035em;line-height:1.14;color:var(--ink);text-wrap:balance}
.mf-about p,.mf-about-home p{color:var(--ink-soft);line-height:1.8}
.mf-about-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--teal);letter-spacing:.14em;font-size:.74rem;font-weight:820}
.mf-about-kicker::before{content:'';display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%}
.mf-about-hero{padding:clamp(66px,8vw,118px) 0 clamp(52px,7vw,96px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 24%,rgba(38,194,175,.14),transparent 47%),var(--bg)}
.mf-about-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);gap:clamp(30px,7vw,100px);align-items:center}
.mf-about-hero h1{font-size:clamp(2.35rem,5.6vw,4.65rem);max-width:750px;margin:18px 0 21px;font-weight:850}
.mf-about-lead{font-size:clamp(1.04rem,1.65vw,1.18rem);max-width:720px}
.mf-about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.mf-about-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border-radius:13px;text-decoration:none;font-size:.94rem;font-weight:780;border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.mf-about-button:hover{transform:translateY(-2px)}
.mf-about-button:focus-visible,.mf-about-link:focus-visible,.mf-about-inline-link:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.mf-about-primary{background:var(--teal);color:#fff!important;border-color:var(--teal);box-shadow:0 11px 20px -14px rgba(0,133,121,.55)}
.mf-about-primary:hover{box-shadow:0 13px 28px -16px rgba(0,133,121,.7)}
.mf-about-secondary{background:var(--surface);color:var(--ink)!important}
.mf-about-hero-art{min-height:310px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:30px;background:linear-gradient(150deg,var(--surface),var(--surface-2));isolation:isolate;overflow:hidden;box-shadow:var(--shadow)}
.mf-about-hero-art:before,.mf-about-hero-art:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;width:330px;height:330px;z-index:-1}
.mf-about-hero-art:after{width:230px;height:230px}
.mf-about-emblem{display:grid;place-items:center;width:170px;height:170px;border-radius:40px;background:var(--surface);box-shadow:0 16px 60px -25px rgba(18,110,107,.35);border:1px solid var(--line)}
.mf-about-emblem img{width:110px;height:110px}
.mf-about-art-label{position:absolute;bottom:25px;letter-spacing:.22em;color:var(--ink-faint);font-size:.69rem;font-weight:750}
.mf-about-promise{background:var(--navy);padding:28px 0;text-align:center}
.mf-about-promise p{margin:auto;max-width:830px;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.65;color:#ecfaf9;font-weight:600}
.mf-about-values{padding:clamp(65px,8vw,110px) 0}
.mf-about-section-head{max-width:710px;margin:0 auto 37px;text-align:center}
.mf-about-section-head .mf-about-kicker{justify-content:center}
.mf-about-section-head h2{font-size:clamp(2rem,3.5vw,3rem);margin:15px 0 9px}
.mf-about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mf-about-value{border:1px solid var(--line);background:var(--surface);border-radius:23px;padding:clamp(23px,3.1vw,34px);position:relative;box-shadow:0 11px 40px -37px rgba(10,59,80,.4)}
.mf-about-num{position:absolute;right:27px;top:24px;color:var(--ink-faint);font-size:.79rem;font-weight:750}
.mf-about-value-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--surface-3);color:var(--teal);font-size:1.65rem;margin-bottom:22px}
.mf-about-value h3{font-size:clamp(1.19rem,2vw,1.44rem);margin:0 0 10px}
.mf-about-value p{font-size:.96rem;margin:0;max-width:540px}
.mf-about-story{background:var(--surface-2);padding:clamp(61px,8vw,98px) 0}
.mf-about-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,5.5vw,80px)}
.mf-about-story h2{font-size:clamp(1.75rem,3vw,2.45rem);margin:15px 0}
.mf-about-story p{margin-bottom:20px}
.mf-about-inline-link,.mf-about-link{color:var(--teal)!important;text-decoration:none;font-weight:810;display:inline-flex;align-items:center;gap:8px}
.mf-about-inline-link:after,.mf-about-link:after{content:'↗';transition:transform .18s}
.mf-about-inline-link:hover:after,.mf-about-link:hover:after{transform:translate(2px,-2px)}
.mf-about-last{padding:clamp(64px,8vw,104px) 0}
.mf-about-last-inner{text-align:center;max-width:690px}
.mf-about-last h2{font-size:clamp(1.8rem,3.4vw,3rem);margin:0 0 12px}
.mf-about-last .mf-about-actions{justify-content:center}
.mf-about-home{padding:clamp(52px,6vw,90px) 0;background:var(--surface-2)}
.mf-about-home-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(170px,.65fr);align-items:center;gap:34px}
.mf-about-home h2{font-size:clamp(1.8rem,3.1vw,2.65rem);max-width:680px;margin:13px 0 12px}
.mf-about-home p{margin:0 0 20px;max-width:660px}
.mf-about-home-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:220px;border-radius:25px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.mf-about-home-symbol span{letter-spacing:.17em;color:var(--ink-faint);font-size:.73rem;font-weight:800}
@media(max-width:1190px){body[data-page=home] .desktop-nav{gap:15px}}
@media(max-width:760px){.mf-about-hero{padding:46px 0 55px}.mf-about-hero-grid,.mf-about-story-grid,.mf-about-home-inner{grid-template-columns:1fr}.mf-about-hero-art{min-height:190px;max-width:100%;border-radius:22px}.mf-about-emblem{width:115px;height:115px;border-radius:28px}.mf-about-emblem img{width:77px;height:77px}.mf-about-art-label{bottom:13px}.mf-about-values-grid{grid-template-columns:1fr}.mf-about-home-symbol{display:none}.mf-about-actions{gap:10px}.mf-about-button{width:auto;flex:1 1 160px}.mf-about-hero h1{max-width:540px}.mf-about-promise{padding:24px 0}}
@media(max-width:390px){.mf-about-button{flex-basis:100%}.mf-about-value{padding:22px}.mf-about-hero-art{min-height:160px}}
@media(prefers-reduced-motion:reduce){.mf-about-button,.mf-about-link:after,.mf-about-inline-link:after{transition:none}}