.mk-hero--about .mk-media__box--hero-video { max-width: 760px; } .mk-hero--about .mk-video-embed--hero-video { background-size: cover; background-position: center; background-repeat: no-repeat; } .mk-split-stats { background: var(--clr-text); color: var(--clr-text-dark); padding: 70px 0; } .mk-split-stats h2 { color: var(--clr-text-dark); } .mk-split-stats__grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 50px; align-items: center; } .mk-split-stats__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .mk-split-stats__copy .mk-copy__actions, .mk-split-stats__actions { margin-top: 18px; } .mk-split-stats__content { min-width: 0; } #difference { background: var(--clr-bg); color: var(--clr-text); } #difference .mk-team-head > div { width: 100%; } #difference .mk-assets__kicker, #difference .mk-assets__title, #difference .mk-p, #difference .mk-p-light { color: var(--clr-text); } #difference .mk-team-grid { align-items: stretch; } #difference .mk-team-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); box-shadow: none; } #difference .mk-team-card--feature .mk-team-card__body { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 14px; height: 100%; padding: 28px 22px; } #difference .mk-team-card__feature-icon { display: inline-flex; align-items: center; justify-content: center; height: 60px; color: var(--clr-primary); font-size: 34px; line-height: 1; } #difference .mk-team-card__name, #difference .mk-team-card__bio { color: var(--clr-text); } #difference .mk-team-card__name { margin: 0; text-align: center; } #difference .mk-team-card__bio { text-align: center; max-width: 30ch; margin: 0 auto; } .mk-team-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--sp-5); margin-bottom: 26px; } .mk-team-head .btn { margin-bottom: 20px; flex: 0 0 auto; white-space: nowrap; } .mk-team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-5); } .mk-team-card { position: relative; border: 1px solid rgba(0,0,0,0.10); border-radius: 14px; overflow: hidden; background: var(--clr-text); box-shadow: var(--card-shadow); } .mk-team-card__img-wrap { height: 350px; background: var(--grey-100); } .mk-team-card__img { width: 100%; height: 100%; object-fit: cover; display: block; } .mk-team-card__body { padding: 24px; } .mk-team-card__name { font-family: var(--ff-heading); font-size: var(--type-card-title); line-height: 1.2; margin-bottom: 6px; color: var(--clr-text-dark); } .mk-team-card__role { font-size: var(--type-p); color: rgba(0,0,0,0.60); margin-bottom: 10px; } .mk-team-card__bio { font-size: var(--type-p); color: var(--clr-text-dark); line-height: 1.6; } .mk-team-card--person { position: relative; overflow: hidden; } .mk-team-card--person .mk-team-card__body { padding-bottom: 104px; } .mk-team-card__profile-actions { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; pointer-events: none; } .mk-team-card__profile-actions--right { justify-content: flex-end; } .mk-team-profile-btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 13px; border-radius: 999px; border: 1px solid var(--clr-primary); background: #ffffff; color: var(--clr-primary); font-size: var(--type-meta); line-height: 1; font-weight: 800; text-decoration: none; cursor: pointer; box-shadow: 0 12px 26px rgba(0,0,0,0.24); transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease; pointer-events: auto; } .mk-team-profile-btn:hover, .mk-team-profile-btn:focus-visible { background: var(--clr-primary); border-color: var(--clr-primary); color: #ffffff; transform: translateY(-1px); box-shadow: 0 16px 32px rgba(0,0,0,0.30); text-decoration: none; } .mk-team-profile-btn:focus-visible { outline: 2px solid color-mix(in srgb, var(--clr-primary) 65%, #ffffff); outline-offset: 3px; } .mk-team-profile-btn .material-icons-outlined { font-size: 18px; line-height: 1; } .mk-team-profile-btn__linkedin-icon { width: 17px; height: 17px; display: block; flex: 0 0 17px; } .mk-team-profile-btn__text { display: inline-flex; } .mk-team-bio-modal .mk-modal__panel { width: min(var(--mk-modal-panel-width), 92vw); } .mk-team-bio-modal__subtitle { margin: 4px 0 0; color: var(--mk-modal-text-muted); font-size: var(--type-meta); line-height: 1.35; } .mk-team-bio-modal__profile { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; align-items: start; } .mk-team-bio-modal__image-wrap { overflow: hidden; border-radius: 20px; border: 1px solid var(--mk-modal-muted-border); background: rgba(255,255,255,0.04); } .mk-team-bio-modal__image { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; } .mk-team-bio-modal__copy { display: grid; gap: 12px; color: var(--mk-modal-text-muted); font-size: var(--type-p); line-height: 1.7; } .mk-team-bio-modal__copy p { margin: 0; color: inherit; } .mk-team-bio-modal__highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .mk-team-bio-modal__highlight { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px; border-radius: var(--mk-modal-card-radius); border: 1px solid var(--mk-modal-muted-border); background: rgba(255,255,255,0.035); } .mk-team-bio-modal__highlight .material-icons-outlined { color: var(--clr-primary); font-size: 24px; line-height: 1; } .mk-team-bio-modal__highlight strong { display: block; margin-bottom: 5px; color: var(--clr-text); font-size: var(--type-meta); line-height: 1.3; font-weight: 900; } .mk-team-bio-modal__highlight span { display: block; color: var(--mk-modal-text-muted); font-size: var(--type-note); line-height: 1.5; } .mk-team-bio-modal .pill-link svg { width: 17px; height: 17px; flex: 0 0 17px; }