/* ══════════════════════════════════════
   About Page
   ══════════════════════════════════════ */

/* ── Active nav link ── */
.nav-link.active {
  opacity: 0.4;
}

/* ── About Hero ── */
.about-hero {
  min-height: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--header-h) 40px 0;
}

.about-heading {
  font-family: var(--font);
  font-weight: 300;
  font-size: clamp(26px, 4vw, 40px);
  letter-spacing: -0.02em;
  p {
    line-height: 1;
    margin-bottom: 1em;
  }
}

@media (min-width: 1000px) {
  .about-hero-content {
    max-width: 800px;
  }
}

/* ── Load animation ── */
[data-load="fade-up"] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

[data-load="fade-up"].loaded {
  opacity: 1;
  transform: translateY(0);
}

.contact-list {
  li a {
    border-bottom: 1px solid;
  }
}