/* ============================================================
   PAGE-HOME.CSS — Homepage-specific adjustments
   American Diving Legacy Site
   ============================================================
   Reason: Homepage hero is taller and uses a different
   image position than interior pages. The founding story
   section uses a unique portrait layout not needed elsewhere.
   ============================================================ */

/* Taller hero for homepage — full cinematic feel */
.page-home .hero {
  min-height: 85vh;
  align-items: center;
}

.page-home .hero-media img {
  object-position: center 30%;
}

/* Homepage intro — centered, generous padding */
.page-home .intro-section {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.page-home .intro-section .divider {
  margin: 1rem auto 1.5rem;
}

/* Credentials list — Tim's qualifications */
.credentials-list {
  list-style: none;
  padding: 0;
  columns: 2;
  gap: 1rem;
  margin-top: 1.25rem;
}

.credentials-list li {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.82);
  padding: 0.3rem 0;
  padding-left: 1.25rem;
  position: relative;
  break-inside: avoid;
}

.credentials-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--accent-color);
}

@media (max-width: 600px) {
  .credentials-list {
    columns: 1;
  }
}