/* Editorial homepage (approved design, October 2026). Front page only, loaded last.
   Desktop geometry is measured from the approved reference at 1440px; smaller screens have their own layouts below.
   Every rule is scoped with #mx-home: editorial.css gives h1–h3/p rules id-level specificity. */
#mx-home {
  --ivory:#F8F5EE; --ivory-light:#FBF9F4; --mist:#F3F6F9;
  --navy:#082E5B; --navy-deep:#06274D; --blue:#154A86; --uni-blue:#1D3F8A;
  --gold:#C49A56; --gold-light:#D2AC67; --gold-text:#9A7034; --gold-soft:#E4C78F;
  --ink:#102A4A; --muted:#657385; --line:rgba(16,42,74,.11); --line-dark:rgba(255,255,255,.14);
  --serif:'DM Serif Display','Fraunces',Georgia,serif; --sans:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --script:'Nothing You Could Do','Segoe Script',cursive;
  font-family:var(--sans); color:var(--ink); background:#fff; overflow-x:clip;
}
#mx-home *,#mx-home *:before,#mx-home *:after {box-sizing:border-box}
#mx-home .mx-wrap {width:min(100% - 64px,1224px); margin-inline:auto}
#mx-home ul,#mx-home ol {list-style:none; margin:0; padding:0}
#mx-home img {display:block; max-width:100%}
#mx-home :is(h1,h2,h3) {font-family:var(--serif); font-weight:400; letter-spacing:-.005em; color:var(--navy); margin:0; text-wrap:balance}
#mx-home h2 {font-size:36px; line-height:1.08}
#mx-home h2 span {display:block}
#mx-home p {margin:0; font-size:13px; line-height:1.55; color:var(--muted)}
#mx-home .mx-eyebrow {margin:0 0 8px; font:600 10px/1.4 var(--sans); letter-spacing:.17em; text-transform:uppercase; color:var(--navy)}
#mx-home .mx-line-icon {width:22px; height:22px; flex:none; stroke-width:1.4}
#mx-home a:focus-visible,#mx-home button:focus-visible,#mx-home [tabindex]:focus-visible {outline:2px solid var(--blue); outline-offset:3px}

/* ---------- buttons ---------- */
#mx-home .mx-actions {display:flex; flex-wrap:wrap; gap:20px; margin-top:22px}
#mx-home .mx-btn {display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:40px; padding:0 24px; border-radius:3px; border:1px solid transparent; font:500 12.5px/1 var(--sans); text-decoration:none!important; white-space:nowrap; transition:background-color .2s,color .2s,border-color .2s,filter .2s}
#mx-home .mx-btn-sm {min-height:34px; padding:0 22px; font-size:11.5px}
#mx-home .mx-btn-arrow {width:14px; height:14px; transition:transform .2s}
#mx-home :is(.mx-btn,.mx-text-link,.mx-partners-more):hover .mx-btn-arrow {transform:translateX(3px)}
#mx-home .mx-btn-primary {background:var(--navy); color:#fff!important}
#mx-home .mx-btn-primary:hover {background:var(--blue)}
#mx-home .mx-btn-outline {background:rgba(255,255,255,.7); border-color:var(--navy); color:var(--navy)!important}
#mx-home .mx-btn-outline:hover {background:var(--navy); color:#fff!important}
#mx-home .mx-btn-gold {background:linear-gradient(180deg,#E8CD97,#DDBC7E); color:var(--navy-deep)!important}
#mx-home .mx-btn-gold:hover {filter:brightness(1.05)}
#mx-home .mx-text-link {display:inline-flex; align-items:center; gap:8px; min-height:32px; font:500 12px var(--sans); color:var(--navy)!important; text-decoration:none!important; border-bottom:1px solid var(--navy)}
#mx-home .mx-text-link:hover {color:var(--blue)!important}

/* ---------- hero (425px at 1440) ---------- */
#mx-home .mx-hero {position:relative; margin-top:var(--mb-h); background:var(--ivory); min-height:clamp(600px, 66vh, 680px); display:flex; align-items:center; isolation:isolate}
#mx-home .mx-hero:after {content:""; position:absolute; inset:0 auto 0 0; width:40%; z-index:-2; background:radial-gradient(60% 50% at 10% 70%,rgba(196,154,86,.07),transparent 70%)}
#mx-home .mx-hero-media {position:absolute; top:0; right:0; bottom:0; width:61.2%; z-index:-1; margin:0}
#mx-home .mx-hero-media img {width:100%; height:100%; object-fit:cover; object-position:30% 42%}
#mx-home .mx-hero-media:before {content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ivory) 0%,rgba(248,245,238,.75) 7%,rgba(248,245,238,.25) 15%,rgba(248,245,238,0) 24%); z-index:1}
#mx-home .mx-hero-script {position:absolute; z-index:1; top:32px; left:42%; margin:0; font:400 34px/1.05 var(--script); color:var(--gold); transform:rotate(-14deg); transform-origin:left top; text-shadow:0 1px 8px rgba(255,255,255,.35)}
#mx-home .mx-hero-script span {display:block}
#mx-home .mx-hero-script span:nth-child(2) {padding-left:46px}
#mx-home .mx-hero-script span:nth-child(3) {padding-left:62px}
#mx-home .mx-hero-caption {position:absolute; z-index:1; top:84px; right:44px; margin:0; font:500 9.5px/1.85 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:#26344c}
#mx-home .mx-hero-inner {width:min(100% - 64px,1160px); display:grid; grid-template-columns:minmax(0,460px) 1fr; align-items:start; padding-block:48px 20px}
#mx-home .mx-eyebrow-rule {display:flex; align-items:center; gap:22px; color:var(--navy)}
#mx-home .mx-eyebrow-rule:before {content:""; width:2px; height:9px; background:#C0503F; margin-left:-24px}
#mx-home .mx-hero h1 {font-size:82px; line-height:.86; letter-spacing:-.025em; color:var(--navy); margin:6px 0 18px}
#mx-home .mx-hero h1 span {display:block; color:var(--gold-text); background:linear-gradient(100deg,#7F5B28 0%,#A9803F 45%,#C29A5C 75%,#A27A3D 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
#mx-home .mx-lead {max-width:385px; font-size:14px; line-height:1.45; color:#33475f}
#mx-home .mx-lead strong {color:var(--navy); font-weight:600}
#mx-home .mx-hero .mx-btn-primary {min-width:207px}
#mx-home .mx-hero .mx-btn-outline {min-width:168px}
#mx-home .mx-trust {display:flex; align-items:center; gap:22px; margin-top:20px}
#mx-home .mx-avatars {display:flex}
#mx-home .mx-avatars img {width:38px; height:38px; border-radius:50%; object-fit:cover; object-position:center 20%; border:2px solid var(--ivory); margin-left:-8px}
#mx-home .mx-avatars img:first-child {margin-left:0}
#mx-home .mx-trust p {font-size:11.5px; line-height:1.45; color:#4b5c72}
#mx-home .mx-trust strong {color:var(--navy); font-weight:600}
#mx-home .mx-hero-panel {position:absolute; right:43px; bottom:42px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; width:344px; padding:20px 22px 22px; background:rgba(255,255,255,.93); border:1px solid rgba(255,255,255,.85); border-radius:4px; box-shadow:0 8px 24px rgba(6,39,77,.12); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
#mx-home .mx-hero-panel li {display:flex; align-items:flex-start; gap:12px; color:var(--gold)}
#mx-home .mx-hero-panel .mx-line-icon {width:24px; height:24px}
#mx-home .mx-hero-panel span {display:flex; flex-direction:column; gap:4px; font-size:10px; line-height:1.3; color:var(--muted); white-space:nowrap}
#mx-home .mx-hero-panel strong {font:600 13.5px/1.15 var(--sans); color:var(--navy); white-space:nowrap}

