/* About-only editorial accents. Shared page layout remains in site.css. */
.wave-hero .about-hero-line {
  display: block;
  margin-bottom: 12px;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: clamp(19px, 2vw, 23px);
  font-weight: 700;
  line-height: 1.3;
}

.about-main .about-quote {
  margin: 24px 0 0;
  padding: 20px 24px;
  border-left: 4px solid var(--lime);
  border-radius: 0 14px 14px 0;
  background: var(--paper-deep);
}
.about-main .story-block .about-quote p {
  margin: 0 0 8px;
  color: var(--dark);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.about-main .about-quote cite {
  color: var(--ink-soft);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.about-main .about-service-list a {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
.about-main .about-service-list a:hover,
.about-main .about-service-list a:focus-visible {
  color: var(--teal-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 560px) {
  .about-main .about-quote { padding: 18px 20px; }
}
@media (max-width: 374px) {
  .wave-hero h1 { font-size: clamp(27px, 8vw, 30px); }
}