.about-page { background: #fff; }
.about-page-container { width: 100%; max-width: 1152px; margin: 0 auto; padding: 0 24px; }
.about-page-relative { position: relative; z-index: 2; }
.about-page-noise { position: absolute; inset: 0; opacity: .03; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E"); background-size: 180px 180px; pointer-events: none; }
.about-page-glow { position: absolute; border-radius: 999px; background: rgba(185,28,28,.10); filter: blur(160px); pointer-events: none; }
.about-page-corner { position: absolute; width: 40px; height: 40px; pointer-events: none; }
.about-page-corner-top { top: 32px; left: 32px; border-top: 1px solid rgba(255,255,255,.08); border-left: 1px solid rgba(255,255,255,.08); }
.about-page-corner-bottom { right: 32px; bottom: 32px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.about-page-label { margin: 0; color: #a8a29e; font-family: "DM Mono", monospace; font-size: 10px; line-height: 15px; text-transform: uppercase; letter-spacing: .4em;  font-weight: 500;}
.about-page-label.red-label { color: var(--red); }

.about-page-hero { position: relative; height: 68vh; overflow: hidden; color: #fff; background: #141414; }
.about-page-hero .about-page-noise { opacity: .035; }
.about-page-hero-glow { right: 25%; bottom: 0; width: 500px; height: 400px; }
.about-page-hero-inner { position: relative; z-index: 2; width: 100%; max-width: 1152px; height: 68vh; margin: 0 auto; padding: 128px 24px 64px; display: flex; flex-direction: column; justify-content: flex-end; }
.about-page-hero-copy { max-width: 768px; display: flex; flex-direction: column; gap: 24px; }
.about-page-hero-copy .about-page-label { color: var(--red); font-size: 11px; line-height: 16.5px; letter-spacing: .45em; }
.about-page-hero h1 { margin: 0; color: #fff; font-family: Syne, sans-serif; font-size: 72px; font-weight: 700; line-height: .92; letter-spacing: -.025em; }
.about-page-hero-description { max-width: 576px; margin: 0; color: rgba(255,255,255,.40); font-size: 18px; line-height: 32px; }

.about-story-section, .about-facilities-section { padding: 80px 0; background: #fff; }
.about-section-heading { padding-bottom: 32px; border-bottom: 1px solid rgba(214,211,209,.60); }
.about-section-heading h2 { margin: 12px 0 0; font-family: Syne, sans-serif; font-size: 36px; font-weight: 700; line-height: 40px; letter-spacing: -.02em; }
.light-heading { margin-bottom: 56px; }
.light-heading h2 { color: #1c1917; }
.about-heading-description { max-width: 576px; margin: 16px 0 0; font-size: 15px; line-height: 28px; }
.light-heading .about-heading-description { color: #737373; }
.about-story-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.about-story-copy p { margin: 0; color: #57534e; font-size: 15px; line-height: 32px; }
.about-story-stats { margin-top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid rgba(214,211,209,.50); border-radius: 16px; }
.about-story-stats div { min-height: 105px; padding: 32px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; }
.about-story-stats div + div { border-left: 1px solid rgba(214,211,209,.50); }
.about-story-stats strong { color: #1c1917; font-family: Syne, sans-serif; font-size: 36px; font-weight: 700; line-height: 40px; }
.about-story-stats span { color: #a8a29e; font-family: "DM Mono", monospace; font-size: 9px; line-height: 13.5px; text-transform: uppercase; letter-spacing: .3em;  font-weight: 500;}

.about-journey-section, .about-cta-section { position: relative; overflow: hidden; padding: 80px 0; color: #fff; background: #141414; }
.about-page-journey-glow { top: 33%; right: 0; width: 400px; height: 500px; transform: translateX(50%); background: rgba(185,28,28,.08); }
.journey-heading { margin-bottom: 64px; border-color: rgba(255,255,255,.06); }
.dark-heading .about-page-label { color: rgba(255,255,255,.30); }
.dark-heading h2 { color: #fff; }
.dark-heading .about-heading-description { color: rgba(255,255,255,.35); }
.about-timeline { max-width: 672px; }
.about-timeline-item { display: grid; grid-template-columns: 80px 1px 1fr; align-items: stretch; }
.about-timeline-year { padding: 2px 24px 0 0; color: var(--red); font-family: "DM Mono", monospace; font-size: 11px; line-height: 16.5px; text-align: right; letter-spacing: .12em;  font-weight: 500;}
.about-timeline-rail { position: relative; display: flex; flex-direction: column; align-items: center; }
.about-timeline-rail i { width: 10px; height: 10px; margin-top: 4px; flex: 0 0 10px; border: 1px solid rgba(147,15,23,.50); border-radius: 50%; background: rgba(147,15,23,.20); }
.about-timeline-rail span { width: 1px; margin-top: 4px; flex: 1; background: rgba(255,255,255,.06); }
.about-timeline-content { padding: 0 0 48px 24px; }
.about-timeline-content small { margin-bottom: 12px; display: block; color: rgba(255,255,255,.25); font-family: "DM Mono", monospace; font-size: 9px; line-height: 13.5px; text-transform: uppercase; letter-spacing: .28em;  font-weight: 500;}
.about-timeline-content h3 { margin: 0; color: rgba(255,255,255,.85); font-family: Syne, sans-serif; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: -.01em; }
.about-timeline-content p { margin: 8px 0 0; color: rgba(255,255,255,.38); font-size: 14px; line-height: 24px; }

.facilities-heading { margin-bottom: 56px; }
.about-facilities-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.about-facility-card { min-height: 250px; padding: 28px; display: flex; flex-direction: column; gap: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: #141414; }
.about-facility-card > b { width: 44px; height: 44px; display: grid; place-items: center; color: var(--icon-red); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.04); }
.about-facility-card svg { width: 20px; height: 20px; }
.about-facility-card h3 { margin: 0; color: rgba(255,255,255,.85); font-family: Syne, sans-serif; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: -.01em; }
.about-facility-card p { margin: 8px 0 0; color: rgba(255,255,255,.38); font-size: 14px; line-height: 24px; }
.about-certifications { margin-top: 40px; padding: 24px 32px; border: 1px solid rgba(214,211,209,.50); border-radius: 16px; background: rgba(255,255,255,.50); }
.about-certifications > p { margin: 0 0 20px; color: #a8a29e; font-family: "DM Mono", monospace; font-size: 9px; line-height: 13.5px; text-transform: uppercase; letter-spacing: .36em;  font-weight: 500;}
.about-certifications > div { display: flex; flex-wrap: wrap; gap: 12px; }
.about-certifications span { padding: 8px 16px; color: #57534e; border: 1px solid #e7e5e4; border-radius: 12px; background: #fff; font-family: "DM Mono", monospace; font-size: 10px; line-height: 15px; letter-spacing: .12em;  font-weight: 500;}

.about-page-cta-glow { top: 50%; right: 25%; width: 500px; height: 400px; transform: translateY(-50%); }
.about-cta-section .about-page-corner { border-color: rgba(255,255,255,.06); }
.about-cta-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.about-cta-inner > div { max-width: 576px; }
.about-cta-inner h2 { margin: 16px 0 0; color: #fff; font-family: Syne, sans-serif; font-size: 48px; font-weight: 700; line-height: 48px; letter-spacing: -.025em; }
.about-cta-inner > div > p:last-child { margin: 20px 0 0; color: rgba(255,255,255,.40); font-size: 15px; line-height: 28px; }
.about-cta-inner > a { height: 44px; padding: 0 24px; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; color: #fff; border-radius: 12px; background: var(--button-red); font-size: 14px; font-weight: 500; transition: background-color .15s cubic-bezier(.4,0,.2,1); }
.about-cta-inner > a:hover { background: var(--button-red-hover); }
.about-cta-inner > a span { color: rgba(255,255,255,.70); }

@media (max-width: 767px) {
  .about-page-hero h1 { font-size: 48px; }
  .about-story-copy { grid-template-columns: 1fr; }
  .about-facilities-grid { grid-template-columns: 1fr; }
  .about-cta-inner { align-items: flex-start; flex-direction: column; }
  .about-cta-inner h2 { font-size: 36px; line-height: 40px; }
}

@media (max-width: 639px) {
  .about-page-hero-inner { padding: 128px 24px 64px; }
  .about-page-hero-copy { gap: 24px; }
  .about-page-hero h1 { font-size: 48px; line-height: .92; }
  .about-page-hero-description { font-size: 18px; line-height: 32px; }
  .about-section-heading h2 { font-size: 30px; line-height: 36px; }
  .about-story-stats div { min-width: 0; padding: 32px 8px; }
  .about-story-stats strong { font-size: 30px; line-height: 36px; }
  .about-story-stats span { overflow-wrap: anywhere; }
  .about-facility-card { min-height: 0; }
  .about-certifications { padding: 24px; }
  .about-cta-inner h2 { font-size: 30px; line-height: 36px; }
}