/* Local overrides for LearnSence.
   Keep them small so the base theme remains easy to update. */

#hero {
  padding-top: 100px;
  padding-bottom: 0;
}

.learnsence-logo {
  display: block;
  width: 40%;
  max-width: 260px;
  height: auto;
}

.hero-headline {
  font-weight: 700;
}

.hero-action .btn--gradient {
  color: #fff;
}

.footer-copyright {
  text-transform: none;
}

.clients-grid > [class*="col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-logo {
  width: min(100%, clamp(96px, 10vw, 170px));
  height: clamp(36px, 4vw, 64px);
  max-width: none;
  object-fit: contain;
  object-position: center;
}

@media (min-width: 992px) {
  .client-logo {
    height: clamp(42px, 4.2vw, 72px);
  }
}