/* Homepage-only admissions preview; use the homepage's existing brand tokens. */
#mx-home .mx-admissions {position:relative; isolation:isolate; overflow:hidden; background:var(--ivory-light); padding-block:66px; min-height:460px}
#mx-home .mx-stories-layout {position:relative; display:grid; grid-template-columns:minmax(0,37fr) minmax(0,63fr); align-items:center; gap:30px}
#mx-home .mx-stories-intro {padding-left:85px}
#mx-home .mx-admissions .mx-eyebrow {display:flex; align-items:center; gap:14px; font-size:10px; letter-spacing:.19em; margin-bottom:20px}
#mx-home .mx-admissions .mx-eyebrow:after {content:""; width:44px; height:1px; background:var(--gold); flex:none}
#mx-home .mx-admissions h2 {font-size:clamp(32px,3.05vw,44px); line-height:1.12; letter-spacing:-.018em; text-wrap:initial}
#mx-home .mx-admissions h2 span {color:var(--gold-text); white-space:nowrap}
#mx-home .mx-admissions .mx-stories-description {margin:20px 0 24px; max-width:330px; font-size:14px; line-height:1.65}
#mx-home .mx-admissions .mx-btn {min-height:44px; padding-inline:24px; font-size:13px}
#mx-home .mx-stories-students {min-width:0}
#mx-home .mx-admissions .mx-stories-nav {justify-content:flex-end; gap:26px; margin-bottom:20px; min-height:36px}
#mx-home .mx-admissions .mx-carousel-btns[hidden] {display:none}
#mx-home .mx-admissions .mx-carousel-btns button {width:40px; height:40px; border-radius:5px; box-shadow:0 2px 7px rgba(6,39,77,.035); transition:background .2s,border-color .2s}
#mx-home .mx-admissions .mx-carousel-btns button:hover:not(:disabled) {background:var(--mist); border-color:var(--gold)}
#mx-home .mx-admissions .mx-student-row {grid-auto-columns:calc((100% - 32px) / 3); gap:16px; margin:0; padding:4px 2px 10px; scroll-padding-inline:2px; overscroll-behavior-x:contain}
#mx-home .mx-admissions .mx-student {min-width:0; min-height:244px; display:block; text-align:left; padding:8px 10px 16px; border:1px solid rgba(196,154,86,.2); border-radius:7px; background:#fffefa; box-shadow:0 3px 12px rgba(6,39,77,.035); transition:transform .2s,box-shadow .2s}
#mx-home .mx-admissions .mx-student:hover {transform:translateY(-2px); box-shadow:0 5px 16px rgba(6,39,77,.065)}
#mx-home .mx-student-cover {position:relative; height:112px; border-radius:4px; overflow:hidden; background:var(--ivory)}
#mx-home .mx-admissions .mx-student-campus {width:100%; height:100%; object-fit:cover; object-position:65% center}
#mx-home .mx-student-cover:after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,#fffefa 0%,rgba(255,254,250,.7) 22%,transparent 65%); pointer-events:none}
#mx-home .mx-admissions .mx-student-photo {position:absolute; z-index:1; top:14px; left:7px; width:94px; height:94px; padding:0; border:2px solid #fff; box-shadow:none}
#mx-home .mx-admissions .mx-student-photo img {width:100%; height:100%; transition:transform .2s}
#mx-home .mx-admissions .mx-student:hover .mx-student-photo img {transform:scale(1.02)}
#mx-home .mx-admissions .mx-student h3 {margin:10px 8px 8px; font:400 19px/1.2 var(--serif); color:var(--navy); text-wrap:initial}
#mx-home .mx-student-details {display:flex; align-items:center; justify-content:space-between; gap:8px; margin-inline:8px}
#mx-home .mx-student-study {display:flex; align-items:flex-start; gap:8px; min-width:0}
#mx-home .mx-student-degree-icon {display:grid; place-items:center; flex:none; width:24px; height:24px; background:#f8efdf; border-radius:50%; color:var(--ink)}
#mx-home .mx-student-degree-icon svg {width:17px; height:17px}
#mx-home .mx-student-study p {font:400 11px/1.45 var(--sans); color:var(--navy); min-width:0}
#mx-home .mx-student-degree,#mx-home .mx-student-university {display:block}
#mx-home .mx-student-university {margin-top:2px; font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)}
#mx-home .mx-student-action {display:grid; place-items:center; width:36px; height:36px; flex:none; border-radius:50%; color:var(--navy); background:#f8efdf; transition:background .2s}
#mx-home .mx-student-action svg {width:16px; height:16px; transition:transform .2s}
#mx-home .mx-student-action:hover {background:var(--gold-soft)}
#mx-home .mx-student-action:hover svg {transform:translateX(2px)}
#mx-home .mx-admissions .mx-student-intake {display:flex; align-items:center; gap:10px; margin:14px 8px 0; font:500 9px/1.5 var(--sans); letter-spacing:.1em; color:var(--gold-text); text-transform:uppercase}
#mx-home .mx-student-intake svg {width:16px; height:16px; flex:none}
#mx-home .mx-stories-art {position:absolute; z-index:-1; pointer-events:none; background-repeat:no-repeat; background-size:contain; opacity:.24}
#mx-home .mx-stories-art-left {left:-18px; bottom:0; width:380px; height:100%; background-image:url('../images/home-stories-hanok-supplied.webp?v=1'); background-size:auto 100%; background-position:left bottom; opacity:.42}
#mx-home .mx-stories-art-right {right:-16px; bottom:0; width:185px; height:330px; background-image:url('../images/home-stories-seoul.svg'); opacity:.19}
@media (max-width:1279px) {
  #mx-home .mx-admissions {padding-block:54px; min-height:440px}
  #mx-home .mx-stories-intro {padding-left:0}
  #mx-home .mx-stories-art-left {opacity:.16; width:220px; mask-image:linear-gradient(90deg,#000,transparent)}
  #mx-home .mx-admissions .mx-student-row {grid-auto-columns:calc((100% - 16px) / 2)}
}
@media (max-width:900px) {
  #mx-home .mx-stories-layout {grid-template-columns:minmax(0,38fr) minmax(0,62fr); gap:24px}
  #mx-home .mx-admissions .mx-student-row {grid-auto-columns:85%}
  #mx-home .mx-admissions h2 {font-size:32px}
  #mx-home .mx-admissions .mx-eyebrow {font-size:9px; gap:8px}
  #mx-home .mx-admissions .mx-eyebrow:after {width:20px}
  #mx-home .mx-admissions .mx-stories-description {font-size:13px}
  #mx-home .mx-stories-art-left {opacity:.13}
}
@media (max-width:600px) {
  #mx-home .mx-admissions {padding-block:42px 32px; min-height:0}
  #mx-home .mx-stories-layout {display:flex; flex-direction:column; align-items:stretch; gap:22px}
  #mx-home .mx-admissions .mx-eyebrow {font-size:10px; margin-bottom:16px}
  #mx-home .mx-admissions h2 {font-size:36px}
  #mx-home .mx-admissions .mx-stories-description {max-width:350px; font-size:14px; margin:16px 0 20px}
  #mx-home .mx-admissions .mx-student-row {grid-auto-columns:86%; gap:14px; margin:0; padding:4px 2px 10px}
  #mx-home .mx-admissions .mx-student {min-height:248px; padding:8px 10px 16px}
  #mx-home .mx-admissions .mx-student h3 {font-size:21px}
  #mx-home .mx-admissions .mx-student-action {width:44px; height:44px}
  #mx-home .mx-admissions .mx-student-intake {font-size:10px}
  #mx-home .mx-admissions .mx-stories-nav {margin-bottom:0; min-height:0}
  #mx-home .mx-admissions .mx-stories-nav > a {display:none}
  #mx-home .mx-admissions .mx-carousel-btns button {width:44px; height:44px}
  #mx-home .mx-stories-art-left {display:none}
  #mx-home .mx-stories-art-right {width:125px; height:225px; opacity:.12}
}
@media (prefers-reduced-motion:reduce) {
  #mx-home .mx-admissions *,#mx-home .mx-admissions *:before,#mx-home .mx-admissions *:after {transition:none!important; scroll-behavior:auto!important}
  #mx-home .mx-admissions .mx-student:hover,#mx-home .mx-admissions .mx-student:hover img {transform:none}
}