/* ══════════════════════════════════════════════
   ABOUT PAGE
══════════════════════════════════════════════ */

/* ── Hero video ── */
.about-hero-video {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 96px 24px 0;
  box-sizing: border-box;
}

.about-hero-video video {
  width: 100%;
  max-height: 45vh;
  object-fit: cover;
  border-radius: var(--card-radius);
  display: block;
}

/* ── Page wrapper ── */
.about-page {
  max-width: 680px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* ── Bio ── */
.about-bio {
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation: aboutFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both 0.1s;
}

.about-bio__display {
  font-size: var(--text-base);
  font-weight: 400;
  color: var(--color-ink-soft);
  line-height: 1.75;
}

/* ── Stats grid ── */
.about-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  border: 1px solid var(--color-border);
  border-radius: var(--card-radius);
  overflow: hidden;
  animation: aboutFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both 0.22s;
}

.about-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 20px;
  background: var(--color-bg);
}

.about-stat:nth-child(1),
.about-stat:nth-child(2) {
  border-bottom: 1px solid var(--color-border);
}

.about-stat:nth-child(odd) {
  border-right: 1px solid var(--color-border);
}

.about-stat__label {
  font-size: var(--text-xs);
  font-weight: 400;
  color: var(--color-ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.about-stat__value {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-ink);
  line-height: 1.4;
}

.about-stat__value--open {
  color: #2a7a2a;
}

/* ── Load animation ── */
@keyframes aboutFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .about-hero-video {
    padding: 84px 16px 0;
  }

  .about-hero-video video {
    max-height: 36vh;
  }

  .about-page {
    padding: 40px 16px 60px;
  }

  .about-bio__display {
    font-size: var(--text-sm);
  }

  .about-stats {
    grid-template-columns: 1fr;
  }

  .about-stat:nth-child(odd) {
    border-right: none;
  }

  .about-stat:nth-child(1),
  .about-stat:nth-child(2) {
    border-bottom: 1px solid var(--color-border);
  }

  .about-stat:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
  }
}