/* Hero-only refinement — reference-inspired two-column balance and full-width mobile journey. */
.hero{padding:clamp(40px,3.5vw,54px) 0 clamp(42px,4vw,58px)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);align-items:start;gap:clamp(22px,2.5vw,38px)}
.hero-copy h1{max-inline-size:540px;margin:14px 0 18px;font-size:clamp(38px,3.2vw,48px);line-height:1.03;letter-spacing:-.057em;text-wrap:balance}
.hero-headline-stop,.hero-headline-start{display:block}
.hero-headline-stop{color:var(--navy)}
.hero-headline-start{color:#fa6c36}
.hero-copy .hero-description{max-width:520px;margin:0;color:#344d68;font-size:17px;line-height:1.56}
.hero-copy .hero-description strong{color:var(--navy);font-weight:850}
.hero-copy .hero-flag{margin-top:17px}

/* Portrait slides are complete at every desktop height: no artwork extends below the hero. */
@media (min-width:761px){
  .merge-journey--hero{width:100%;max-inline-size:420px;justify-self:start}
  .merge-journey--hero .merge-journey__viewport{height:min(600px,calc(100dvh - 220px))}
  .merge-journey--hero .merge-journey__track{--journey-card-width:400px;height:100%;min-height:0;align-items:center;gap:20px;padding-block:0}
  .merge-journey--hero .merge-journey__slide{display:grid;height:100%;place-items:center;border-radius:20px}
  .merge-journey--hero .merge-journey__slide img{width:100%!important;max-width:none;height:100%!important;min-width:0;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center}
}

/* Every phone gets a full-width text column and a near-edge-to-edge journey card. */
@media (max-width:760px){
  .hero{padding:40px 0 54px}
  .hero .container{width:min(100% - 32px,1160px)}
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-copy{width:100%;max-inline-size:none}
  .hero-copy h1{max-inline-size:none;width:100%;margin:14px 0 20px;font-size:clamp(34px,10.3vw,44px);line-height:1.025;letter-spacing:-.058em;text-wrap:pretty;overflow-wrap:normal}
  .hero-copy .hero-description{max-width:none;font-size:16px;line-height:1.56}
  .hero-copy .hero-flag{margin-top:18px}
  .merge-journey--hero{width:min(100%,470px);max-inline-size:none;justify-self:center}
  .merge-journey--hero .merge-journey__viewport{width:100%}
  .merge-journey--hero .merge-journey__track{gap:16px;padding-block:10px}
  .merge-journey--hero .merge-journey__controls{margin-top:8px}
}

@media (max-width:360px){
  .hero .container{width:min(100% - 28px,1160px)}
  .hero-copy h1{font-size:clamp(32px,10.4vw,38px);line-height:1.03;letter-spacing:-.055em}
  .hero-copy .hero-description{font-size:15px}
  .merge-journey--hero .merge-journey__track{gap:12px}
}

/* Clean hero carousel: artwork carries its own frame; no neighboring-card ghosting or secondary drop shadow. */
.merge-journey--hero .merge-journey__slide{border:0;box-shadow:none;background:transparent;opacity:0;transform:scale(.985)}
.merge-journey--hero .merge-journey__slide.is-active{border:0;box-shadow:none;opacity:1;transform:scale(1)}