/* AURA D3.12 — Global Mobility & International Onboarding case study
   Date: 25 Aug 2026
   Scope: new Global Mobility library card + new detail page only.
   Parent baseline: D3.11K. Existing case-study cards/pages are intentionally untouched. */

:root{
  --gm-forest:#103C32;
  --gm-deep:#0B2F28;
  --gm-sage:#8FB79A;
  --gm-cream:#F7F2E8;
  --gm-ivory:#FCF8F1;
  --gm-gold:#B88A3B;
  --gm-blue:#A6B4FC;
  --gm-lavender:#E7E1F3;
  --gm-neutral:#EAE1D5;
  --gm-text:#1F2925;
  --gm-muted:#6F746D;
  --gm-border:#D8D1C6;
}

/* New landing-card asset only. */
.case-card-mobility .case-capability{background:rgba(143,183,154,.28)}
.case-card-mobility .case-card-visual img{object-position:center 50%}
.case-card-mobility .case-card-evidence span{background:rgba(143,183,154,.20)}
.case-card-mobility .case-card-skill-list span{background:rgba(231,225,243,.78)}

/* Detail page */
.mobility-case-body{margin:0;background:var(--gm-ivory);color:var(--gm-text)}
.mobility-case-body main{overflow:hidden}
.mobility-case-body .case-study-subnav{background:var(--gm-cream)}

.mobility-hero{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.15fr) minmax(245px,.58fr);
  gap:clamp(1.5rem,3.6vw,3.6rem);
  align-items:center;
  padding:4.8rem 7vw 4.2rem;
  background:var(--gm-cream);
  border-bottom:1px solid var(--gm-border);
}
.mobility-hero-visual{position:relative;isolation:isolate;margin:0;min-width:0;overflow:hidden;border-radius:0 0 2.6rem 0;background:var(--gm-neutral)}
.mobility-hero-visual::after{content:"";position:absolute;inset:0 0 0 auto;width:30%;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(247,242,232,0),rgba(247,242,232,.9) 82%,var(--gm-cream))}
.mobility-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center}
.mobility-hero-copy{min-width:0;max-width:820px}
.mobility-hero-copy .eyebrow{color:var(--gm-gold)}
.mobility-hero-copy h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3.6rem,6vw,6.1rem);line-height:.92;font-weight:400;color:var(--gm-deep);margin:.65rem 0 .8rem}
.mobility-outcome{margin:0 0 1rem;color:var(--gm-gold);font-size:.79rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.mobility-deck{max-width:720px;margin:0;color:var(--gm-text);font-size:1rem;line-height:1.72}
.mobility-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}
.mobility-meta span{padding:.44rem .68rem;border:1px solid rgba(16,60,50,.12);border-radius:999px;background:rgba(252,248,241,.7);color:var(--gm-forest);font-size:.74rem;font-weight:700}
.mobility-skills{margin-top:1.25rem}

.mobility-glance{align-self:stretch;padding:1.4rem 1.45rem;border:1px solid rgba(184,138,59,.28);border-radius:1.1rem;background:rgba(252,248,241,.72)}
.mobility-glance h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--gm-deep);font-size:1.55rem;margin:0 0 .9rem;padding-bottom:.65rem;border-bottom:1px solid var(--gm-border)}
.mobility-glance-list{display:grid;gap:.88rem;margin:0;padding:0;list-style:none}
.mobility-glance-list li{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;align-items:start}
.mobility-glance-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--gm-forest);color:#fff;font-size:.72rem;font-weight:800}
.mobility-glance-list li:nth-child(2n) .mobility-glance-icon{background:var(--gm-sage);color:var(--gm-deep)}
.mobility-glance-list li:last-child .mobility-glance-icon{background:var(--gm-gold);color:#fff}
.mobility-glance-list strong{display:block;margin:.05rem 0 .18rem;color:var(--gm-deep);font-size:.78rem}
.mobility-glance-list span:last-child{color:var(--gm-muted);font-size:.76rem;line-height:1.45}

.mobility-section{padding:4.5rem 7vw;max-width:1500px;margin:0 auto}
.mobility-section-header{max-width:850px;margin-bottom:2rem}
.mobility-section-header .eyebrow{color:var(--gm-gold)}
.mobility-section-header h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.6rem,4.4vw,4.2rem);line-height:.98;color:var(--gm-deep);margin:.55rem 0 .8rem}
.mobility-section-header p:last-child{color:var(--gm-muted);line-height:1.7;max-width:760px;margin:0}

