/* Scoped About intro title — #sys-about-intro-title only */
#sys-about-intro-title {
  margin: 0 0 1.5rem;
  font-weight: 400;
  line-height: 1;
}

#sys-about-intro-title .sys-ait__line {
  display: block;
}

#sys-about-intro-title .sys-ait__line--1 {
  margin-bottom: -1.12em;
}

#sys-about-intro-title .sys-ait__line--2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.22em;
  row-gap: 0.06em;
}

#sys-about-intro-title .sys-ait__where,
#sys-about-intro-title .sys-ait__nurtures,
#sys-about-intro-title .sys-ait__you {
  font-family: var(--font-sirivennela, 'Sirivennela', cursive);
  font-weight: 400;
  letter-spacing: 0.01em;
}

#sys-about-intro-title .sys-ait__nature {
  font-family: var(--font-sans, 'Readex Pro', system-ui, sans-serif);
  font-weight: 300;
  letter-spacing: -0.01em;
}

#sys-about-intro-title .sys-ait__where {
  font-size: clamp(4.8rem, 7vw, 7.6rem);
  color: var(--nature-green, #2e7d32);
  line-height: 0.9;
}

#sys-about-intro-title .sys-ait__nature {
  font-size: clamp(2.8rem, 3.5vw, 3.8rem);
  color: #3a3d3a;
  line-height: 1;
  transform: translateY(0.04em);
}

#sys-about-intro-title .sys-ait__nurtures {
  font-size: clamp(2.1rem, 2.7vw, 3rem);
  color: #8a8f88;
  line-height: 1;
  transform: translateY(0.1em);
}

#sys-about-intro-title .sys-ait__you {
  font-size: clamp(3.3rem, 4.3vw, 4.7rem);
  color: #e8a04a;
  line-height: 0.95;
  transform: translateY(0.02em);
}

/* Custom CMS title fallback */
#sys-about-intro-title.sys-ait--custom {
  font-family: var(--font-sans, 'Readex Pro', system-ui, sans-serif);
  font-weight: 700;
  font-size: clamp(1.875rem, 4vw, 3rem);
  line-height: 1.15;
  color: var(--nature-green, #2e7d32);
}

@media (max-width: 1023.98px) {
  #sys-about-intro-title .sys-ait__where {
    font-size: clamp(3.6rem, 9vw, 5.2rem);
  }

  #sys-about-intro-title .sys-ait__nature {
    font-size: clamp(2.2rem, 5vw, 3.1rem);
  }

  #sys-about-intro-title .sys-ait__nurtures {
    font-size: clamp(1.75rem, 4vw, 2.45rem);
  }

  #sys-about-intro-title .sys-ait__you {
    font-size: clamp(2.55rem, 6vw, 3.6rem);
  }
}

@media (max-width: 699.98px) {
  #sys-about-intro-title {
    margin-bottom: 1.25rem;
  }

  #sys-about-intro-title .sys-ait__where {
    font-size: clamp(3rem, 13vw, 4rem);
  }

  #sys-about-intro-title .sys-ait__nature {
    font-size: clamp(1.9rem, 8vw, 2.55rem);
  }

  #sys-about-intro-title .sys-ait__nurtures {
    font-size: clamp(1.5rem, 6.5vw, 2.05rem);
  }

  #sys-about-intro-title .sys-ait__you {
    font-size: clamp(2.2rem, 9.5vw, 3rem);
  }
}