/* ---------- partner strip (87px) ---------- */
#mx-home .mx-partners {background:#fff; border-bottom:1px solid var(--line)}
#mx-home .mx-partners-inner {width:min(100% - 64px,1206px); display:flex; align-items:center; min-height:87px; padding-block:14px}
#mx-home .mx-partners-label {flex:none; width:183px; padding-left:20px; border-left:2px solid var(--gold); font:500 8.5px/1.9 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
#mx-home .mx-partners-list {flex:1; display:flex; min-width:0}
#mx-home .mx-partners-list li {flex:1 1 auto; border-left:1px solid var(--line)}
#mx-home .mx-partners-list a {display:flex; flex-direction:column; gap:3px; padding:4px 26px; text-decoration:none!important}
#mx-home .mx-partners-list b {font:400 19px/1.1 var(--serif); color:var(--uni-blue); transition:color .2s}
#mx-home .mx-partners-list span {font:500 8.5px/1.55 var(--sans); letter-spacing:.15em; text-transform:uppercase; color:var(--muted)}
#mx-home .mx-partners-list a:hover b {color:var(--gold-text)}
#mx-home .mx-partners-more {flex:none; display:inline-flex; align-items:center; gap:10px; min-height:44px; padding-left:36px; border-left:1px solid var(--line); font:500 11.5px/1.5 var(--sans); color:var(--uni-blue)!important; text-decoration:none!important}
#mx-home .mx-partners-more .mx-btn-arrow {align-self:flex-end; margin-bottom:3px}

/* ---------- services (navy band, 298px) ---------- */
#mx-home .mx-services {position:relative; background-color:#0A2A55; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.03' stroke-width='1'%3E%3Cpath d='M0 60a60 60 0 0 1 120 0M15 60a45 45 0 0 1 90 0M30 60a30 30 0 0 1 60 0M-60 30a60 60 0 0 1 120 0M60 30a60 60 0 0 1 120 0M-45 30a45 45 0 0 1 90 0M75 30a45 45 0 0 1 90 0'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(100deg,#0C2E5C 0%,#0A2A55 50%,#08244A 100%); color:#fff}
#mx-home .mx-services-inner {width:min(100% - 64px,1165px); display:grid; grid-template-columns:minmax(0,1fr) 600px; gap:40px; align-items:start; padding-block:28px 22px}
#mx-home .mx-services-intro {padding-top:19px}
#mx-home .mx-services .mx-eyebrow {color:#C9B691; margin-bottom:14px}
#mx-home .mx-services h2 {font-size:36px; line-height:1.13; background:linear-gradient(180deg,#F1DDB1,#D9B979); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
#mx-home .mx-services-intro p:not(.mx-eyebrow) {max-width:450px; margin:20px 0 23px; font-size:12.5px; line-height:1.65; color:#cfd8e4}
#mx-home .mx-services-intro .mx-btn {min-width:197px; min-height:38px; font-size:12px}
#mx-home .mx-services-grid {display:grid; grid-template-columns:175px 220px 1fr}
#mx-home .mx-services-grid li:nth-child(3n+2),#mx-home .mx-services-grid li:nth-child(3n) {border-left:1px solid var(--line-dark)}
#mx-home .mx-services-grid li:nth-child(n+4) {border-top:1px solid var(--line-dark)}
#mx-home .mx-services-grid a {display:block; height:100%; padding:0 10px 18px 0; text-decoration:none!important}
#mx-home .mx-services-grid li:nth-child(3n+2) a {padding-left:35px}
#mx-home .mx-services-grid li:nth-child(3n) a {padding-left:40px}
#mx-home .mx-services-grid li:nth-child(n+4) a {padding-top:15px; padding-bottom:0}
#mx-home .mx-services-grid a:hover h3 {color:var(--gold-soft)}
#mx-home .mx-ring {display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); color:#e9eef5; margin-bottom:14px}
#mx-home .mx-ring .mx-line-icon {width:17px; height:17px}
#mx-home .mx-services-grid h3 {font-size:15.5px; line-height:1.25; color:#fff; margin-bottom:5px; transition:color .2s}
#mx-home .mx-services-grid p {font-size:11px; line-height:1.6; color:#c2ccda}

