/* about-hero — mirrors .hero split-screen from theme.css */
.about-hero { min-height: 90vh; display: grid; grid-template-columns: 1fr 1fr; }
.about-hero-content { display: flex; flex-direction: column; justify-content: center;
  padding: 7rem 5rem 5rem; }
.about-hero-image { overflow: hidden; }
.about-hero-image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* shared eyebrow / headline / divider — reused in every section */
.about-eyebrow { font-size: 0.65rem; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--silver-muted); margin-bottom: 1.5rem; font-weight: 500; }
.about-headline { font-family: 'Cormorant Garamond', serif;
  font-size: clamp(3rem, 5vw, 5rem); font-weight: 300; line-height: 1.05;
  color: var(--white); margin-bottom: 1.5rem; letter-spacing: -0.02em; }
.about-section-headline { font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 300; color: var(--white);
  line-height: 1.2; margin-bottom: 1.5rem; letter-spacing: -0.01em; }
.about-divider { width: 48px; height: 1px; background: var(--silver-muted); margin-bottom: 2rem; }
.about-body { font-size: 0.95rem; font-weight: 300; color: var(--text-dim);
  line-height: 1.85; margin-bottom: 1.25rem; }
.about-body--wide { max-width: 640px; }
.about-sub { font-size: 0.95rem; font-weight: 300; color: var(--text-dim);
  line-height: 1.85; margin-bottom: 2rem; }
.about-quote { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-style: italic;
  color: var(--silver); padding-left: 1.5rem; border-left: 1px solid var(--silver-muted);
  margin-top: 2rem; line-height: 1.5; }

/* about-bio */
.about-bio { background: var(--dark); padding: 8rem 3rem; border-top: 1px solid var(--border); }
.about-bio-inner { max-width: 1200px; margin: 0 auto; display: grid;
  grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.about-bio-image img { width: 100%; aspect-ratio: 4/5; object-fit: cover; display: block;
  filter: brightness(0.88) contrast(1.05); }

/* about-simplexity — dark surface with ink-chaos overlay */
.about-simplexity { background: var(--surface); padding: 8rem 3rem;
  border-top: 1px solid var(--border); position: relative; overflow: hidden; }
.about-simplexity::before { content: '';
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-image: url('https://pub-629428d185ca4960a0a73c850d32294b.r2.dev/company_185110/images/d5ecc6d9-2b27-48aa-8123-0c8929956ce6.png');
  background-size: 35%; background-position: 95% 50%; background-repeat: no-repeat;
  opacity: 0.07; pointer-events: none; z-index: 0; }
.about-simplexity-inner { max-width: 760px; margin: 0 auto; position: relative; z-index: 1; }

/* about-trim */
.about-trim { background: var(--black); padding: 8rem 3rem;
  border-top: 1px solid var(--border); }
.about-trim-inner { max-width: 900px; margin: 0 auto; }
.about-trim-pillars { margin-top: 3rem; }
.about-trim-cta { margin-top: 4rem; }

/* responsive */
@media (max-width: 1024px) {
  .about-hero { grid-template-columns: 1fr; min-height: auto; }
  .about-hero-image { height: 55vw; max-height: 480px; }
  .about-hero-content { padding: 5rem 3rem 4rem; }
  .about-bio-inner { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .about-bio { padding: 5rem 1.5rem; }
  .about-simplexity { padding: 5rem 1.5rem; }
  .about-trim { padding: 5rem 1.5rem; }
  .about-hero-content { padding: 5rem 1.5rem 3rem; }
}