.mobility-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--gm-border);border-top:1px solid var(--gm-border);border-bottom:1px solid var(--gm-border)}
.mobility-story-card{background:var(--gm-ivory);padding:3rem 3vw}
.mobility-story-label{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem;color:var(--gm-deep);font-weight:800;letter-spacing:.045em;text-transform:uppercase;font-size:.78rem}
.mobility-story-label span{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--gm-forest);color:#fff;font-size:.72rem}
.mobility-story-card h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.15rem,3.5vw,3.3rem);line-height:1;color:var(--gm-deep);margin:0 0 .9rem}
.mobility-story-card p{margin:.65rem 0 0;color:var(--gm-muted);line-height:1.72}

.mobility-operating{background:var(--gm-cream);border-top:1px solid var(--gm-border);border-bottom:1px solid var(--gm-border)}
.mobility-stakeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.8rem}
.mobility-stakeholder{padding:1.35rem;border-radius:1rem;background:var(--gm-ivory);box-shadow:0 10px 26px rgba(16,60,50,.05)}
.mobility-stakeholder:nth-child(2){background:rgba(231,225,243,.54)}
.mobility-stakeholder:nth-child(3){background:rgba(166,180,252,.14)}
.mobility-stakeholder-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}
.mobility-stakeholder-head span{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:999px;background:var(--gm-sage);color:var(--gm-deep);font-size:.72rem;font-weight:800}
.mobility-stakeholder h3{margin:0;color:var(--gm-deep);font-size:.85rem;letter-spacing:.035em;text-transform:uppercase}
.mobility-stakeholder p{margin:0;color:var(--gm-muted);line-height:1.6;font-size:.89rem}

.mobility-framework{margin-top:1.1rem;padding:1.05rem 1.15rem;border-radius:.85rem;background:rgba(143,183,154,.12);border:1px solid rgba(16,60,50,.06)}
.mobility-framework strong{display:block;color:var(--gm-deep);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}
.mobility-framework-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.48rem .7rem}
.mobility-framework-flow span{color:var(--gm-deep);font-size:.77rem;font-weight:700}
.mobility-framework-flow i{font-style:normal;color:var(--gm-forest);opacity:.8}

.mobility-specialist{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:2rem;align-items:center;padding:1.8rem;border:1px solid rgba(184,138,59,.2);border-radius:1.1rem;background:linear-gradient(120deg,rgba(247,242,232,.86),rgba(252,248,241,.96))}
.mobility-specialist h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--gm-deep);font-size:2rem;margin:0 0 .6rem}
.mobility-specialist p{margin:.55rem 0 0;color:var(--gm-muted);line-height:1.68}
.mobility-specialist-visual{min-height:170px;display:grid;place-items:center;border-radius:.9rem;background:radial-gradient(circle at 35% 38%,rgba(143,183,154,.24),transparent 48%),rgba(234,225,213,.35)}
.mobility-specialist-visual svg{width:min(220px,80%);height:auto;color:var(--gm-forest)}

.mobility-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--gm-border);border-top:1px solid var(--gm-border);border-bottom:1px solid var(--gm-border)}
.mobility-outcome-panel{padding:3rem 3vw;background:var(--gm-ivory)}
.mobility-outcome-panel:nth-child(2){background:rgba(231,225,243,.24)}
.mobility-outcome-panel h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--gm-deep);font-size:clamp(2.3rem,3.8vw,3.6rem);margin:0 0 1rem}
.mobility-outcome-list{display:grid;gap:.72rem;margin:0;padding:0;list-style:none}
.mobility-outcome-list li{position:relative;padding-left:1.6rem;color:var(--gm-muted);line-height:1.55;font-size:.9rem}
.mobility-outcome-list li::before{content:"";position:absolute;left:0;top:.45rem;width:.72rem;height:.72rem;border-radius:999px;background:var(--gm-sage);box-shadow:inset 0 0 0 2px var(--gm-ivory)}
.mobility-learning{color:var(--gm-muted);line-height:1.72}
.mobility-learning strong{color:var(--gm-deep)}