/* ---------- why South Korea (425px) ---------- */
#mx-home .mx-why {display:grid; grid-template-columns:45.2% minmax(0,1fr); min-height:425px; background:var(--ivory-light)}
#mx-home .mx-why-media {position:relative; min-height:425px}
#mx-home .mx-why-media img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 30%}
#mx-home .mx-why-media:after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(251,249,244,0) 74%,rgba(251,249,244,.75) 92%,var(--ivory-light) 100%)}
#mx-home .mx-why-script {position:absolute; z-index:1; top:34px; left:250px; margin:0; font:400 26px/1.12 var(--script); color:var(--navy); transform:rotate(-12deg); transform-origin:left top; text-shadow:0 0 2px #fff,0 0 8px rgba(255,255,255,.95),0 0 18px rgba(255,255,255,.8)}
#mx-home .mx-why-script span {display:block}
#mx-home .mx-why-script span:nth-child(2),#mx-home .mx-why-script span:nth-child(3) {padding-left:30px}
#mx-home .mx-why-script span:nth-child(4) {padding-left:94px}
#mx-home .mx-why-card {position:absolute; z-index:1; left:78px; bottom:27px; width:162px; padding:20px 16px 18px 24px; background:#fff; border-radius:3px; box-shadow:0 6px 18px rgba(6,39,77,.1)}
#mx-home .mx-why-card strong {display:block; font:400 34px/1 var(--serif); color:var(--gold-text)}
#mx-home .mx-why-card b {display:block; margin:12px 0 10px; font:700 9.5px/1.2 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--navy)}
#mx-home .mx-why-card p {font-size:11px; line-height:1.5; color:#46576d}
#mx-home .mx-why-copy {padding:33px 92px 22px 50px; align-self:start}
#mx-home .mx-why h2 {font-size:36px; line-height:1.12}
#mx-home .mx-why-lead {max-width:525px; margin-top:12px!important; font-size:13.5px!important; color:#4f5f74!important}
#mx-home .mx-benefits {display:grid; grid-template-columns:325px minmax(0,1fr); gap:0; margin-top:20px}
#mx-home .mx-benefits li {display:flex; gap:24px; align-items:flex-start; min-height:0; padding:0 20px 18px 4px; color:var(--gold)}
#mx-home .mx-benefits li:nth-child(even) {padding:0 0 18px 30px; border-left:1px solid var(--line)}
#mx-home .mx-benefits .mx-line-icon {width:28px; height:28px}
#mx-home .mx-benefits h3 {font:500 12.5px/1.35 var(--sans); letter-spacing:0; color:var(--uni-blue); margin-bottom:3px}
#mx-home .mx-benefits p {font-size:11.5px; line-height:1.5}

/* ---------- programs (240px) ---------- */
#mx-home .mx-programs {background:linear-gradient(180deg,#F6F2EA,#F3EEE5)}
#mx-home .mx-programs-inner {display:grid; grid-template-columns:341px minmax(0,1fr); align-items:start; padding-block:25px 22px}
#mx-home .mx-programs-intro {padding-top:4px}
#mx-home .mx-programs h2 {font-size:32px; line-height:1.05}
#mx-home .mx-programs-intro p:not(.mx-eyebrow) {max-width:285px; margin:10px 0 14px; font-size:12px}
#mx-home .mx-programs-intro .mx-btn {min-width:172px}
#mx-home .mx-program-list {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px}
#mx-home .mx-program {position:relative; display:block; aspect-ratio:211/193; overflow:hidden; border-radius:3px; background:var(--navy); text-decoration:none!important; box-shadow:0 4px 12px rgba(6,39,77,.12)}
#mx-home .mx-program img {width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
#mx-home .mx-program:after {content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,39,77,0) 45%,rgba(6,39,77,.82) 100%)}
#mx-home .mx-program:hover img {transform:scale(1.04)}
#mx-home .mx-program-title {position:absolute; z-index:1; left:15px; right:50px; bottom:16px; font:400 14px/1.25 var(--serif); color:#fff}
#mx-home .mx-round-arrow {position:absolute; z-index:1; right:15px; bottom:16px; width:23px; height:23px; border-radius:50%; background:#fff; color:var(--navy); display:grid; place-items:center; transition:transform .2s}
#mx-home .mx-round-arrow svg {width:12px; height:12px; stroke-width:2.4}
#mx-home .mx-program:hover .mx-round-arrow {transform:translateX(3px)}

/* ---------- process (195px) ---------- */
#mx-home .mx-process {background:var(--ivory-light)}
#mx-home .mx-process-inner {display:grid; grid-template-columns:345px minmax(0,1fr); align-items:start; padding-block:30px 26px}
#mx-home .mx-process-intro {padding-top:5px}
#mx-home .mx-process h2 {font-size:32px; line-height:1.08}
#mx-home .mx-process-intro p:not(.mx-eyebrow) {margin-top:12px; max-width:270px; font-size:12px}
#mx-home .mx-steps {display:grid; grid-template-columns:repeat(6,minmax(0,1fr))}
#mx-home .mx-steps li {position:relative}
#mx-home .mx-steps li:not(:last-child):after {content:""; position:absolute; top:26px; left:64px; right:12px; border-top:1px solid #E9D8D2}
#mx-home .mx-step-icon {display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#F2E7D8; color:var(--navy)}
#mx-home .mx-step-icon .mx-line-icon {width:21px; height:21px}
#mx-home .mx-steps li > div {margin-top:16px; padding-right:12px}
#mx-home .mx-steps li:not(:last-child) > div {border-right:1px solid var(--line); margin-right:12px}
#mx-home .mx-step-no {display:block; font:500 12.5px/1 var(--sans); color:#B9822F; margin-bottom:6px}
#mx-home .mx-steps h3 {font:500 12px/1.3 var(--sans); letter-spacing:0; color:var(--uni-blue); margin-bottom:4px}
#mx-home .mx-steps p {font-size:11px; line-height:1.45}

