.hero-about {
  position: relative;
  color: #fdf7ee;
}

.hero-about__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero-about__bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.05) brightness(0.78);
}

.hero-about__overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 8% 0%, rgba(217, 179, 108, 0.35), transparent 60%), radial-gradient(circle at 100% 100%, rgba(13, 91, 79, 0.6), transparent 65%), linear-gradient(to top, rgba(7, 6, 9, 0.96), rgba(12, 11, 13, 0.7));
  mix-blend-mode: multiply;
}

.hero-about__inner {
  position: relative;
  z-index: 1;
}

.hero-about__layout {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1.6fr);
  gap: var(--space-10);
  align-items: center;
}

.hero-about__content {
  max-width: 34rem;
}

.hero-about__kicker {
  font-size: var(--text-xs);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(246, 228, 198, 0.85);
  margin-bottom: var(--space-2);
}

.hero-about__headline {
  font-family: var(--font-serif);
  font-size: clamp(2.2rem, 4.6vw, 3.1rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: var(--space-4);
  color: antiquewhite;
}

.hero-about__lead {
  color: #f3e3ce;
  margin-bottom: var(--space-6);
}

.hero-about__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.hero-about__side {
  position: relative;
}

.hero-about__card {
  background: linear-gradient(135deg, rgba(12, 11, 13, 0.96), rgba(27, 25, 31, 0.96));
  color: #fdf7ee;
}

.hero-about__meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.hero-about__badge-stack {
  position: absolute;
  right: 0;
  bottom: -1.5rem;
}

.section--alt-bg {
  background: var(--color-bg-alt);
}

.section--dark {
  background: radial-gradient(circle at 0% 0%, rgba(217, 179, 108, 0.08), transparent 55%), #141215;
  color: #f7f1e7;
}

.about-block {
  align-items: center;
  gap: var(--space-8);
}

.about-block--reverse {
  grid-auto-flow: dense;
}

.about-block--reverse .about-block__media {
  order: 2;
}

.about-block--reverse .about-block__text {
  order: 1;
}

.about-block__text {
  position: relative;
}

.about-block__text--light p {
  color: #f3e6d5;
}

.about-block__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.about-block__media {
  max-width: 32rem;
  margin-inline: auto;
}

.about-block__pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.about-block__cta {
  margin-top: var(--space-4);
}

.about-block--team {
  align-items: flex-start;
}

.about-block__card-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.about-mini-card__title {
  margin-bottom: var(--space-2);
}

.about-mini-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.section--dark .section-heading__eyebrow {
  color: rgba(243, 225, 197, 0.78);
}

.section--dark .section-heading__title {
  color: #fdf3e3;
}

.section--dark .section-heading__lead {
  color: #f3e3ce;
}

.about-block--poker .about-block__media {
  max-width: 30rem;
}

.about-block--testimonials .about-block__media {
  max-width: 30rem;
}

.about-testimonial__quote {
  font-style: italic;
  margin-bottom: var(--space-3);
}

.about-testimonial__author {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.section--alt-bg .about-gallery-intro p {
  max-width: 40rem;
  margin-inline: auto;
}

.about-gallery-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.section--cta-final {
  padding-bottom: var(--space-16);
}

.about-final-cta {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
  gap: var(--space-6);
  align-items: center;
}

.about-final-cta__content h2 {
  margin-bottom: var(--space-3);
  color: #fdf3e3;
}

.about-final-cta__content p {
  color: #f3e3ce;
}

.about-final-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

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

@media (max-width: 900px) {
  .hero-about__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-about__badge-stack {
    position: static;
    margin-top: var(--space-4);
  }

  .about-block--reverse .about-block__media,
  .about-block--reverse .about-block__text {
    order: initial;
  }

  .about-final-cta {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .hero-about__headline {
    letter-spacing: 0.06em;
  }

  .hero-about__cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .about-mini-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .about-gallery-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .about-final-cta__actions {
    width: 100%;
  }

  .about-final-cta__actions .btn,
  .about-gallery-actions .btn {
    width: 100%;
    justify-content: center;
  }
}