.mobility-evidence{background:var(--gm-cream);border-top:1px solid var(--gm-border)}
.mobility-evidence-grid{display:grid;grid-template-columns:.9fr 1.2fr .9fr;gap:1rem}
.mobility-evidence-card{min-width:0;padding:1.2rem;border:1px solid rgba(16,60,50,.10);border-radius:1rem;background:var(--gm-ivory)}
.mobility-evidence-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}
.mobility-evidence-number{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--gm-forest);color:#fff;font-size:.72rem;font-weight:800}
.mobility-evidence-card h3{margin:0;color:var(--gm-deep);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.mobility-evidence-card>p{margin:.2rem 0 .8rem;color:var(--gm-muted);font-size:.75rem;line-height:1.45}

.mobility-stakeholder-model{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"candidate candidate candidate" "ops journey manager";gap:.6rem;align-items:center;text-align:center;padding:.7rem 0}
.mobility-node{padding:.6rem;border-radius:.75rem;background:rgba(143,183,154,.18);color:var(--gm-deep);font-size:.68rem;font-weight:800}
.mobility-node.candidate{grid-area:candidate;justify-self:center;min-width:110px}
.mobility-node.ops{grid-area:ops;background:rgba(231,225,243,.72)}
.mobility-node.manager{grid-area:manager;background:rgba(166,180,252,.24)}
.mobility-journey{grid-area:journey;display:grid;place-items:center;min-height:88px;border:1px dashed rgba(16,60,50,.35);border-radius:999px;color:var(--gm-deep);font-size:.68rem;font-weight:800;background:var(--gm-cream)}

.mobility-process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}
.mobility-process-step{position:relative;padding:.65rem .5rem;border-radius:.55rem;background:rgba(143,183,154,.20);min-height:122px}
.mobility-process-step:nth-child(3){background:rgba(231,225,243,.8)}
.mobility-process-step:nth-child(4),.mobility-process-step:nth-child(5){background:rgba(166,180,252,.20)}
.mobility-process-step b{display:block;color:var(--gm-deep);font-size:.62rem;text-transform:uppercase;margin-bottom:.5rem}
.mobility-process-step span{display:block;color:var(--gm-muted);font-size:.56rem;line-height:1.38;margin:.16rem 0}

.mobility-adaptation-head{text-align:center;padding:.55rem;border:1px dashed rgba(16,60,50,.3);border-radius:.7rem;color:var(--gm-deep);font-size:.67rem;font-weight:800;margin-bottom:.65rem}
.mobility-destinations{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.mobility-destination{padding:.72rem;border-radius:.7rem;background:rgba(143,183,154,.16)}
.mobility-destination:nth-child(2){background:rgba(231,225,243,.55)}
.mobility-destination b{display:block;color:var(--gm-deep);font-size:.7rem;margin-bottom:.38rem}
.mobility-destination ul{margin:0;padding-left:1rem;color:var(--gm-muted);font-size:.62rem;line-height:1.55}

.mobility-footer{padding:2.2rem 7vw 4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--gm-border);background:var(--gm-ivory)}
.mobility-footer p{max-width:850px;margin:0;color:var(--gm-muted);font-size:.77rem;line-height:1.55}
.mobility-footer a{display:inline-flex;align-items:center;gap:.45rem;color:var(--gm-forest);font-weight:800;text-decoration:none;white-space:nowrap}

@media(max-width:1180px){
  .mobility-hero{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
  .mobility-glance{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:1.2rem;align-items:start}
  .mobility-glance h2{border-bottom:0;margin:0;padding:0}
  .mobility-glance-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobility-evidence-grid{grid-template-columns:1fr 1fr}.mobility-evidence-card:last-child{grid-column:1/-1}
}
@media(max-width:820px){
  .mobility-hero{grid-template-columns:1fr;padding:3.3rem 6vw 3.6rem}
  .mobility-hero-visual{grid-row:1;border-radius:0 0 2rem 0}
  .mobility-hero-visual::after{inset:auto 0 0 0;width:auto;height:28%;background:linear-gradient(180deg,rgba(247,242,232,0),rgba(247,242,232,.9) 82%,var(--gm-cream))}
  .mobility-hero-copy{grid-row:2}
  .mobility-hero-copy h1{font-size:clamp(3rem,12vw,4.6rem)}
  .mobility-glance{grid-column:auto;display:block}.mobility-glance h2{padding-bottom:.65rem;border-bottom:1px solid var(--gm-border);margin-bottom:.9rem}.mobility-glance-list{grid-template-columns:1fr 1fr}
  .mobility-problem-grid,.mobility-outcomes{grid-template-columns:1fr}
  .mobility-stakeholders{grid-template-columns:1fr}
  .mobility-specialist{grid-template-columns:1fr}.mobility-specialist-visual{min-height:140px}
  .mobility-evidence-grid{grid-template-columns:1fr}.mobility-evidence-card:last-child{grid-column:auto}
  .mobility-process-steps{grid-template-columns:1fr 1fr}.mobility-process-step:last-child{grid-column:1/-1}
  .mobility-footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .mobility-section{padding:3.4rem 6vw}
  .mobility-story-card,.mobility-outcome-panel{padding:2.2rem 6vw}
  .mobility-glance-list{grid-template-columns:1fr}
  .mobility-framework-flow{display:grid;grid-template-columns:1fr auto;gap:.5rem}.mobility-framework-flow i:last-of-type{display:none}
  .mobility-process-steps{grid-template-columns:1fr}.mobility-process-step:last-child{grid-column:auto;min-height:0}.mobility-process-step{min-height:0}
  .mobility-destinations{grid-template-columns:1fr}
}