/* ---------- founder (255px) ---------- */
#mx-home .mx-founder {display:grid; grid-template-columns:38.55% minmax(0,1fr) 25%; background:var(--ivory-light); border-top:1px solid var(--line)}
#mx-home .mx-founder-media {position:relative; margin:0; min-height:255px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; padding:30px 34px 26px 24px; background:#16120F}
#mx-home .mx-founder-media img {position:absolute; inset:0 auto 0 0; width:62%; height:100%; object-fit:cover; object-position:50% 22%}
#mx-home .mx-founder-media:before {content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(22,18,15,0) 40%,rgba(22,18,15,.8) 55%,#16120F 63%)}
#mx-home .mx-founder-mono {display:none}
#mx-home .mx-founder-media blockquote {position:relative; z-index:2; width:240px; margin:0 0 22px; font:400 20px/1.3 var(--script); color:#F2EADB; transform:rotate(-3deg)}
#mx-home .mx-founder-media figcaption {position:relative; z-index:2; width:190px; padding-left:18px; border-left:1px solid var(--gold)}
#mx-home .mx-founder-media figcaption strong {display:block; font:400 25px/1.05 var(--script); color:#F4EBDC; white-space:nowrap; transform:rotate(-6deg); transform-origin:left center}
#mx-home .mx-founder-media figcaption span {display:block; margin-top:10px; font:500 8.5px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:#cfc6b8}
#mx-home .mx-founder-copy {align-self:start; padding:27px 40px 24px 49px}
#mx-home .mx-founder h2 {font-size:36px; line-height:1.03}
#mx-home .mx-founder-copy p:not(.mx-eyebrow) {margin:14px 0 18px; max-width:445px; font-size:12.5px; line-height:1.5}
#mx-home .mx-founder-copy strong {color:var(--navy); font-weight:600}
#mx-home .mx-founder-copy .mx-btn {min-width:217px; min-height:37px; font-size:11.5px}
#mx-home .mx-founder-points {align-self:center; display:grid; gap:16px; margin:0!important; padding:6px 0 6px 30px!important; border-left:1px solid var(--line)}
#mx-home .mx-founder-points li {display:flex; gap:14px; align-items:flex-start; color:var(--gold)}
#mx-home .mx-founder-points .mx-line-icon {width:21px; height:21px}
#mx-home .mx-founder-points h3 {font:500 12px/1.35 var(--sans); letter-spacing:0; color:var(--uni-blue)}
#mx-home .mx-founder-points p {font-size:11px; line-height:1.45}

/* ---------- testimonials (235px) ---------- */
#mx-home .mx-stories {background:var(--ivory-light); padding-block:25px 18px}
#mx-home .mx-stories-head {display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:14px}
#mx-home .mx-stories h2 {font-size:31px; line-height:1.15}
#mx-home .mx-stories-head p:not(.mx-eyebrow) {margin-top:3px; font-size:11.5px}
#mx-home .mx-stories-nav {display:flex; align-items:center; gap:22px; flex:none}
#mx-home .mx-carousel-btns {display:flex; gap:8px}
#mx-home .mx-carousel-btns button {width:32px; height:32px; border-radius:4px; border:1px solid var(--line); background:#fff; color:var(--navy); display:grid; place-items:center; cursor:pointer; box-shadow:0 2px 6px rgba(6,39,77,.06); transition:border-color .2s}
#mx-home .mx-carousel-btns button:hover:not(:disabled) {border-color:var(--navy)}
#mx-home .mx-carousel-btns button:disabled {opacity:.45; cursor:default}
#mx-home .mx-carousel-btns svg {width:15px; height:15px}
#mx-home .mx-story-row {display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 38px) / 3); gap:19px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:2px 2px 8px}
#mx-home .mx-story-row::-webkit-scrollbar {display:none}
#mx-home .mx-story {scroll-snap-align:start; margin:0; display:grid; grid-template-columns:64px minmax(0,1fr); gap:22px; padding:14px 20px 12px 15px; background:#fff; border-radius:5px; box-shadow:0 2px 12px rgba(6,39,77,.07)}
#mx-home .mx-story img {width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:center 20%}
#mx-home .mx-story > div {display:flex; flex-direction:column; min-width:0}
#mx-home .mx-story blockquote {margin:0 0 8px; font:italic 400 12px/1.4 var(--sans); color:#5d6c80}
#mx-home .mx-story figcaption {margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; font-size:10.5px; line-height:1.4; color:var(--muted)}
#mx-home .mx-story figcaption strong {display:block; font:600 11.5px/1.35 var(--sans); color:var(--uni-blue)}
#mx-home .mx-stars {flex:none; font-size:11px; font-weight:500; color:var(--navy); white-space:nowrap}
#mx-home .mx-stars span {font-size:13px; color:#C08A2E; letter-spacing:3px; margin-right:10px}

/* ---------- closing CTA (133px) ---------- */
#mx-home .mx-cta {position:relative; isolation:isolate; overflow:hidden; background:var(--navy-deep)}
#mx-home .mx-cta-media {position:absolute; inset:0; z-index:-2}
#mx-home .mx-cta-media img {width:100%; height:100%; object-fit:cover; object-position:center 64%}
#mx-home .mx-cta:before {content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(6,30,62,.15) 0%,rgba(6,30,62,.72) 15%,rgba(6,30,62,.62) 45%,rgba(6,30,62,.45) 75%,rgba(6,30,62,.1) 100%)}
#mx-home .mx-cta-inner {width:min(100% - 64px,1036px); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; min-height:133px; padding-block:18px}
#mx-home .mx-cta .mx-eyebrow {color:#E6EAF0; font-size:9px; margin-bottom:6px}
#mx-home .mx-cta h2 {color:#fff; font-size:31px; line-height:1.1}
#mx-home .mx-cta-copy p:not(.mx-eyebrow) {max-width:440px; margin-top:10px; font-size:12px; line-height:1.55; color:#E3E9F1}
#mx-home .mx-cta-action {display:flex; flex-direction:column; align-items:center; gap:14px; margin-right:-30px}
#mx-home .mx-cta-action .mx-btn {min-width:234px; min-height:37px; font-size:12px}
#mx-home .mx-cta-action ul {display:flex; flex-wrap:wrap; align-items:center; font-size:10.5px; color:#fff}
#mx-home .mx-cta-action li {display:inline-flex; align-items:center; gap:7px}
#mx-home .mx-cta-action li + li:before {content:""; display:inline-block; width:1px; height:11px; margin:0 8px; background:rgba(255,255,255,.55)}
#mx-home .mx-check {width:14px; height:14px}

/* ---------- 1181–1360: keep the reference composition, give the copy room ---------- */
@media (max-width:1360px) {
  #mx-home .mx-hero-media {width:58%}
  #mx-home .mx-hero-panel {right:28px}
  #mx-home .mx-hero-caption {display:none}
  #mx-home .mx-services-inner {grid-template-columns:minmax(0,1fr) 560px}
  #mx-home .mx-services-grid {grid-template-columns:165px 205px 1fr}
  #mx-home .mx-why-copy {padding-right:32px}
  #mx-home .mx-benefits {grid-template-columns:1fr 1fr}
  #mx-home .mx-founder {grid-template-columns:36% minmax(0,1fr) 27%}
  #mx-home .mx-founder-copy {padding-right:28px; padding-left:40px}
  #mx-home .mx-founder-points {padding-left:24px!important; margin-right:24px!important}
}

