@charset "UTF-8";

.about-page {
  position: relative;
}

.about-hero {
  padding-top: var(--space-40);
}

.about-hero-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-24);
  align-items: stretch;
}

.about-hero-visual {
  position: relative;
  min-height: 260px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: radial-gradient(circle at top left, rgba(192, 138, 147, 0.4), transparent 55%), radial-gradient(circle at bottom right, rgba(16, 27, 58, 0.7), #050713);
}

.about-hero-image {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(120deg, rgba(5, 7, 19, 0.2), rgba(5, 7, 19, 0.8)), radial-gradient(circle at 15% 10%, rgba(241, 215, 181, 0.2), transparent 55%), radial-gradient(circle at 80% 90%, rgba(74, 31, 63, 0.55), transparent 60%);
  background-size: cover;
  background-position: center;
}

.about-hero-orbit {
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
  border-radius: 50%;
}

.about-hero-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.about-hero-title {
  max-width: 24ch;
}

.about-hero-lead {
  max-width: 54ch;
  color: var(--color-text-muted);
}

.about-hero-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}

.about-chip-row {
  margin-bottom: var(--space-4);
}

.about-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.about-section-header {
  max-width: 760px;
  margin: 0 auto var(--space-24);
  text-align: left;
}

.about-section-intro {
  color: var(--color-text-muted);
}

.about-story-grid {
  align-items: flex-start;
}

.about-story-card {
  align-self: stretch;
}

.about-team-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-24);
  align-items: center;
}

.about-team-figure,
.about-venue-figure,
.about-testimonials-figure {
  margin: 0;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: radial-gradient(circle at top left, rgba(214, 167, 122, 0.16), transparent 60%), radial-gradient(circle at bottom right, rgba(16, 27, 58, 0.6), #050713);
  padding: var(--space-4);
}

.about-team-image,
.about-venue-image,
.about-testimonials-image {
  border-radius: calc(var(--radius-xl) - 6px);
}

.about-team-content-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.about-team-roles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-12);
}

.about-subheading {
  font-family: var(--font-serif);
  font-size: var(--font-size-xl);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-top: var(--space-4);
}

.about-team-cta-row,
.about-venue-cta-row,
.about-testimonials-cta-row,
.about-experience-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: var(--space-12);
}

.about-style-grid {
  align-items: flex-start;
}

.about-style-highlights {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}

.about-style-card {
  height: 100%;
}

.about-venue-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-24);
  align-items: center;
}

.about-venue-columns {
  gap: var(--space-16);
}

.about-why-grid {
  margin-top: var(--space-20);
}

.about-why-footer {
  margin-top: var(--space-20);
  text-align: center;
}

.about-process-journey {
  position: relative;
  margin-top: var(--space-16);
}

.about-process-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.about-process-steps::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, rgba(214, 167, 122, 0.4), rgba(74, 31, 63, 0.8));
}

.about-process-step {
  position: relative;
  padding-left: var(--space-20);
  padding-bottom: var(--space-16);
}

.about-process-step:last-child {
  padding-bottom: 0;
}

.about-process-node {
  position: absolute;
  left: 4px;
  top: 0.3rem;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #ffffff, #f1d7b5 40%, #d6a77a 65%, #4a1f3f 100%);
  box-shadow: 0 0 18px rgba(214, 167, 122, 0.9);
}

.about-process-content h3 {
  font-size: 1.05rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.about-process-content p {
  color: var(--color-text-muted);
}

.about-process-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: var(--space-20);
}

.about-values-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-12);
}

.about-testimonials-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-24);
  align-items: center;
}

.about-experience-panel {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  padding: var(--space-32) var(--space-20);
  background-image: radial-gradient(circle at top left, rgba(214, 167, 122, 0.18), transparent 60%), radial-gradient(circle at bottom right, rgba(74, 31, 63, 0.85), #050713);
}

.about-experience-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(120deg, rgba(5, 7, 19, 0.85), rgba(5, 7, 19, 0.3));
  mix-blend-mode: multiply;
}

.about-experience-content {
  position: relative;
  max-width: 760px;
}

.about-experience-content p {
  color: var(--color-text-muted);
}

.about-experience-content h2 {
  margin-bottom: var(--space-8);
}

@media (min-width: 768px) {
  .about-hero-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  }
  .about-hero-visual {
    min-height: 360px;
  }
  .about-team-roles-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .about-venue-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  }
  .about-values-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .about-testimonials-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  }
}

@media (min-width: 900px) {
  .about-hero-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  }
  .about-team-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  }
}

@media (max-width: 767px) {
  .about-hero {
    padding-top: var(--space-32);
  }
}