/* Side cards grow from 88% to full size as they become the center card.
   The step accounts for their smaller width, preserving a visible gap during motion. */
.journey-stage{--deck-width:clamp(530px,calc(53vw - 64px),954px);--deck-height:calc(var(--deck-width) * .625);--deck-gap:clamp(24px,2.2vw,44px);--deck-step:calc(var(--deck-width) * .95 + var(--deck-gap));height:calc(var(--deck-height) + 76px);perspective:none}
.journey-stage .journey-card{width:var(--deck-width);height:var(--deck-height);margin-left:calc(var(--deck-width) * -.5);padding:calc(var(--deck-width) * .048) calc(var(--deck-width) * .055);transform:translateX(calc(var(--deck-x,0) * var(--deck-step))) translateY(var(--deck-y,0%)) rotate(var(--deck-rotation,0deg)) scale(var(--deck-scale,1));transition:transform 1.4s cubic-bezier(.22,.7,.18,1),opacity 1.4s ease,box-shadow .3s}
.journey-controls{margin-top:0;gap:22px}
.journey-controls button{width:42px;height:42px}
.journey-controls span{font-size:10px}

@media(min-width:701px){
  .journey-stage .journey-card .mini-header{font-size:clamp(9px,calc(var(--deck-width) * .014),15px)}
  .journey-stage .journey-card h2{font-size:calc(var(--deck-width) * .08);max-width:60%;margin-top:calc(var(--deck-width) * .077);letter-spacing:calc(var(--deck-width) * -.003);line-height:1.04}
  .journey-stage .journey-card h2 em{font-size:calc(var(--deck-width) * .085)}
  .journey-stage .journey-card>p{font-size:clamp(11px,calc(var(--deck-width) * .017),18px);left:calc(var(--deck-width) * .055);bottom:calc(var(--deck-width) * .045);max-width:80%}

  .journey-stage .deck-academics .mini-header{padding-bottom:calc(var(--deck-width) * .023)}
  .journey-stage .deck-academics .deck-photo{top:calc(var(--deck-width) * .097)}
  .journey-stage .deck-academics h2,.journey-stage .deck-academics h2 em{font-size:calc(var(--deck-width) * .069)}
  .journey-stage .deck-academics>p{max-width:40%}

  .journey-stage .deck-leadership h2{margin-top:calc(var(--deck-width) * .037)}
  .journey-stage .deck-leadership h2,.journey-stage .deck-leadership h2 em{font-size:calc(var(--deck-width) * .07)}
  .journey-stage .deck-leadership>p{top:calc(var(--deck-width) * .27);bottom:auto}
  .journey-stage .deck-leadership .deck-photo{height:calc(var(--deck-width) * .29);left:calc(var(--deck-width) * .026);right:calc(var(--deck-width) * .026);bottom:calc(var(--deck-width) * .026)}

  .journey-stage .deck-exploration.deck-dance h2{max-width:49%}
  .journey-stage .deck-editorial h2{top:calc(var(--deck-width) * .134);right:calc(var(--deck-width) * .052);margin-top:0;font-size:calc(var(--deck-width) * .071)}
  .journey-stage .deck-editorial h2 em{font-size:calc(var(--deck-width) * .076)}
  .journey-stage .deck-editorial>p{left:auto;right:calc(var(--deck-width) * .052)}
  .journey-stage .deck-college.deck-editorial h2{top:calc(var(--deck-width) * .155)}
}

@media(max-width:700px){
  .journey-stage{--deck-width:calc(100vw - 24px);--deck-height:max(328px,calc(var(--deck-width) * .75));--deck-gap:24px;height:calc(var(--deck-height) + 46px)}
  .journey-stage .journey-card{padding:24px}
  .journey-stage .journey-card h2,.journey-stage .journey-card h2 em{font-size:clamp(29px,6.8vw,46px)}
  .journey-stage .deck-academics h2,.journey-stage .deck-academics h2 em{font-size:clamp(22px,6.3vw,42px)}
  .journey-stage .deck-dance h2{max-width:62%}
  .journey-stage .deck-college.deck-editorial h2,.journey-stage .deck-college.deck-editorial h2 em{font-size:clamp(25px,6.6vw,43px)}
  .journey-stage .deck-leadership .deck-photo{height:40%;aspect-ratio:auto}
  .journey-stage .deck-leadership>p{top:calc(62px + clamp(29px,6.8vw,46px) * 2.08)}
  .journey-controls{margin-top:0}
}
.motion-paused .journey-stage .journey-card{transition:none}
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .journey-stage .journey-card{transition:none}}