/* About Page Styles */
.hero-about .hero-title{font-size:var(--fs-6)}

/* ── About sections ── */
.about-section{padding:var(--space-9) 0;position:relative}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center}
.about-layout-reverse .about-visual{order:-1}
.about-text{position:relative}
.about-desc{font-size:var(--fs-3);color:var(--color-text-primary);line-height:var(--lh-body);max-width:520px;opacity:.85}
.about-visual{overflow:hidden;border-radius:var(--radius-lg)}
.about-visual img{width:100%;display:block}

/* Mission */
.mission-section{padding:var(--space-9) 0;position:relative}
.mission-card{position:relative;overflow:hidden;padding:var(--space-8)}
.mission-bg-img{position:absolute;inset:0;z-index:0;opacity:.15}
.mission-bg-img img{width:100%;height:100%;object-fit:cover}
.mission-content{position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center}
.mission-title{font-family:var(--font-display);font-size:var(--fs-5);font-weight:var(--fw-black);color:var(--color-gold);margin-bottom:var(--space-5);line-height:var(--lh-heading)}
.mission-desc{font-size:var(--fs-3);color:var(--color-text-primary);line-height:var(--lh-body);margin-bottom:var(--space-6);opacity:.85}
.mission-values{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}
.mission-values .glass-pill{color:var(--color-text-primary);border-color:var(--color-gold-dim)}
.value-suit{color:var(--color-gold);font-size:var(--fs-2)}
.value-suit.red{color:var(--color-red)}

/* Responsive */
@media(max-width:1024px){
  .about-layout{grid-template-columns:1fr}
  .about-layout-reverse .about-visual{order:0}
  .about-visual{order:-1}
}
@media(max-width:768px){
  .hero-about .hero-title{font-size:var(--fs-5)}
  .mission-card{padding:var(--space-6) var(--space-4)}
}