.about-hero {
  position: relative;
}
.about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 0, rgba(229, 57, 53, 0.32), transparent 60%), radial-gradient(circle at 90% 100%, rgba(0, 200, 83, 0.26), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}
.about-hero > .container-wide {
  position: relative;
  z-index: 1;
}
.about-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--grid-gap-xl);
  align-items: center;
}
.about-hero-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  max-width: 40rem;
}
.about-hero-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.about-hero-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.about-hero-pill-group .pill {
  background: rgba(10, 12, 18, 0.9);
  border-color: rgba(245, 230, 196, 0.6);
  color: var(--color-gold-muted);
}
.about-hero-cta .btn {
  max-width: 100%;
}
.about-hero-note {
  max-width: 30rem;
}
.about-hero-media {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: stretch;
}
.about-hero-media-frame {
  max-width: 520px;
}
.about-hero-media-frame .media-frame-inner {
  padding-top: 62%;
}
.about-hero-stats {
  max-width: 520px;
}
.about-hero-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap-md);
}
.about-hero-stat {
  min-width: 0;
}
.about-hero-stat-label {
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-2xs);
}
.about-hero-stat-value {
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  color: var(--color-gold-soft);
  margin-bottom: var(--space-2xs);
}
.about-hero-stat-hint {
  font-size: var(--fs-xs);
  color: var(--color-text-soft);
}
.about-mission-card {
  height: 100%;
}
.about-mission-values {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--grid-gap-md);
  margin-top: var(--space-md);
}
.about-mission-value h3 {
  font-size: var(--fs-lg);
  margin-bottom: var(--space-xs);
}
.about-mission-value p {
  font-size: var(--fs-sm);
  color: var(--color-text-soft);
}
.about-mission-overlay {
  height: 100%;
}
.about-mission-overlay-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.about-mission-tagline {
  font-size: var(--fs-sm);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
}
.about-mission-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: var(--fs-sm);
  color: var(--color-text-soft);
}
.about-mission-cta {
  align-self: flex-start;
}
.about-team-layout {
  align-items: stretch;
}
.about-team-media-frame {
  max-width: 520px;
}
.about-team-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--grid-gap-md);
}
.about-team-card {
  height: 100%;
}
.about-team-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0 0 var(--space-md);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: var(--fs-sm);
  color: var(--color-text-soft);
}
.about-team-highlight {
  margin-top: var(--space-md);
}
.about-team-highlight-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.about-team-highlight-label {
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
}
.about-team-cta {
  align-self: flex-start;
}
.about-why-layout {
  align-items: stretch;
}
.about-why-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--grid-gap-md);
}
.about-why-card {
  height: 100%;
}
.about-why-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0 0 var(--space-md);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: var(--fs-sm);
  color: var(--color-text-soft);
}
.about-why-media-frame {
  max-width: 520px;
}
.about-why-trust {
  margin-top: var(--space-md);
}
.about-why-trust-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.about-why-trust-label {
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
}
.about-local-shell {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.about-local-header {
  max-width: 40rem;
}
.about-local-header h2 {
  margin-top: var(--space-sm);
}
.about-local-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap-lg);
}
.about-local-column {
  min-width: 0;
}
.about-local-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0 0 var(--space-md);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: var(--fs-sm);
  color: var(--color-text-soft);
}
.about-local-cta {
  max-width: 100%;
}
.about-next-shell {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
  align-items: center;
  justify-content: space-between;
}
.about-next-content {
  flex: 2 1 260px;
  min-width: 0;
}
.about-next-actions {
  flex: 3 1 320px;
  justify-content: flex-end;
}
.about-next-actions .btn {
  max-width: 100%;
}
[data-animate="fade-in-up"] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity var(--transition-slow), transform var(--transition-slow);
}
[data-animate="fade-in-up"].is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1024px) {
  .about-hero-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--grid-gap-lg);
  }
  .about-hero-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .about-local-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 768px) {
  .about-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .about-hero-media {
    align-items: center;
  }
  .about-hero-media-frame,
  .about-hero-stats {
    max-width: 100%;
  }
  .about-hero-stats-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .about-next-shell {
    flex-direction: column;
    align-items: flex-start;
  }
  .about-next-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .about-hero-stats-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .about-next-actions {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .about-hero-pill-group {
    gap: var(--space-2xs);
  }
  .about-local-shell {
    gap: var(--space-lg);
  }
}