/* Kolabori V6.1 — external section rhythm, reorganized footer and supplied WhatsApp artwork. */

@media(min-width:981px){
  /*
   * These values change only the empty bands between consecutive blocks.
   * Card, grid, heading, copy, form and media spacing stays untouched.
   */
  .impact{padding:41px 0 40px}
  .section.story{padding:39px 0 44px}
  .section.solutions{padding:44px 0}
  .section.experience{padding:52px 0}
  .section.people{padding:44px 0}
  .section.governance{padding:44px 0}
  .section.contact-section{padding:44px 0 40px}
  .solutions-head{margin-bottom:24px!important}

  /* Footer: centered brand row, five balanced navigation groups and clear utility row. */
  .footer{padding:32px 0 24px}
  .footer .wrap{position:relative}
  .footer-grid-v54{
    grid-template-columns:repeat(5,minmax(0,1fr));
    column-gap:clamp(24px,3.4vw,52px);
    row-gap:24px;
  }
  .footer-grid-v54>div:first-child{
    grid-column:1/-1;
    text-align:center;
  }
  .footer-logo{display:block;width:170px;margin:0 auto 8px}
  .footer-grid-v54>div:first-child>p{max-width:680px;margin:0 auto}
  .footer-grid-v54>div:first-child>.social-links{display:none}
  .footer-social .social-links{margin-top:0}
  .footer-bottom{margin-top:24px}

  .footer .back-to-top{
    position:absolute;
    top:18px;
    right:0;
    bottom:auto;
    opacity:1;
    pointer-events:auto;
    transform:none;
  }
}

/* Use the supplied bitmap as-is and crop only its white outer margin in the button viewport. */
.whatsapp-v54{overflow:hidden;isolation:isolate}
.whatsapp-v54 img{
  display:block;
  width:122%;
  height:122%;
  max-width:none;
  object-fit:cover;
  border-radius:50%;
  pointer-events:none;
  user-select:none;
}

@media(max-width:980px){
  .footer-grid-v54>div:first-child>.social-links{display:none}
  .footer-social{display:block}
}

@media(min-width:681px) and (max-width:980px){
  .footer-grid-v54{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid-v54>div:first-child{grid-column:1/-1;text-align:center}
  .footer-logo{display:block;margin-left:auto;margin-right:auto}
  .footer-grid-v54>div:first-child>p{max-width:620px;margin-left:auto;margin-right:auto}
}

@media(max-width:680px){
  .footer-grid-v54{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .footer-grid-v54>div:first-child{grid-column:1/-1;text-align:center}
  .footer-logo{display:block;margin-left:auto;margin-right:auto}
  .footer-grid-v54>div:first-child>p{margin-left:auto;margin-right:auto}
  .footer-social{grid-column:1/-1}
}