/* V132 Fix19 — shorter hero and appropriately sized homepage fields. */

@media (min-width:1001px){
  /* The Nairobi artwork remains prominent without dominating the first page. */
  body .hero-split{
    grid-template-columns:minmax(0,1fr) 310px;
    min-height:285px !important;
    max-height:285px;
  }
  body .hero-visual-panel,
  body .hero-visual-panel .hero-banner-image{
    height:285px;
    min-height:285px;
    max-height:285px;
  }
  body .hero-visual-panel .hero-banner-image{
    object-fit:cover;
    object-position:center 48%;
  }
  body .home-quote-card{
    min-height:285px;
    max-height:285px;
    padding:9px 13px;
    justify-content:center;
    overflow:hidden;
  }
  body .home-quote-kicker{margin-bottom:4px;padding:3px 7px}
  body .home-quote-card h2{margin-bottom:4px;font-size:16px}
  body .home-quote-field{margin-bottom:4px}
  body .home-quote-input-row{min-height:36px;max-height:36px}
  body .home-quote-input-row input,
  body .home-quote-input-row output{font-size:13px}
  body .home-quote-card .kx-country-select-button{min-height:34px}
  body .home-send-summary{margin:4px 0}
  body .home-send-summary>div{padding:3px 7px;font-size:10.5px;line-height:1.2}
  body .home-send-summary .home-send-kes{padding:4px 7px}
  body .home-send-summary .home-send-kes strong{font-size:12px}
  body .home-quote-rate{margin:1px 0 2px;font-size:9.5px}
  body .home-journey-choices{margin-top:3px}
  body .home-journey-button{min-height:33px;padding:4px 7px;font-size:10.5px}

  /* Currency fields should resemble banking inputs, not full-width banners. */
  body .home-fx-card{
    grid-template-columns:300px minmax(0,1fr);
    gap:24px;
    align-items:center;
  }
  body .home-fx-fields{
    grid-template-columns:220px 220px;
    gap:6px 10px;
    justify-content:start;
    width:fit-content;
    max-width:100%;
  }
  body .home-fx-fields .home-quote-input-row{width:220px}
  body .home-fx-fields .kx-country-select{min-width:100px}
  body .home-fx-fields .kx-country-select-button{min-width:100px;padding-left:7px;padding-right:7px}
  body .home-fx-fields .home-fx-final{width:220px}
  body .home-fx-fields .home-journey-choices{
    grid-column:1/-1;
    width:360px;
    max-width:100%;
  }

  /* Contact inputs use only the width their content needs. */
  body .contact-section .split{
    grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
    gap:34px;
  }
  body .contact-form{
    grid-template-columns:240px 240px;
    justify-content:start;
    width:fit-content;
    max-width:100%;
  }
  body .contact-form>label:nth-of-type(3),
  body .contact-form>label:nth-of-type(4){width:490px;max-width:100%}
}

@media (min-width:761px) and (max-width:1000px){
  body .hero-split{grid-template-columns:minmax(0,1fr) 290px}
  body .hero-visual-panel,
  body .hero-visual-panel .hero-banner-image,
  body .home-quote-card{height:320px;min-height:320px;max-height:320px}
  body .hero-visual-panel .hero-banner-image{object-fit:cover}
  body .home-fx-fields{max-width:620px}
}

@media (max-width:760px){
  /* Mobile keeps full-width fields and touch sizes for accessibility. */
  body .hero-split{max-height:none}
  body .hero-visual-panel,
  body .hero-visual-panel .hero-banner-image,
  body .home-quote-card{height:auto;max-height:none}
}

/* Fix20: show the complete purpose-built wide banner without cropping. */
@media (min-width:761px){
  body .hero-visual-panel .hero-picture{
    display:block;
    width:100%;
    height:100%;
  }
  body .hero-visual-panel{
    background:#064f82;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body .hero-visual-panel .hero-banner-image{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
}

@media (max-width:760px){
  body .hero-visual-panel .hero-picture{display:block;width:100%;height:auto}
}