/* ---------- ≤1180: tablets landscape / small laptops ---------- */
@media (max-width:1180px) {
  #mx-home h2,#mx-home .mx-why h2,#mx-home .mx-founder h2,#mx-home .mx-services h2 {font-size:34px}
  #mx-home p {font-size:14px}
  #mx-home .mx-hero {min-height:480px}
  #mx-home .mx-hero h1 {font-size:76px}
  #mx-home .mx-hero-inner {grid-template-columns:minmax(0,420px) 1fr}
  #mx-home .mx-hero-script {left:36%; font-size:30px}
  #mx-home .mx-hero-panel {width:300px; grid-template-columns:1fr 1fr; gap:16px 12px; padding:16px}
  #mx-home .mx-partners-inner {flex-wrap:wrap; row-gap:16px; padding-block:20px}
  #mx-home .mx-partners-label {order:1}
  #mx-home .mx-partners-more {order:2; margin-left:auto; border-left:0}
  #mx-home .mx-partners-list {order:3; flex-basis:100%}
  #mx-home .mx-partners-list li:first-child {border-left:0}
  #mx-home .mx-partners-list li:first-child a {padding-left:0}
  #mx-home .mx-services-inner {grid-template-columns:1fr; gap:36px; padding-block:56px 40px}
  #mx-home .mx-services-intro {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 48px; align-items:end}
  #mx-home .mx-services-intro .mx-eyebrow,#mx-home .mx-services-intro h2 {grid-column:1}
  #mx-home .mx-services-intro p:not(.mx-eyebrow) {grid-column:2; grid-row:1/3; margin:0 0 16px; font-size:14px}
  #mx-home .mx-services-intro .mx-btn {grid-column:2; justify-self:start}
  #mx-home .mx-services-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  #mx-home .mx-services-grid p {font-size:13px}
  #mx-home .mx-services-grid h3 {font-size:17px}
  #mx-home .mx-why {grid-template-columns:1fr}
  #mx-home .mx-why-media {min-height:0; aspect-ratio:16/8}
  #mx-home .mx-why-media:after {background:linear-gradient(180deg,rgba(251,249,244,0) 72%,var(--ivory-light) 100%)}
  #mx-home .mx-why-copy {padding:20px 32px 56px; width:min(100%,1224px); margin:0 auto}
  #mx-home .mx-why-lead {font-size:14.5px!important; max-width:640px}
  #mx-home .mx-benefits li {min-height:0; padding-bottom:22px}
  #mx-home .mx-benefits h3 {font-size:14px}
  #mx-home .mx-benefits p {font-size:13px}
  #mx-home .mx-programs-inner,#mx-home .mx-process-inner {grid-template-columns:1fr; gap:28px; padding-block:48px}
  #mx-home .mx-programs-intro,#mx-home .mx-process-intro {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:0 40px; align-items:end}
  #mx-home .mx-programs-intro p:not(.mx-eyebrow),#mx-home .mx-process-intro p:not(.mx-eyebrow) {grid-column:2; grid-row:1/3; margin:0; max-width:none; font-size:14px}
  #mx-home .mx-programs-intro .mx-btn {grid-column:3; grid-row:1/3}
  #mx-home .mx-program-title {font-size:17px}
  #mx-home .mx-steps h3 {font-size:13.5px}
  #mx-home .mx-steps p {font-size:12.5px}
  #mx-home .mx-founder {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #mx-home .mx-founder-media {min-height:380px}
  #mx-home .mx-founder-copy {align-self:center; padding:48px 32px 40px 40px}
  #mx-home .mx-founder-copy p:not(.mx-eyebrow) {font-size:14px}
  #mx-home .mx-founder-points {grid-column:1/-1; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 32px!important; padding:28px 0 36px!important; border-left:0; border-top:1px solid var(--line)}
  #mx-home .mx-founder-points h3 {font-size:13.5px}
  #mx-home .mx-founder-points p {font-size:12.5px}
  #mx-home .mx-stories {padding-block:48px}
  #mx-home .mx-story blockquote {font-size:14px}
  #mx-home .mx-story figcaption {font-size:12px}
  #mx-home .mx-story figcaption strong {font-size:13px}
  #mx-home .mx-cta-inner {padding-block:40px}
}

