.about-page { background:var(--navy-dark); }
.about-hero { min-height:72vh; padding:150px 32px 88px; display:grid; place-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--border-light); background:radial-gradient(ellipse at 20% 30%,rgba(184,149,58,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(36,54,96,.25) 0%,transparent 50%),linear-gradient(180deg,var(--navy-darkest) 0%,rgba(14,27,51,.95) 50%,var(--navy-dark) 100%); }
.about-hero::before,.about-hero::after { content:''; position:absolute; border:1px solid rgba(184,149,58,.14); border-radius:50%; }
.about-hero::before { width:540px; height:540px; right:-170px; top:-180px; }
.about-hero::after { width:320px; height:320px; right:-58px; top:-70px; }
.about-hero-inner { width:min(1120px,100%); position:relative; z-index:1; }
.about-kicker,.about-group-label { color:var(--gold-light); font-size:.72rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.about-hero h1 { max-width:880px; margin:18px 0 22px; font-family:var(--font-heading); font-size:clamp(3rem,7vw,6.6rem); line-height:.95; font-weight:500; letter-spacing:-.035em; }
.about-hero-lead { max-width:760px; color:var(--text-secondary); font-size:clamp(1rem,1.6vw,1.18rem); }
.about-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.about-button { min-height:46px; padding:12px 19px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--gold); border-radius:var(--radius); color:var(--navy-darkest); background:var(--gold-light); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; transition:transform var(--transition),background var(--transition); }
.about-button:hover { transform:translateY(-2px); background:var(--gold-pale); }
.about-button.secondary { color:var(--gold-light); background:transparent; }
.about-button.secondary:hover { background:rgba(184,149,58,.09); }
.about-shell { width:min(980px,100%); margin:0 auto; padding:72px 32px 110px; }
.about-content { min-width:0; }
.about-group { padding:0 0 96px; scroll-margin-top:90px; }
.about-group:last-child { padding-bottom:0; }
.about-group-header { padding-bottom:28px; margin-bottom:8px; border-bottom:1px solid var(--border); }
.about-group-header h2 { margin-top:8px; font-family:var(--font-heading); font-size:clamp(2.25rem,5vw,4.4rem); line-height:1; font-weight:500; }
.about-entry { padding:48px 0; border-bottom:1px solid var(--border-light); scroll-margin-top:92px; }
.about-entry:last-child { border-bottom:0; }
.about-entry h3 { margin-bottom:15px; font-family:var(--font-heading); font-size:clamp(1.65rem,3vw,2.45rem); line-height:1.12; font-weight:500; }
.about-entry h4 { margin:26px 0 10px; color:var(--gold-light); font-size:.78rem; letter-spacing:.09em; text-transform:uppercase; }
.about-entry p { max-width:790px; color:var(--text-secondary); font-size:.97rem; }
.about-entry p + p { margin-top:14px; }
.about-entry ul { max-width:820px; margin-top:18px; padding-left:19px; color:var(--text-secondary); columns:2; column-gap:42px; }
.about-entry li { margin:0 0 9px; break-inside:avoid; }
.about-note { max-width:820px; margin-top:22px; padding:19px 22px; border-left:3px solid var(--gold); background:rgba(184,149,58,.08); color:var(--text-secondary); }
.about-note strong { color:var(--gold-pale); }
.about-card-grid,.about-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:25px; }
.about-card,.about-value { padding:23px; border:1px solid var(--border-light); border-radius:9px; background:rgba(21,34,66,.48); }
.about-card h4,.about-value h4 { margin:0 0 8px; color:var(--gold-light); font-family:var(--font-heading); font-size:1.2rem; letter-spacing:0; text-transform:none; }
.about-card p,.about-value p { font-size:.86rem; }
.about-value-key { display:inline-grid; width:34px; height:34px; place-items:center; margin-bottom:13px; border:1px solid var(--gold); border-radius:50%; color:var(--gold-light); font-family:var(--font-heading); font-size:1.1rem; }
.knowledge-cycle { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.knowledge-cycle span { padding:10px 13px; border:1px solid var(--border); border-radius:999px; color:var(--gold-pale); font-size:.76rem; font-weight:600; }
.knowledge-cycle span:not(:last-child)::after { content:'→'; margin-left:13px; color:var(--text-muted); }
.profile-table { width:100%; margin-top:22px; border-collapse:collapse; }
.profile-table th,.profile-table td { padding:14px 12px; border-bottom:1px solid var(--border-light); text-align:left; vertical-align:top; }
.profile-table th { width:31%; color:var(--gold-light); font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; }
.profile-table td { color:var(--text-secondary); font-size:.9rem; }
.about-final-cta { padding:clamp(32px,7vw,64px); border:1px solid var(--border); border-radius:14px; background:linear-gradient(135deg,rgba(36,54,96,.72),rgba(14,27,51,.78)); text-align:center; }
.about-final-cta p { margin:14px auto 0; }
.about-final-cta .about-hero-actions { justify-content:center; }
@media (max-width:640px) {
  .about-hero { min-height:auto; padding:118px 20px 64px; }
  .about-shell { padding:18px 20px 76px; }
  .about-group { padding-bottom:70px; }
  .about-entry { padding:37px 0; }
  .about-card-grid,.about-values { grid-template-columns:1fr; }
  .about-entry ul { columns:1; }
  .profile-table,.profile-table tbody,.profile-table tr,.profile-table th,.profile-table td { display:block; width:100%; }
  .profile-table th { padding-bottom:4px; border-bottom:0; }
  .profile-table td { padding-top:2px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .about-button { transition:none; } }