@media (max-width: 1200px) { .mk-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1024px) { .mk-team-bio-modal.mk-modal { padding: var(--sp-6); place-items: center; } .mk-team-bio-modal .mk-modal__panel { width: min(var(--mk-modal-panel-width), 92vw); max-width: 92vw; height: auto; max-height: calc(100dvh - (var(--sp-6) * 2)); border: 1px solid var(--clr-border); border-radius: var(--mk-modal-radius, var(--radius-lg)); } .mk-team-bio-modal .mk-modal__content { display: flex; flex-direction: column; min-height: 0; overflow: hidden; } .mk-hero--about .mk-media__box--hero-video { max-width: 100%; } .mk-split-stats__grid { grid-template-columns: 1fr; gap: 40px; } .mk-split-stats__stats { grid-template-columns: repeat(2, 1fr); order: 2; } .mk-split-stats__copy, .mk-split-stats__content { text-align: left; } .mk-split-stats__content { order: 1; } .mk-split-stats__actions { order: 3; } .mk-team-head { flex-direction: column; align-items: flex-start; text-align: left; } .mk-team-card__body { text-align: left; } .mk-team-bio-modal__profile, .mk-team-bio-modal__highlights { grid-template-columns: 1fr; } .mk-team-bio-modal__image-wrap { max-width: 280px; } } @media (max-width: 922px) { .mk-team-grid { grid-template-columns: 1fr; } .mk-split-stats__copy, .mk-split-stats__content, .mk-team-head, .mk-team-card__body { text-align: center; } .mk-team-head { align-items: center; } .mk-split-stats__actions, .mk-copy__actions { align-items: center; justify-content: center; } } @media (max-width: 720px) { .mk-team-card--person .mk-team-card__body { padding-bottom: 86px; } .mk-team-card__profile-actions { left: 14px; right: 14px; bottom: 14px; } .mk-team-profile-btn { min-height: 40px; padding: 10px 12px; } .mk-team-profile-btn__text { display: none; } .mk-team-bio-modal.mk-modal { padding: 12px; } .mk-team-bio-modal .mk-modal__panel { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); } .mk-team-bio-modal__image-wrap { max-width: none; } .mk-team-bio-modal__subtitle { font-size: var(--type-note); } } @media (max-width: 640px) { .mk-split-stats__stats { grid-template-columns: 1fr; } .mk-team-card__img-wrap { height: 320px; } }