/* Adjustments requested in Ajustements Site Web.docx. */
:root{--kaya-teal:#00bfae;--kaya-orange:#ff9f40}

@media(min-width:1101px){
  .navigation{gap:22px}
  .navigation>a:not(.button){font-size:17px}
  .navigation .nav-cta{font-size:15px;gap:14px}
}
@media(min-width:1101px) and (max-width:1200px){
  .navigation{gap:15px}
  .navigation>a:not(.button){font-size:16px}
  .navigation .nav-cta{font-size:14px;gap:10px;padding-inline:14px}
}

.highlight-copy{margin-left:26px;font-weight:500;color:var(--navy)}
.kaya-heading>div:last-child{margin-left:26px}
.kaya-heading .highlight-copy{margin-left:0}

.integration-map{grid-template-columns:minmax(0,1fr) 36px minmax(0,1.55fr) 36px minmax(0,1fr)}
.map-core{position:relative;isolation:isolate;border:0;border-radius:0;box-shadow:none;background:transparent;min-height:160px;padding:43px 33px 43px 70px;display:flex;flex-direction:column;justify-content:center}
.kaya-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.kaya-chevrons{position:absolute;left:27px;top:50%;transform:translateY(-50%);width:35px;height:47px}
.map-core strong{font-size:36px;letter-spacing:-.03em}
.map-core>span{font-size:11px;line-height:1.5;margin-top:10px}
.map-arrow-in{color:var(--kaya-teal)}
.map-arrow-out{color:var(--kaya-orange)}

/* Align the closing brand message with the base of the illustrated logo. */
.footer-manifesto{transform:translateY(28px)}
@media(max-width:1100px){.footer-manifesto{transform:translateY(18px)}}
@media(max-width:640px){.footer-manifesto{transform:translateY(9px)}}

@media(max-width:1100px){
  .highlight-copy,.kaya-heading>div:last-child{margin-left:18px}
  .integration-map{grid-template-columns:minmax(0,1fr) 22px minmax(0,1.6fr) 22px minmax(0,1fr)}
  .map-core{padding-inline:53px 27px;min-height:155px}
  .kaya-chevrons{left:22px;width:25px;height:38px}
  .map-core strong{font-size:32px}
}
@media(max-width:640px){
  .highlight-copy,.kaya-heading>div:last-child{margin-left:12px}
  .integration-map{grid-template-columns:minmax(0,1fr);padding-inline:0;gap:17px}
  .map-core{max-width:340px;min-height:160px;padding:43px 26px 43px 57px}
  .kaya-chevrons{left:24px;width:27px;height:40px}
  .map-core strong{font-size:34px}
  .map-core>span{font-size:11px}
}