/**
 * About, team, careers, and story pages
 */

.luxe-story-page,
.luxe-team-page,
.luxe-careers-page {
  max-width: 46rem;
  margin: 0 auto;
  padding: 1rem 1.25rem 3.5rem;
}

.luxe-story-hero,
.luxe-team-hero,
.luxe-careers-hero {
  text-align: center;
  margin-bottom: 2rem;
}

.luxe-story-hero h1,
.luxe-team-hero h1,
.luxe-careers-hero h1 {
  margin: 0.35rem 0 0.75rem;
  font-size: clamp(1.85rem, 5vw, 2.65rem);
  line-height: 1.15;
}

.luxe-story-lead,
.luxe-team-lead,
.luxe-careers-lead {
  color: rgba(248, 231, 255, 0.76);
  font-size: 1.08rem;
  line-height: 1.7;
  margin: 0 auto;
  max-width: 38rem;
}

/* Founder factoids */
.luxe-factoids {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 0 0 2rem;
}

.luxe-factoid {
  background: var(--luxe-card);
  border: 1px solid var(--luxe-border);
  border-radius: 14px;
  padding: 1rem 1.1rem;
  text-align: center;
}

.luxe-factoid__label {
  display: block;
  font-size: 0.65rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--luxe-accent);
  margin-bottom: 0.35rem;
}

.luxe-factoid strong {
  color: var(--luxe-text);
  font-weight: 600;
  font-size: 0.95rem;
}

/* Story body */
.luxe-story-body {
  color: rgba(248, 231, 255, 0.78);
  line-height: 1.8;
  font-size: 1.02rem;
}

.luxe-story-body p {
  margin: 0 0 1.25rem;
}

.luxe-story-dropcap::first-letter {
  float: left;
  font-family: var(--luxe-font-display, 'Cormorant Garamond', Georgia, serif);
  font-size: 3.4rem;
  line-height: 0.85;
  padding: 0.08rem 0.65rem 0 0;
  color: var(--luxe-accent);
}

.luxe-story-timeline h2,
.luxe-careers-roles h2,
.luxe-careers-perks h2 {
  margin: 0 0 1rem;
  font-size: 1.45rem;
}

.luxe-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid rgba(212, 175, 119, 0.35);
}

.luxe-timeline li {
  position: relative;
  padding: 0 0 1.35rem 1.35rem;
  color: rgba(248, 231, 255, 0.75);
  line-height: 1.65;
}

.luxe-timeline li::before {
  content: '';
  position: absolute;
  left: -0.45rem;
  top: 0.35rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--luxe-accent);
  box-shadow: 0 0 0 4px rgba(212, 175, 119, 0.15);
}

.luxe-timeline__year {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--luxe-accent);
  margin-bottom: 0.25rem;
  font-weight: 600;
}

.luxe-story-quote {
  margin: 2rem 0;
  padding: 1.5rem 1.75rem;
  border-left: 3px solid var(--luxe-accent);
  background: rgba(42, 37, 64, 0.55);
  border-radius: 0 16px 16px 0;
}

.luxe-story-quote p {
  margin: 0;
  font-family: var(--luxe-font-display, 'Cormorant Garamond', Georgia, serif);
  font-size: 1.35rem;
  font-style: italic;
  line-height: 1.55;
  color: rgba(248, 231, 255, 0.9);
}

.luxe-story-quote footer {
  margin-top: 0.85rem;
  font-size: 0.85rem;
  color: rgba(248, 231, 255, 0.55);
}

.luxe-story-closing,
.luxe-team-note {
  margin-top: 2rem;
  padding: 1.25rem 1.35rem;
  border-radius: 16px;
  border: 1px solid var(--luxe-border);
  background: rgba(42, 37, 64, 0.45);
  color: rgba(248, 231, 255, 0.75);
  line-height: 1.65;
}

/* Team grid */
.luxe-team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.luxe-team-card {
  background: var(--luxe-card);
  border: 1px solid var(--luxe-border);
  border-radius: 18px;
  padding: 1.5rem 1.6rem;
}

.luxe-team-card h2 {
  margin: 0.2rem 0 0.15rem;
  font-size: 1.45rem;
}

.luxe-team-card__title {
  color: var(--luxe-accent);
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
}

.luxe-team-card__bio {
  color: rgba(248, 231, 255, 0.74);
  line-height: 1.65;
  margin: 0 0 0.85rem;
}

.luxe-team-facts {
  margin: 0;
  padding-left: 1.1rem;
  color: rgba(248, 231, 255, 0.68);
  font-size: 0.92rem;
  line-height: 1.6;
}

.luxe-team-facts li {
  margin-bottom: 0.35rem;
}

/* Careers */
.luxe-careers-notice {
  text-align: center;
  padding: 1.75rem 1.5rem;
  margin-bottom: 2rem;
  border-radius: 18px;
  border: 1px solid rgba(232, 168, 200, 0.35);
  background: linear-gradient(160deg, rgba(232, 168, 200, 0.12), rgba(31, 26, 46, 0.95));
}

.luxe-careers-notice h2 {
  margin: 0.35rem 0 0.85rem;
  font-size: 1.35rem;
}

.luxe-careers-notice p {
  color: rgba(248, 231, 255, 0.76);
  line-height: 1.7;
  margin: 0 0 0.85rem;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.luxe-careers-roles__intro {
  color: rgba(248, 231, 255, 0.62);
  margin: 0 0 1rem;
}

.luxe-careers-role {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--luxe-border);
}

.luxe-careers-role h3 {
  margin: 0;
  font-size: 1.05rem;
  flex: 1 1 12rem;
}

.luxe-careers-role p {
  margin: 0;
  flex: 1 1 100%;
  color: rgba(248, 231, 255, 0.68);
  font-size: 0.92rem;
  line-height: 1.55;
}

.luxe-careers-badge {
  display: inline-block;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(248, 231, 255, 0.55);
  border: 1px solid var(--luxe-border);
  background: rgba(31, 26, 46, 0.6);
}

.luxe-careers-perks__list {
  color: rgba(248, 231, 255, 0.72);
  line-height: 1.8;
  padding-left: 1.25rem;
  margin: 0;
}

@media (min-width: 640px) {
  .luxe-factoids {
    grid-template-columns: repeat(4, 1fr);
  }

  .luxe-team-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 782px) {
  .luxe-factoids {
    grid-template-columns: 1fr 1fr;
  }
}