/* ---------- ≤900: stacked hero ---------- */
@media (max-width:900px) {
  #mx-home .mx-wrap,#mx-home .mx-hero-inner,#mx-home .mx-partners-inner,#mx-home .mx-services-inner,#mx-home .mx-cta-inner {width:calc(100% - 48px)}
  #mx-home .mx-hero {flex-direction:column; min-height:0}
  #mx-home .mx-hero:after {display:none}
  #mx-home .mx-hero-inner {display:contents}
  #mx-home .mx-hero-copy {order:1; width:calc(100% - 48px); margin:0 auto; padding:40px 0 32px}
  #mx-home .mx-eyebrow-rule:before {margin-left:0}
  #mx-home .mx-eyebrow-rule {gap:12px}
  #mx-home .mx-lead {max-width:520px; font-size:16px; line-height:1.6}
  #mx-home .mx-hero-media {order:2; position:relative; width:100%; height:auto; aspect-ratio:16/10; z-index:0}
  #mx-home .mx-hero-media:before {background:linear-gradient(180deg,var(--ivory) 0%,rgba(248,245,238,0) 22%)}
  #mx-home .mx-hero-script {top:auto; bottom:30%; left:36%; font-size:30px}
  #mx-home .mx-hero-panel {order:3; position:relative; right:auto; bottom:auto; z-index:1; width:calc(100% - 48px); margin:-64px auto 32px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:20px}
  #mx-home .mx-hero-panel li {flex-direction:column; gap:10px}
  #mx-home .mx-hero-panel strong {font-size:15px}
  #mx-home .mx-hero-panel span {font-size:12px}
  #mx-home .mx-btn {min-height:46px; font-size:14px}
  #mx-home .mx-services-intro,#mx-home .mx-programs-intro,#mx-home .mx-process-intro {display:block}
  #mx-home .mx-services-intro p:not(.mx-eyebrow) {margin:16px 0 24px}
  #mx-home .mx-programs-intro p:not(.mx-eyebrow) {margin:12px 0 20px}
  #mx-home .mx-process-intro p:not(.mx-eyebrow) {margin-top:12px}
  #mx-home .mx-services-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  #mx-home .mx-services-grid li:nth-child(n) {border-left:0; border-top:1px solid var(--line-dark)}
  #mx-home .mx-services-grid li:nth-child(even) {border-left:1px solid var(--line-dark)}
  #mx-home .mx-services-grid li:nth-child(n) a {padding:22px 20px 22px 0}
  #mx-home .mx-services-grid li:nth-child(even) a {padding-left:24px}
  #mx-home .mx-why-copy {padding:16px 24px 56px}
  #mx-home .mx-program-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  #mx-home .mx-program {aspect-ratio:16/12}
  #mx-home .mx-steps {grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 0}
  #mx-home .mx-steps li:nth-child(3n):after {display:none}
  #mx-home .mx-steps li:nth-child(3n) > div {border-right:0}
  #mx-home .mx-founder {grid-template-columns:1fr}
  #mx-home .mx-founder-media {min-height:420px}
  #mx-home .mx-founder-media img {width:64%}
  #mx-home .mx-founder-media blockquote {width:min(40%,260px); font-size:24px}
  #mx-home .mx-founder-copy {padding:44px 24px 8px}
  #mx-home .mx-founder-points {grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:32px 24px 0!important; padding:28px 0 48px!important}
  #mx-home .mx-story-row {grid-auto-columns:calc((100% - 19px) / 2)}
  #mx-home .mx-cta-inner {grid-template-columns:1fr; gap:24px; padding-block:48px}
  #mx-home .mx-cta-action {align-items:flex-start; margin-right:0}
  #mx-home .mx-cta h2 {font-size:34px}
  #mx-home .mx-cta-copy p:not(.mx-eyebrow) {font-size:14.5px}
  #mx-home .mx-cta-action ul {font-size:13px}
  #mx-home .mx-cta:before {background:linear-gradient(90deg,rgba(6,30,62,.85),rgba(6,30,62,.6))}
}

