.mm-case{--mm-red:#b82532;--mm-cream:#f6f2ed}.mm-case .section{padding-block:clamp(48px,7vw,96px)}.mm-case h2{font-size:clamp(32px,4.5vw,62px)}.mm-case h3{font-size:26px}.mm-case p{max-width:75ch}.mm-image{margin:0;min-width:0}.mm-image img{display:block;width:100%;height:auto}.mm-image figcaption{font-size:13px;line-height:1.55;margin-top:14px;color:#566071}.mm-hero{background:#15151d;color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;overflow:hidden}.mm-hero h1{color:#fff;font-size:clamp(44px,5.6vw,80px)}.mm-hero h1 em{color:#ffb1a3}.mm-hero .eyebrow{color:#ffb1a3}.mm-hero .text-link{color:#fff}.mm-hero-visual{max-width:480px;transform:rotate(3deg);border:8px solid #36333a;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #0007}.mm-hero-stat{border-top:1px solid #ffffff40;padding-top:24px;margin-top:28px}.mm-case .mm-number{font-size:clamp(35px,4.5vw,62px);line-height:1.15;letter-spacing:-.04em;font-weight:750;margin-bottom:10px}.mm-hero-stat>p:last-child{font-size:14px;color:#ddd}.mm-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:30px}.mm-evolution{background:var(--mm-cream)}.mm-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin:40px 0}.mm-before,.mm-after{background:white;padding:32px;border-radius:22px;border:1px solid #e0d9d5}.mm-after{border-top:5px solid var(--mm-red)}.mm-before .mm-image{margin-top:55px}.mm-after .mm-image{max-width:340px;margin:24px auto 0}.mm-milestone{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;background:#fff;padding:35px;border-radius:22px}.mm-milestone .mm-image{max-width:380px;margin:auto}.mm-content-story{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:60px}.mm-content-story>.mm-image{position:sticky;top:115px;border-radius:20px;overflow:hidden}.mm-content-pillars{margin:32px 0}.mm-pillar{display:grid;grid-template-columns:42px 1fr;column-gap:14px;border-top:1px solid #dedde4;padding-top:20px;margin-bottom:24px}.mm-pillar .index{grid-row:1/3;color:#b82532}.mm-pillar p:last-child{grid-column:2}.mm-pillar h3{margin-bottom:10px}.mm-pillar p{font-size:17px}.mm-case .mm-note{font-size:14px;line-height:1.65;color:#566071}.mm-results{background:#171b35;color:white}.mm-results h2{color:white}.mm-results h2 em{color:#ffbe9d}.mm-results>.eyebrow{color:#ffbe9d}.mm-results .mm-note{color:#d1d4e1}.mm-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0}.mm-metric-card{background:white;color:#171b35;border-radius:18px;padding:24px;min-width:0}.mm-metric-card .eyebrow{color:#7d2832}.mm-metric-value{font-size:clamp(26px,3.2vw,44px);font-weight:750;letter-spacing:-.04em;line-height:1.1;margin-bottom:8px}.mm-growth{font-size:30px;color:#216a48;font-weight:700;margin-bottom:0}.mm-metric-card .mm-image{margin-top:28px}.mm-metric-card>p{font-size:15px}.mm-metric-card>.mm-metric-value{font-size:clamp(26px,3.2vw,44px)}.mm-metric-card>.mm-growth{font-size:30px}.mm-takeaway{background:#f6f2ed}.mm-closing{background:#171b35;color:white}.mm-closing h2{color:white}.mm-closing em,.mm-closing .text-link{color:#ffcf6d}.mm-project-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;background:#15151d;color:white}.mm-project-card h2{color:white;font-size:clamp(36px,4vw,60px)}.mm-project-card .eyebrow,.mm-project-card .text-link{color:#ffb1a3}.mm-card-art{max-height:480px;overflow:hidden;border-radius:20px}.mm-card-art img{width:100%;height:auto}
@media(max-width:900px){.mm-hero,.mm-content-story,.mm-project-card{grid-template-columns:1fr}.mm-hero-visual{max-width:420px;margin:auto;transform:none}.mm-content-story>.mm-image{position:static;max-width:480px;margin:auto}.mm-two-columns{gap:28px}.mm-metrics-grid{grid-template-columns:1fr}.mm-metric-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.mm-metric-card .mm-image{grid-column:2;grid-row:1/6;margin:0}.mm-metric-card>p{grid-column:1}.mm-card-art{max-width:500px}.mm-milestone{gap:25px;padding:24px}}
@media(max-width:600px){.mm-two-columns,.mm-comparison,.mm-milestone{grid-template-columns:1fr}.mm-before,.mm-after{padding:22px}.mm-before .mm-image{margin-top:25px}.mm-hero{gap:35px}.mm-case .mm-number{font-size:40px}.mm-metric-card{display:block}.mm-metric-card .mm-image{margin-top:22px}.mm-content-story{gap:35px}.mm-case .section{padding-block:44px}.mm-milestone h3{font-size:25px}}
.mm-hero .lede{color:#e0dfe6}
