/* 2026-10-04 · Final home proportion + independent hero carousel refinement */
@media(min-width:761px){
  /* Give the copy more visual weight and keep the photography from dominating. */
  .reference-primary>.hero{grid-template-columns:47% 53%!important;height:252px!important;min-height:252px!important;margin:12px 0!important}
  .reference-primary .hero-copy,.reference-primary .is-general .hero-copy{padding:23px 28px!important}
  .reference-primary .hero h1{font-size:36px!important;line-height:1.03!important;letter-spacing:-1.65px!important;margin-bottom:11px!important}
  .reference-primary .hero h1>span{font-size:29px!important;line-height:1.05!important}
  .reference-primary .lead{font-size:14px!important;line-height:1.45!important;max-width:430px!important;margin-bottom:13px!important}
  .reference-primary .trust{gap:20px!important;margin-bottom:11px!important}
  .reference-primary .trust li{font-size:10.5px!important}
  .reference-primary .trust .icon{width:23px!important;height:23px!important}
  .reference-primary .hero-cta{min-width:205px!important;min-height:33px!important;font-size:11px!important}

  /* General artwork and route slides stay visually secondary to the message. */
  .reference-primary .is-general .general-slide{inset:0 0 28px 45%!important}
  .reference-primary .is-general .general-slide:after{background:linear-gradient(90deg,#f6fbff 0%,rgba(246,251,255,.72) 5%,transparent 18%)!important}
  .reference-primary .is-general .slider-controls{left:49%!important}
  .reference-primary .hero-visual{min-height:0!important}

  /* Route-slide captions now explain what the user will find in each area. */
  .reference-primary .slide figcaption{left:18px!important;right:auto!important;bottom:14px!important;width:min(410px,calc(100% - 36px))!important;padding:10px 13px!important;border-radius:9px!important;background:rgba(0,35,62,.88)!important;color:white!important;display:grid!important;gap:2px!important;box-shadow:0 6px 20px rgba(0,25,45,.16)!important;backdrop-filter:blur(2px)}
  .reference-primary .slide figcaption span{font-size:8.5px!important;letter-spacing:1.1px!important;color:#58e8f2!important;margin:0!important;font-weight:700!important}
  .reference-primary .slide figcaption strong{font-size:13px!important;line-height:1.2!important;color:white!important}
  .reference-primary .slide figcaption small{font-size:10.5px!important;line-height:1.35!important;color:#e2f1f7!important;display:block!important}

  /* Six route cards: preserve readability but let the page breathe. */
  .reference-primary .paths{padding:11px 11px 12px!important}
  .reference-primary .path-bottom{padding:7px 8px 9px!important}
  .reference-primary .path-bottom p{font-size:10.7px!important;line-height:1.3!important;min-height:29px!important;margin-bottom:6px!important}
  .reference-primary .path-bottom .pill,.reference-primary .path-cta{width:82%!important;align-self:center!important;min-height:27px!important;padding:4px 8px!important;font-size:9.7px!important;border-radius:16px!important}
  .reference-primary .path-card:hover,.reference-primary .path-card:focus-visible{transform:translateY(-1px)}
}

@media(min-width:761px) and (max-width:1400px){
  .reference-primary>.hero{grid-template-columns:48% 52%!important;height:244px!important;min-height:244px!important}
  .reference-primary .hero-copy,.reference-primary .is-general .hero-copy{padding:20px 25px!important}
  .reference-primary .hero h1{font-size:34px!important}
  .reference-primary .hero h1>span{font-size:28px!important}
  .reference-primary .lead{font-size:13.5px!important;max-width:410px!important}
  .reference-primary .is-general .general-slide{inset-left:46%!important;left:46%!important}
  .reference-primary .path-bottom .pill,.reference-primary .path-cta{width:84%!important}
}

@media(max-width:760px){
  .reference-primary .slide figcaption{left:8px!important;right:8px!important;bottom:38px!important;width:auto!important;padding:8px 10px!important;border-radius:8px!important;background:rgba(0,35,62,.88)!important;color:#fff!important;display:grid!important;gap:2px!important}
  .reference-primary .slide figcaption span{font-size:8px!important;color:#58e8f2!important;margin:0!important}
  .reference-primary .slide figcaption strong{font-size:12px!important;color:#fff!important}
  .reference-primary .slide figcaption small{font-size:10px!important;line-height:1.3!important;color:#e2f1f7!important}
  .reference-primary .path-bottom .pill,.reference-primary .path-cta{width:88%!important;align-self:center!important}
}