/* ---------- ≤600: phones ---------- */
@media (max-width:600px) {
  #mx-home .mx-wrap,#mx-home .mx-partners-inner,#mx-home .mx-services-inner,#mx-home .mx-cta-inner {width:calc(100% - 40px)}
  #mx-home h2,#mx-home .mx-why h2,#mx-home .mx-founder h2,#mx-home .mx-services h2,#mx-home .mx-programs h2,#mx-home .mx-process h2,#mx-home .mx-stories h2,#mx-home .mx-cta h2 {font-size:clamp(30px,8.2vw,35px); line-height:1.1}
  #mx-home p {font-size:15.5px; line-height:1.6}
  #mx-home .mx-eyebrow {font-size:11.5px; letter-spacing:.14em; margin-bottom:10px}
  #mx-home .mx-hero-copy {width:calc(100% - 40px); padding:32px 0 28px}
  #mx-home .mx-hero h1 {font-size:clamp(52px,14.6vw,64px); line-height:.92; margin:8px 0 18px}
  #mx-home .mx-actions {flex-direction:column; align-items:stretch; gap:12px; margin-top:24px}
  #mx-home .mx-btn {min-height:52px; font-size:15px}
  #mx-home .mx-hero .mx-btn {min-width:0}
  #mx-home .mx-trust {margin-top:24px; gap:14px}
  #mx-home .mx-trust p {font-size:14px}
  #mx-home .mx-avatars img {width:42px; height:42px}
  #mx-home .mx-hero-media {aspect-ratio:4/3.3}
  #mx-home .mx-hero-media img {object-position:62% 45%}
  #mx-home .mx-hero-script {left:auto; right:18px; bottom:auto; top:30px; font-size:25px}
  #mx-home .mx-hero-script span:nth-child(2) {padding-left:28px}
  #mx-home .mx-hero-script span:nth-child(3) {padding-left:38px}
  #mx-home .mx-hero-panel {width:calc(100% - 40px); margin:-52px auto 28px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; padding:18px 16px}
  #mx-home .mx-hero-panel li {flex-direction:row; gap:10px}
  #mx-home .mx-hero-panel .mx-line-icon {width:22px; height:22px}
  #mx-home .mx-hero-panel strong {font-size:14.5px; white-space:normal}
  #mx-home .mx-hero-panel span {font-size:12.5px}
  #mx-home .mx-partners-inner {padding-block:22px 16px}
  #mx-home .mx-partners-label {width:auto; font-size:10.5px}
  #mx-home .mx-partners-more {padding-left:0; font-size:13px}
  #mx-home .mx-partners-list {overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin-right:-20px; padding-right:20px}
  #mx-home .mx-partners-list::-webkit-scrollbar {display:none}
  #mx-home .mx-partners-list li {flex:0 0 44%; scroll-snap-align:start}
  #mx-home .mx-partners-list a {padding:6px 16px}
  #mx-home .mx-partners-list b {font-size:22px}
  #mx-home .mx-partners-list span {font-size:10.5px}
  #mx-home .mx-services-inner {padding-block:56px 32px; gap:24px}
  #mx-home .mx-services-intro p:not(.mx-eyebrow) {font-size:15.5px}
  #mx-home .mx-services-intro .mx-btn {width:100%}
  #mx-home .mx-services-grid {grid-template-columns:1fr}
  #mx-home .mx-services-grid li:nth-child(n) {border-left:0}
  #mx-home .mx-services-grid li:nth-child(n) a {display:grid; grid-template-columns:42px minmax(0,1fr); gap:2px 16px; padding:20px 0}
  #mx-home .mx-ring {grid-row:1/3; width:42px; height:42px; margin:0}
  #mx-home .mx-services-grid h3 {font-size:19px; margin:0}
  #mx-home .mx-services-grid p {font-size:14.5px}
  #mx-home .mx-why-media {aspect-ratio:4/3.6}
  #mx-home .mx-why-script {top:22px; left:20px; font-size:22px}
  #mx-home .mx-why-card {left:20px; bottom:20px; width:170px; padding:16px 14px 14px 18px}
  #mx-home .mx-why-card strong {font-size:30px}
  #mx-home .mx-why-card p {font-size:12px}
  #mx-home .mx-why-copy {padding:12px 20px 52px}
  #mx-home .mx-why-lead {font-size:15.5px!important}
  #mx-home .mx-benefits {grid-template-columns:1fr; margin-top:24px}
  #mx-home .mx-benefits li,#mx-home .mx-benefits li:nth-child(even) {padding:16px 0; border-left:0; border-top:1px solid var(--line); gap:16px}
  #mx-home .mx-benefits h3 {font-size:15px}
  #mx-home .mx-benefits p {font-size:14.5px}
  #mx-home .mx-programs-inner,#mx-home .mx-process-inner {padding-block:52px}
  #mx-home .mx-programs-intro .mx-btn {width:100%}
  #mx-home .mx-program-list {display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; scrollbar-width:none; margin-right:-20px; padding-right:20px}
  #mx-home .mx-program-list::-webkit-scrollbar {display:none}
  #mx-home .mx-program-list li {flex:0 0 74%; scroll-snap-align:start}
  #mx-home .mx-program {aspect-ratio:1/1.1}
  #mx-home .mx-program-title {font-size:19px; left:18px; bottom:18px}
  #mx-home .mx-round-arrow {width:32px; height:32px}
  #mx-home .mx-steps {grid-template-columns:1fr; gap:0}
  #mx-home .mx-steps li {display:grid; grid-template-columns:52px minmax(0,1fr); gap:18px; padding-bottom:24px}
  #mx-home .mx-steps li:not(:last-child):after,#mx-home .mx-steps li:nth-child(3n):not(:last-child):after {display:block; top:58px; bottom:4px; left:26px; right:auto; border-top:0; border-left:1px solid #E2CDBF}
  #mx-home .mx-steps li > div,#mx-home .mx-steps li:not(:last-child) > div {margin:4px 0 0; padding:0; border:0}
  #mx-home .mx-steps h3 {font-size:16px}
  #mx-home .mx-steps p {font-size:14.5px}
  #mx-home .mx-founder-media {display:block; min-height:0; padding:0}
  #mx-home .mx-founder-media img {position:relative; width:100%; height:auto; aspect-ratio:4/3.4; object-position:50% 20%}
  #mx-home .mx-founder-media:before {background:linear-gradient(180deg,rgba(22,18,15,0) 45%,rgba(22,18,15,.55) 62%,#16120F 72%)}
  #mx-home .mx-founder-media blockquote {width:auto; margin:-34px 20px 22px; font-size:24px; transform:none}
  #mx-home .mx-founder-media figcaption {width:auto; margin:0 20px 30px}
  #mx-home .mx-founder-copy {padding:40px 20px 0}
  #mx-home .mx-founder-copy p:not(.mx-eyebrow) {font-size:15.5px}
  #mx-home .mx-founder-copy .mx-btn {width:100%; white-space:normal; text-align:center}
  #mx-home .mx-founder-points {grid-template-columns:1fr; gap:20px; margin:32px 20px 0!important; padding:28px 0 44px!important}
  #mx-home .mx-founder-points h3 {font-size:15px}
  #mx-home .mx-founder-points p {font-size:14px}
  #mx-home .mx-stories {padding-block:52px}
  #mx-home .mx-stories-head {flex-direction:column; align-items:flex-start; gap:14px; margin-bottom:22px}
  #mx-home .mx-stories-head p:not(.mx-eyebrow) {font-size:15px}
  #mx-home .mx-stories-nav {width:100%; justify-content:space-between}
  #mx-home .mx-text-link {min-height:44px; font-size:14px; border-bottom:0; text-decoration:underline!important; text-underline-offset:5px}
  #mx-home .mx-carousel-btns button {width:44px; height:44px}
  #mx-home .mx-story-row {grid-auto-columns:88%; gap:12px; margin-right:-20px; padding-right:20px}
  #mx-home .mx-story {grid-template-columns:1fr; gap:14px; padding:22px 20px}
  #mx-home .mx-story img {width:56px; height:56px}
  #mx-home .mx-story blockquote {font-size:15.5px; line-height:1.55}
  #mx-home .mx-story figcaption {flex-direction:column; align-items:flex-start; gap:8px; font-size:13px}
  #mx-home .mx-story figcaption strong {font-size:14.5px}
  #mx-home .mx-stars {font-size:13px}
  #mx-home .mx-cta-media img {object-position:62% center}
  #mx-home .mx-cta:before {background:linear-gradient(180deg,rgba(6,30,62,.8) 0%,rgba(6,30,62,.7) 60%,rgba(6,30,62,.55) 100%)}
  #mx-home .mx-cta-inner {padding-block:48px}
  #mx-home .mx-cta-action {align-items:stretch}
  #mx-home .mx-cta-action .mx-btn {min-width:0}
  #mx-home .mx-cta-action ul {justify-content:center; font-size:13px; row-gap:8px}
}

@media (prefers-reduced-motion:reduce) {
  #mx-home *,#mx-home *:before,#mx-home *:after {transition:none!important; scroll-behavior:auto!important}
}

