/* Design 12: shared page measure, real portraits and the shared regional map. */
body.mm-v26d .team-regio .page-wrapper { padding-block: 48px 112px; }
body.mm-v26d .team-regio section + section { margin-top: 112px; }
body.mm-v26d .team-regio section { scroll-margin-top: 144px; }
body.mm-v26d .team-regio :is(h1,h2,h3) { hyphens: none; word-break: normal; overflow-wrap: normal; }
body.mm-v26d .team-landing header { text-align: center; }
body.mm-v26d .team-regio .section-subtitle { margin: 24px auto; max-width: 960px; }
body.mm-v26d .team-lead { max-width: 760px; margin: 0 auto 32px; font: 300 20px/1.65 var(--font-body); }
body.mm-v26d .team-banner { display: block; width: 100%; height: auto; max-height: 640px; object-fit: cover; object-position: center 45%; border-radius: 20px; margin-top: 48px; }
body.mm-v26d .team-people-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; margin-top: 48px; }
body.mm-v26d .team-person { color: var(--purple-dark); text-align: center; text-decoration: none; min-width: 0; }
body.mm-v26d .team-person img { display: block; width: 100%; max-width: 240px; aspect-ratio: 1; height: auto; object-fit: cover; border-radius: 48% 52% 45% 55% / 54% 46% 54% 46%; background: #ede7ef; margin-inline: auto; transition: border-radius .35s ease, transform .35s ease; }
body.mm-v26d .team-person h3 { font: 700 20px/1.4 var(--font-body); margin: 24px 0 8px; }
body.mm-v26d .team-person p { font: 300 18px/1.5 var(--font-body); margin: 0; color: var(--body-text); }
body.mm-v26d .team-person:focus-visible { outline: 3px solid var(--purple); outline-offset: 8px; border-radius: 12px; }
body.mm-v26d .team-finder > .section-subtitle { margin-bottom: 40px; }
@media(max-width:1023px) {
 body.mm-v26d .team-people-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 24px; }
 body.mm-v26d .team-banner { max-height: none; }
}
@media(max-width:767px) {
 body.mm-v26d .team-regio .page-wrapper { padding-block: 32px 64px; }
 body.mm-v26d .team-regio section + section { margin-top: 64px; }
 body.mm-v26d .team-regio .section-subtitle { font-size: 20px; }
 body.mm-v26d .team-lead { font-size: 18px; }
 body.mm-v26d .team-banner { margin-top: 32px; border-radius: 14px; }
 body.mm-v26d .team-people-grid { gap: 32px 20px; margin-top: 32px; }
 body.mm-v26d .team-person h3 { font-size: 17px; margin-top: 16px; }
 body.mm-v26d .team-person p { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) { body.mm-v26d .team-person img { transition: none; } }
body.mm-v26d .org-regio.team-regio :is(h1,h2,h3) { hyphens: none; word-break: normal; overflow-wrap: normal; }
body.mm-v26d .org-regio.team-regio .section-title { width: 100%; max-width: none; margin-inline: auto; text-align: center; }
/* Marketing header and one-person-at-a-time team train. */
body.mm-v26d .team-regio .team-landing .header-lp__media img { width:100%; height:100%; object-fit:cover; object-position:center; }
body.mm-v26d .team-carousel { position:relative; margin-top:48px; padding-inline:44px; }
body.mm-v26d .team-train-window { overflow:hidden; padding-block:24px; }
body.mm-v26d .team-carousel .team-people-grid { display:flex; gap:32px; margin:0; transition:transform .55s ease; }
body.mm-v26d .team-carousel .team-person { flex:0 0 calc((100% - 96px)/4); }
body.mm-v26d .team-chevron { position:absolute; top:35%; width:40px; height:48px; border:0; border-radius:24px; background:transparent; color:#743d97; font-size:34px; cursor:pointer; }
body.mm-v26d .team-chevron--prev { left:0; }
body.mm-v26d .team-chevron--next { right:0; }
body.mm-v26d .team-train-pause { display:block; margin:24px auto 0; padding:8px 12px; background:none; border:0; color:#743d97; text-decoration:underline; cursor:pointer; font:inherit; }
body.mm-v26d .team-carousel button:focus-visible, body.mm-v26d .team-train-pause:focus-visible { outline:3px solid #743d97; outline-offset:3px; }
@media(max-width:1023px) { body.mm-v26d .team-carousel .team-person { flex-basis:calc((100% - 32px)/2); } }
@media(max-width:600px) { body.mm-v26d .team-carousel .team-person { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { body.mm-v26d .team-carousel .team-people-grid { transition:none; } }

body.mm-v26d .team-train-pause { width:44px; height:44px; padding:10px; text-decoration:none; }
body.mm-v26d .team-train-pause svg { display:block; width:24px; height:24px; }
body.mm-v26d .team-person:hover img { transform:none; }
body.mm-v26d .team-person:hover h3 { text-decoration:none; }

/* Crop the existing character artwork into a close-up without changing the assets. */
body.mm-v26d .team-portrait { display:block; position:relative; width:100%; max-width:240px; aspect-ratio:1; overflow:hidden; margin-inline:auto; border-radius:48% 52% 45% 55% / 54% 46% 54% 46%; background:#ede7ef; }
body.mm-v26d .team-portrait img { border-radius:0; background:transparent; }
body.mm-v26d .team-portrait[data-character] img { position:absolute; max-width:none; height:auto; object-fit:contain; }
body.mm-v26d .team-portrait[data-character="apie"] img { width:230.77%; left:-100%; top:0; }
body.mm-v26d .team-portrait[data-character="rappie"] img { width:200%; left:-100%; top:-20%; }
body.mm-v26d .team-portrait[data-character="flinkie"] img { width:300%; left:-200%; top:0; }

/* Animate the clipping shape, keeping the face itself undistorted. */
body.mm-v26d .team-portrait {
 animation:team-portrait-morph 8s ease-in-out infinite;
 animation-delay:var(--portrait-phase,0s);
 transition:transform .3s ease;
}
@keyframes team-portrait-morph {
 0%,100% { border-radius:53% 47% 48% 52% / 49% 55% 45% 51%; translate:0 0; rotate:0deg; }
 33% { border-radius:46% 54% 55% 45% / 55% 43% 57% 45%; translate:0 -5px; rotate:-1deg; }
 66% { border-radius:57% 43% 44% 56% / 44% 58% 42% 56%; translate:0 4px; rotate:1deg; }
}

@media(hover:hover) and (pointer:fine) {
 body.mm-v26d .team-person:hover .team-portrait { transform:translateY(-7px) scale(1.035); }
}
@media(prefers-reduced-motion:reduce) {
 body.mm-v26d .team-portrait { animation:none; transition:none; }
 body.mm-v26d .team-person:hover .team-portrait { transform:none; }
}

/* All founders fit on desktop/tablet: centered overview, no train; portrait morph stays active. */
body.mm-v26d .team-carousel--static { padding-inline:0; }
body.mm-v26d .team-carousel--static .team-people-grid { justify-content:center; }
body.mm-v26d .team-chevron[hidden] { display:none; }
@media(min-width:601px) {
 body.mm-v26d .team-carousel--compact { padding-inline:0; }
 body.mm-v26d .team-carousel--compact .team-people-grid { justify-content:center; }
 body.mm-v26d .team-carousel--compact .team-person { flex:0 1 calc((100% - 96px)/4); }
 body.mm-v26d .team-carousel--compact .team-chevron { display:none; }
}
