/* Core-block magazine spread. The native WordPress body owns every readable word. */
.mm-page .mm-about-editorial{--about-rule:#d5d5d5;background:#fff;color:#111;overflow:clip}
.mm-about-editorial .wp-block-group{margin:0;min-width:0}
/* WordPress inserts this wrapper at render time; it must never become a grid item. */
.mm-about-editorial .wp-block-group__inner-container{display:contents}
.mm-page .mm-about-editorial h3::before{display:none!important;content:none!important}
.mm-about-editorial :where(h1,h2,h3){text-transform:uppercase;text-wrap:balance}
.mm-about-editorial :where(p,li){text-wrap:pretty}
.mm-about-editorial figure{margin:0;min-width:0}
.mm-about-editorial .mm-about-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:5%;align-items:center;padding:58px 5.5% 38px;min-height:620px}
.mm-page .mm-about-hero h1{font-family:'MM Anton',sans-serif!important;font-weight:400;font-size:clamp(68px,7.8vw,119px);letter-spacing:-.035em;line-height:.98;margin:19px 0 25px;max-width:760px}
.mm-about-hero h1 strong{font-weight:400;color:#D7282F}
.mm-about-hero .mm-about-deck{font-size:19px;line-height:1.6;max-width:420px;margin-bottom:22px}
.mm-page .mm-about-editorial .mm-about-link a{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:700;min-height:44px;border-bottom:2px solid currentColor;padding:8px 0;transition:color .2s}
.mm-page .mm-about-editorial .mm-about-link a:hover{color:#D7282F}
.mm-about-editorial .mm-about-art-stage{position:relative;min-height:475px;display:grid;place-items:center;isolation:isolate}
.mm-about-art-stage .mm-about-art-motion{width:100%;max-width:590px}
.mm-about-art-stage .mm-about-art-motion img{width:100%;height:auto;object-fit:contain}
.mm-about-art-stage .mm-about-art-note{position:absolute;bottom:0;right:5%;font-family:'Bradley Hand','Segoe Print',cursive;font-size:25px;line-height:1.4;transform:rotate(-7deg);max-width:240px;text-align:center;color:#D7282F}
.mm-about-editorial .mm-about-story-room{margin:0 5.5%;padding:50px 0 60px;border-top:1px solid #111;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:8%;align-items:start}
.mm-page .mm-about-story h2{font-size:clamp(40px,4.2vw,61px);line-height:1.03;margin-bottom:22px}
.mm-about-story .mm-about-copy p{font-size:17px;line-height:1.75;margin-bottom:17px;max-width:450px}
.mm-about-editorial .mm-about-timeline{position:relative;padding-top:7px}
.mm-page .mm-about-timeline h2{font-size:38px;margin-bottom:34px}
.mm-about-timeline .mm-about-margin-note{font-family:'Bradley Hand','Segoe Print',cursive;color:#D7282F;font-size:24px;line-height:1.4;transform:rotate(5deg);position:absolute;right:3%;top:-10px;max-width:180px;text-align:center}
.mm-about-timeline ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:4px solid #D7282F}
.mm-about-timeline li{position:relative;padding-top:22px;font-size:14px;line-height:1.7}
.mm-about-timeline li strong{display:block;font-family:'MM Anton',sans-serif!important;font-size:clamp(24px,2.3vw,33px);font-weight:400;line-height:1.2;margin-bottom:13px;color:#D7282F}
.mm-about-timeline li b{display:block;font-family:'MM Condensed',sans-serif;font-size:23px;line-height:1.1;margin-bottom:10px}
.mm-about-timeline li:nth-child(2){padding-top:55px}
.mm-about-timeline li:nth-child(3){padding-top:88px}
.mm-about-timeline .mm-about-link{margin-top:25px}
.mm-about-editorial .mm-about-tom-spread{position:relative;margin:35px 5.5% 0;padding:38px 0 75px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:8%;align-items:center}
.mm-page .mm-about-tom-spread>.wp-block-heading,.mm-page .mm-about-tom-spread>.wp-block-group__inner-container>.wp-block-heading{grid-column:1/-1;font-family:'MM Anton',sans-serif!important;font-weight:400;font-size:clamp(60px,7.1vw,108px);line-height:1.03;letter-spacing:-.025em;margin:0 0 35px;position:relative;z-index:2;max-width:1100px}
.mm-about-tom-spread h2 strong{font-weight:400;color:#D7282F}
.mm-about-editorial .mm-about-portrait-stage{position:relative;min-width:0;padding:0 18px 32px 0}
.mm-about-portrait-stage:before{content:'';position:absolute;inset:25px 0 7px 18px;background:#D7282F;transform:rotate(2deg)}
.mm-about-portrait-stage .mm-about-timeline-photo{position:relative;transform:rotate(-3deg);transform-origin:50% 60%;background:#ececed;border:8px solid #fff;box-shadow:0 9px 20px #1111}
.mm-about-timeline-photo img{width:100%;height:460px;object-fit:cover;object-position:center 25%}
.mm-about-portrait-stage .mm-about-ring-motion{position:absolute;right:-45px;bottom:-10px;width:165px;height:165px;z-index:3;background:#fff;border-radius:50%}
.mm-about-ring-motion img{width:100%;height:100%;object-fit:contain}
.mm-about-tom-spread .mm-about-copy{padding:8px 0 0}
.mm-page .mm-about-tom-spread .mm-about-copy h3{font-size:44px;margin-bottom:8px}
.mm-about-tom-spread .mm-about-role{color:#D7282F;font-weight:700;font-size:16px;line-height:1.55;margin-bottom:21px}
.mm-about-tom-spread .mm-about-copy p:not(.mm-about-role):not(.mm-about-link){font-size:18px;line-height:1.75;max-width:560px;margin-bottom:19px}
.mm-about-tom-spread .mm-about-copy .mm-about-link{margin-top:10px}
.mm-about-editorial .mm-about-topics{margin:0 5.5%;padding:40px 0 50px;border-top:1px solid #111;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:7%;align-items:start}
.mm-page .mm-about-topics h2{font-size:clamp(42px,5.1vw,74px);line-height:1;max-width:390px;padding-top:16px}
.mm-about-topics .mm-about-topic{padding:20px 0;border-bottom:1px solid var(--about-rule);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center}
.mm-page .mm-about-topic h3{font-size:clamp(26px,2.7vw,38px);line-height:1.08}
.mm-page .mm-about-topic h3 a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0}
.mm-page .mm-about-topic h3 a:hover{color:#D7282F}
.mm-about-topic h3 a span{font-family:'MM Roboto',sans-serif;font-size:26px;font-weight:400;transition:transform .2s}
.mm-about-topic h3 a:hover span{transform:translate(3px,-3px)}
.mm-about-topic p{font-size:15px;line-height:1.65}
.mm-about-editorial .mm-about-invitation{margin:0 5.5%;padding:22px 0 68px;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:7%}
.mm-page .mm-about-invitation h2{font-size:clamp(36px,4.1vw,59px);line-height:1.05;color:#D7282F}
.mm-about-invitation .mm-about-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:4px}
.mm-page .mm-about-actions h3{font-size:26px;margin-bottom:13px}
.mm-about-actions p{font-size:14px;line-height:1.7;margin-bottom:11px}
.mm-page .mm-about-actions .mm-about-link a{font-size:12px;gap:12px}
@media(min-width:1700px){.mm-about-editorial>div{max-width:1700px;margin-left:auto!important;margin-right:auto!important}}
@media(max-width:1100px){.mm-about-editorial .mm-about-hero{min-height:520px;gap:3%}.mm-page .mm-about-hero h1{font-size:clamp(66px,8vw,87px)}.mm-about-editorial .mm-about-art-stage{min-height:370px}.mm-about-art-stage .mm-about-art-note{font-size:21px;right:0;bottom:5px}.mm-about-editorial .mm-about-story-room{grid-template-columns:minmax(0,1fr);gap:32px}.mm-about-story{display:grid;grid-template-columns:1fr 1fr;gap:7%}.mm-about-timeline .mm-about-margin-note{right:9%;top:-5px}.mm-about-timeline li:nth-child(2){padding-top:40px}.mm-about-timeline li:nth-child(3){padding-top:58px}.mm-about-timeline-photo img{height:390px}.mm-about-portrait-stage .mm-about-ring-motion{width:135px;height:135px;right:-24px}.mm-about-tom-spread .mm-about-copy p:not(.mm-about-role):not(.mm-about-link){font-size:16px}.mm-about-editorial .mm-about-topics,.mm-about-editorial .mm-about-invitation{grid-template-columns:minmax(0,1fr);gap:22px}.mm-page .mm-about-topics h2{max-width:none;font-size:50px}.mm-about-invitation h2 br{display:none}.mm-about-invitation .mm-about-actions{gap:30px}}
@media(max-width:650px){.mm-about-editorial .mm-about-hero{padding:35px 6% 18px;grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}.mm-page .mm-about-hero h1{font-size:clamp(61px,14.2vw,82px);line-height:1;margin:18px 0 20px}.mm-about-hero .mm-about-deck{font-size:17px;max-width:320px}.mm-about-editorial .mm-about-art-stage{min-height:330px;max-width:420px;justify-self:center;width:100%;padding-bottom:30px}.mm-about-art-stage .mm-about-art-motion{width:92%}.mm-about-art-stage .mm-about-art-note{bottom:0;right:8%;font-size:22px}.mm-about-editorial .mm-about-story-room{margin:0 6%;padding:35px 0 25px;gap:28px}.mm-about-story{display:block}.mm-page .mm-about-story h2{font-size:41px;margin-bottom:18px}.mm-about-story .mm-about-copy p{font-size:16px;line-height:1.7}.mm-page .mm-about-timeline h2{font-size:33px;margin-bottom:29px}.mm-about-timeline .mm-about-margin-note{font-size:20px;max-width:135px;right:1%;top:5px}.mm-about-timeline ol{grid-template-columns:minmax(0,1fr);border-top:0;gap:22px}.mm-about-timeline li,.mm-about-timeline li:nth-child(2),.mm-about-timeline li:nth-child(3){padding:0 0 0 18px;border-left:3px solid #D7282F;max-width:420px}.mm-about-timeline li strong{font-size:27px;margin-bottom:8px}.mm-about-timeline li b{font-size:22px;margin-bottom:7px}.mm-about-timeline .mm-about-link{margin-top:19px}.mm-about-editorial .mm-about-tom-spread{margin:10px 6% 0;padding:25px 0 44px;grid-template-columns:minmax(0,1fr);gap:0}.mm-page .mm-about-tom-spread>.wp-block-heading,.mm-page .mm-about-tom-spread>.wp-block-group__inner-container>.wp-block-heading{font-size:clamp(43px,10.6vw,63px);margin-bottom:27px}.mm-about-editorial .mm-about-portrait-stage{max-width:420px;width:100%;padding:0 18px 25px 0;margin-bottom:43px}.mm-about-timeline-photo img{height:380px}.mm-about-portrait-stage .mm-about-ring-motion{width:125px;height:125px;right:-8px;bottom:-26px}.mm-page .mm-about-tom-spread .mm-about-copy h3{font-size:39px}.mm-about-tom-spread .mm-about-role{font-size:15px;margin-bottom:18px}.mm-about-editorial .mm-about-topics{margin:0 6%;padding:34px 0;gap:10px}.mm-page .mm-about-topics h2{font-size:43px;padding:0}.mm-about-topics .mm-about-topic{grid-template-columns:minmax(0,1fr);padding:17px 0;gap:4px}.mm-page .mm-about-topic h3{font-size:31px}.mm-about-topic p{font-size:15px;max-width:390px}.mm-about-editorial .mm-about-invitation{margin:0 6%;padding:12px 0 45px;gap:25px}.mm-page .mm-about-invitation h2{font-size:40px}.mm-about-invitation .mm-about-actions{grid-template-columns:minmax(0,1fr);gap:27px}.mm-page .mm-about-actions h3{font-size:28px}.mm-about-actions p{font-size:15px;max-width:390px}.mm-page .mm-about-actions .mm-about-link a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mm-about-editorial *{transition:none!important;animation:none!important}}
/* Keep the handwritten timeline cue clear of the heading on narrow screens. */
@media(max-width:650px){.mm-page .mm-about-timeline h2{margin-bottom:10px}.mm-about-timeline .mm-about-margin-note{position:relative;right:auto;top:auto;margin:0 2% 24px auto;max-width:150px}}