/* ---------- mobile audit fixes (October 2026) ---------- */
@media (max-width:900px) {
  #mx-home :is(.mx-services-intro,.mx-programs-intro,.mx-founder-copy,.mx-cta-action) .mx-btn {min-height:46px; font-size:14px}
}
@media (max-width:600px) {
  #mx-home .mx-hero-panel span {white-space:normal}
  #mx-home .mx-partners-inner {display:grid; grid-template-columns:minmax(0,1fr); row-gap:16px}
  #mx-home .mx-partners-label {order:1}
  #mx-home .mx-partners-list {order:2}
  #mx-home .mx-partners-more {order:3; margin:0; justify-self:start}
  #mx-home .mx-why-media {display:flex; flex-direction:column; aspect-ratio:auto}
  #mx-home .mx-why-media img {position:relative; inset:auto; height:auto; aspect-ratio:4/3.3}
  #mx-home .mx-why-media:after {display:none}
  #mx-home .mx-why-card {position:relative; left:auto; bottom:auto; width:auto; margin:-28px 20px 0; display:grid; grid-template-columns:auto 1fr; gap:2px 16px; align-items:center; padding:16px 18px}
  #mx-home .mx-why-card strong {grid-row:1/3; font-size:34px}
  #mx-home .mx-why-card b {margin:0}
  #mx-home .mx-why-card p {font-size:13.5px}
  #mx-home .mx-why-copy {padding-top:32px}
  #mx-home :is(.mx-services-intro,.mx-programs-intro,.mx-founder-copy,.mx-cta-action) .mx-btn {min-height:52px; font-size:15px}
  #mx-home .mx-cta-action ul {gap:8px 18px}
  #mx-home .mx-cta-action li + li:before {display:none}
}
@media (max-width:1180px) {
  #mx-home .mx-eyebrow,#mx-home .mx-cta .mx-eyebrow {font-size:11.5px; letter-spacing:.15em}
  #mx-home .mx-partners-label {font-size:10.5px; width:auto}
  #mx-home .mx-partners-list span {font-size:10.5px}
  #mx-home .mx-partners-list b {font-size:22px}
  #mx-home .mx-partners-more {font-size:13px}
  #mx-home .mx-trust p {font-size:13.5px}
  #mx-home .mx-why-card p {font-size:12.5px}
  #mx-home .mx-why-card b {font-size:11px}
  #mx-home .mx-founder-media figcaption span {font-size:11px}
  #mx-home .mx-stories-head p:not(.mx-eyebrow) {font-size:14px}
  #mx-home .mx-stars {font-size:12.5px}
  #mx-home .mx-text-link {min-height:44px; font-size:13.5px}
  #mx-home .mx-carousel-btns button {width:44px; height:44px}
}
@media (max-width:600px) {
  #mx-home .mx-partners-list span {font-size:11.5px}
}
@media (max-width:1180px) {
  #mx-home .mx-hero-panel span,#mx-home .mx-hero-panel strong {white-space:normal}
}
@media (max-width:900px) and (min-width:601px) {
  #mx-home .mx-hero-script {top:18px; bottom:auto; left:auto; right:32px; font-size:28px}
}
@media (max-width:1180px) {
  #mx-home .mx-eyebrow-rule {gap:12px}
  #mx-home .mx-eyebrow-rule:before {margin-left:0}
}
@media (max-width:1180px) and (min-width:901px) {
  #mx-home .mx-hero-script {left:46%; top:22px}
}

/* ---------- mobile audit 2 (October 2026) ---------- */
#mx-home .mx-eyebrow-rule:before {background:var(--gold)}
@media (max-width:900px) {
  #mx-home .mx-hero-script {text-shadow:0 0 2px rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.75),0 0 18px rgba(255,255,255,.5)}
}
@media (max-width:600px) {
  /* one heading scale across the redesigned pages */
  #mx-home h2,#mx-home .mx-why h2,#mx-home .mx-founder h2,#mx-home .mx-services h2,#mx-home .mx-programs h2,#mx-home .mx-process h2,#mx-home .mx-stories h2 {font-size:clamp(30px,8.2vw,34px)}
  #mx-home .mx-cta h2 {font-size:clamp(32px,8.8vw,36px)}
  /* partner strip: 2-column list with "and many more" completing the grid, instead of names cut off at the edge */
  #mx-home .mx-partners-inner {grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:0; padding-block:24px 20px}
  #mx-home .mx-partners-label,#mx-home .mx-partners-more {order:0}
  #mx-home .mx-partners-label {grid-column:1/-1; margin-bottom:12px}
  #mx-home .mx-partners-list {display:contents}
  #mx-home .mx-partners-list li,#mx-home .mx-partners-list li:first-child {border-left:0; border-top:1px solid var(--line)}
  #mx-home .mx-partners-list li:nth-child(even) {border-left:1px solid var(--line)}
  #mx-home .mx-partners-list a,#mx-home .mx-partners-list li:first-child a {padding:14px 12px 14px 0}
  #mx-home .mx-partners-list li:nth-child(even) a {padding-left:16px}
  #mx-home .mx-partners-more {align-self:stretch; justify-self:stretch; align-items:center; margin:0; padding:14px 0 14px 16px; border-top:1px solid var(--line)}
  #mx-home .mx-partners-list:has(li:last-child:nth-child(odd)) + .mx-partners-more {border-left:1px solid var(--line)}
  #mx-home .mx-partners-list:has(li:last-child:nth-child(even)) + .mx-partners-more {padding-left:0}
}
@media (max-width:600px) {#mx-home .mx-partners-label {font-size:11.5px}}

/* ---------- student success cards (Student Successes post type) ---------- */
#mx-home .mx-student-row {list-style:none; margin:0; grid-auto-columns:calc((100% - 57px) / 4)}
#mx-home .mx-student {scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; text-align:center; padding:28px 18px 24px; background:#fff; border-radius:12px; box-shadow:0 2px 12px rgba(6,39,77,.07)}
#mx-home .mx-student-photo {display:grid; place-items:center; flex:none; box-sizing:border-box; width:116px; height:116px; aspect-ratio:1; padding:4px; border-radius:50%; background:#fff; border:1px solid var(--line,#E6E8EB); box-shadow:0 4px 14px rgba(6,39,77,.1); color:#9AA8BA; overflow:hidden}
#mx-home .mx-student-photo img {display:block; width:106px; height:106px; max-width:none; border-radius:50%; object-fit:cover; object-position:center 22%}
#mx-home .mx-student-photo svg {width:44px; height:44px}
#mx-home .mx-student h3 {margin:16px 0 10px; font:600 16px/1.3 var(--sans); letter-spacing:0; color:var(--uni-blue)}
#mx-home .mx-student-pill {margin:0; padding:6px 14px; border-radius:999px; background:#EEF1F5; font:500 12.5px/1.35 var(--sans); color:#4A5A70}
#mx-home .mx-student-intake {margin:8px 0 0; font:500 11.5px/1.4 var(--sans); letter-spacing:.06em; text-transform:uppercase; color:var(--gold-text,#9A7034)}
@media (max-width:1100px) { #mx-home .mx-student-row {grid-auto-columns:calc((100% - 38px) / 3)} }
@media (max-width:900px) { #mx-home .mx-student-row {grid-auto-columns:calc((100% - 19px) / 2)} }
@media (max-width:600px) {
  #mx-home .mx-student-row {grid-auto-columns:72%}
  #mx-home .mx-student h3 {font-size:17px}
  #mx-home .mx-student-pill {font-size:13.5px}
}