/* The template's layout and animation stylesheet is shared unchanged with /fola. */
.mayowa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mayowa-capability-logo {
  display: block;
  color: #171613;
  font-family: "Geist Mono", monospace;
  font-size: clamp(1rem, 1.6vw, 1.5rem);
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.5;
  text-align: center;
}

.testimonials-logo-wrapper .mayowa-capability-logo {
  color: #f8f6f1;
}

.hero-header-01,
.hero-header-02 {
  min-width: 0;
}

.hero-header-img {
  flex-shrink: 0;
}

.hero-img-item img[src$="mayowa-reference.webp"],
.hero-testimony-img img {
  object-position: 76% 35%;
}

.testimonial-avatar-image img[src$="mayowa-reference.webp"] {
  object-position: 83% 30%;
}

.client-card-wrapper img[src*="project-"],
.client-feature-image img[src*="project-"] {
  object-position: top center;
}

.mayowa-project-copy {
  min-width: 0;
}

.client-card-content {
  background-color: #f7f5f0;
}

.mayowa-project-summary {
  max-width: 42ch;
  margin: .5rem 0 0;
  color: #615f5b;
  font-family: "Instrument Sans", sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 479px) {
  .hero-header-01,
  .hero-header-02 {
    width: 100%;
  }
}