/* ------------------------------------------------------
   About / What's ProF
------------------------------------------------------ */

.about {
  --section-accent: var(--color-accent-about);
  position: relative;
  z-index: 1;
  padding: 5.5rem 0 6rem;
}

.about-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.about-lead {
  font-size: clamp(1.6rem, 3.4vw, 2.3rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin-bottom: 1.6rem;
}

.about-lead-text {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 2;
  color: rgba(0, 0, 0, 0.82);
  letter-spacing: 0.02em;
  margin-bottom: 3.5rem;
}

.about-points {
  list-style: none;
  border-top: 1px solid var(--color-line);
}

.about-point {
  padding: 2.6rem 0;
  border-bottom: 1px solid var(--color-line);
}

.about-point__no {
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 0.9rem;
}

.about-point__title {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 0.9rem;
}

.about-point__text {
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.95;
  color: rgba(0, 0, 0, 0.82);
  letter-spacing: 0.02em;
}

@media (max-width: 640px) {
  .about {
    padding: 4rem 0 4.5rem;
  }

  .about-lead-text {
    margin-bottom: 2.5rem;
  }
}

/* ------------------------------------------------------
   スクロールリビール（About固有）
------------------------------------------------------ */
@media (prefers-reduced-motion: no-preference) {
  .about-points.reveal .about-point {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s var(--ease-out-soft), transform 0.7s var(--ease-out-soft);
  }

  .about-points.reveal .about-point:nth-child(1) { transition-delay: 0.05s; }
  .about-points.reveal .about-point:nth-child(2) { transition-delay: 0.18s; }

  .about-points.reveal.is-visible .about-point {
    opacity: 1;
    transform: translateY(0);
  }
}