/* ---------- about hero ---------- */
.about-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 120px 24px 80px;
}
.about-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25%;
  background: linear-gradient(to bottom, transparent 0%, #0b1215 100%);
  pointer-events: none;
  z-index: 2;
}
.about-hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin-top: -60px;
}
.about-title {
  font-family: 'PP Editorial New', Georgia, serif;
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  text-transform: lowercase;
}
.about-label {
  font-family: 'Poppins', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: lowercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.5);
}
.about-mission-text {
  font-family: 'PP Editorial New', Georgia, serif;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
  max-width: 600px;
  text-transform: lowercase;
  letter-spacing: 0.01em;
}

/* ---------- responsive ---------- */
@media (max-width: 640px) {
  .about-hero { min-height: 100vh; padding: 100px 20px 120px; }
  .about-hero-content { gap: 28px; margin-top: -40px; }
  .about-title { font-size: clamp(2.25rem, 10vw, 3.5rem); }
  .about-mission-text { font-size: 1rem; }
}