.mm-studio-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; }
.mm-studio-portrait { margin:0; min-width:0; }
.mm-studio-portrait img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.mm-studio-portrait figcaption { padding-top:14px; color:#595b54; font-size:12px; letter-spacing:0; }
.mm-studio-copy { min-width:0; }
.mm-studio-copy .mm-heading { font-size:46px; line-height:1.08; max-width:100%; margin-bottom:24px; letter-spacing:0; text-wrap:balance; }
.mm-studio-copy p { max-width:100%; font-size:16px; line-height:1.75; }
.mm-studio-copy .mm-eyebrow { font-size:12px; }
.mm-studio-copy .mm-lead { font-size:19px; line-height:1.55; color:#353a33; }
.mm-studio-link { display:inline-flex; gap:24px; align-items:center; margin-top:12px; padding-bottom:6px; border-bottom:1px solid #818779; color:#353d32; }
.mm-studio-story-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; border-top:1px solid #d3d5ce; padding-top:42px; }
.mm-studio-story-layout p { font-size:17px; line-height:1.8; }
.mm-studio-contact { border-top:1px solid #d3d5ce; padding-top:36px; display:flex; gap:32px; align-items:center; justify-content:space-between; }
body.home .mm-service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.home .mm-hero--video .mm-title, body.front-page .mm-hero--video .mm-title, body .mm-main .mm-hero--video .mm-title { font-size:80px !important; line-height:1.02 !important; max-width:18ch !important; text-wrap:balance; letter-spacing:0; }
@media(max-width:920px) {
 .mm-studio-layout { gap:32px; }
 .mm-studio-copy .mm-heading { font-size:36px; }
 .mm-studio-story-layout { gap:32px; }
 body.home .mm-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.home .mm-hero--video .mm-title, body.front-page .mm-hero--video .mm-title, body .mm-main .mm-hero--video .mm-title { font-size:56px !important; max-width:15ch !important; }
}
@media(max-width:620px) {
 .mm-studio-layout, .mm-studio-story-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
 .mm-studio-copy .mm-heading, body .mm-main .mm-studio-copy .mm-heading { font-size:36px !important; max-width:100% !important; line-height:1.12 !important; }
 .mm-studio-copy .mm-lead { font-size:18px; }
 .mm-studio-contact { display:block; }
 body.home .mm-service-grid { grid-template-columns:minmax(0,1fr); }
 body.home .mm-hero--video .mm-title, body.front-page .mm-hero--video .mm-title, body .mm-main .mm-hero--video .mm-title { font-size:44px !important; max-width:100% !important; }
}
@media(max-width:380px) {
 body.home .mm-hero--video .mm-title, body.front-page .mm-hero--video .mm-title, body .mm-main .mm-hero--video .mm-title { font-size:38px !important; }
}
/* v22: three areas, one project direction. */
#sobre-estudio { scroll-margin-top:110px; }
.mm-studio-areas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:48px; }
.mm-studio-area { border-top:1px solid var(--line); padding-top:22px; min-width:0; }
.mm-area-number { display:block; color:var(--clay); font-family:Georgia,serif; font-size:22px; margin-bottom:16px; }
.mm-studio-area h3 { font-family:Georgia,serif; font-size:25px; line-height:1.2; font-weight:400; margin:0 0 12px; }
.mm-studio-area p { font-size:15px; line-height:1.6; margin:0; color:var(--muted); }
.mm-studio-area .mm-area-name { color:var(--ink); font-weight:600; margin-bottom:4px; }
.mm-studio-signoff { margin:32px 0 0; padding-top:24px; border-top:1px solid var(--line); font-family:Georgia,serif; font-size:clamp(22px,2.4vw,30px); line-height:1.35; text-align:center; }
body.home .mm-service-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.mm-home-method .mm-lead { max-width:760px; margin-bottom:32px; }
@media(max-width:1000px) { body.home .mm-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .mm-studio-layout { grid-template-columns:minmax(0,1fr); } .mm-studio-areas { gap:22px; } .mm-studio-area h3 { font-size:21px; } }
@media(max-width:620px) {
 .mm-studio-areas { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:32px; }
 .mm-studio-area { position:relative; padding:20px 0 0 44px; }
 .mm-area-number { position:absolute; left:0; top:20px; }
 .mm-studio-signoff { text-align:left; }
 body.home .mm-service-grid { grid-template-columns:minmax(0,1fr); }
}
/* Keep readable contrast and align service links after WordPress wpautop. */
body .mm-main .mm-band .mm-heading { color:var(--paper); }
body.home #servicios .mm-service > p:last-child { margin-top:auto; padding-top:14px; margin-bottom:0; }
/* wpautop can insert an empty flex item after the video in saved HOME content. */
.mm-hero--video > p:empty, .mm-hero-copy > p:empty, .mm-hero-actions > br, .mm-studio-area > p:empty { display:none; }

/* Visible, attributed customer excerpts. */
.mm-testimonials,.mm-project-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.mm-testimonial{margin:0;padding:32px;border:1px solid #d6cbbd;background:#faf7f2}
.mm-testimonial blockquote{margin:0 0 24px;font-size:1.35rem;line-height:1.5}
.mm-testimonial figcaption{font-size:.95rem;line-height:1.65}
@media(max-width:700px){.mm-testimonials,.mm-project-notes{grid-template-columns:1fr;gap:20px}.mm-testimonial{padding:24px}}
