/* ==========================================================================
   About page (/about/). Loaded only on that page.
   ========================================================================== */

.ab svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ab-head { max-width: 760px; margin-bottom: 3rem; }
.ab-head--center { margin-left: auto; margin-right: auto; text-align: center; }
.ab-head .aa-h2 { margin-bottom: 1rem; }
.ab-more { margin-top: 2.5rem; text-align: center; }

/* 1. HERO ---------------------------------------------------------------- */
.ab-hero { background: var(--aa-navy); padding: 5rem var(--aa-gutter); position: relative; overflow: hidden; }
.ab-hero::before { content: ''; position: absolute; right: -100px; top: -100px; width: 560px; height: 560px; border-radius: 50%; border: 1px solid rgba(201, 168, 76, .1); pointer-events: none; }
.ab-hero__inner { max-width: 1200px; margin: 0 auto; position: relative; display: grid; grid-template-columns: 1fr 340px; gap: 4.5rem; align-items: center; }
.ab-hero__eyebrow { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.4rem; font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--aa-gold); }
.ab-hero__eyebrow::before { content: ''; width: 28px; height: 2px; background: var(--aa-gold); }
.ab-hero .aa-h1 em { display: block; }
.ab-hero__sub { margin: 1.5rem 0 2.25rem; max-width: 580px; font-size: 1.1rem; font-weight: 300; line-height: 1.82; color: var(--aa-ice); }
.ab-hero__chips { list-style: none; }
.ab-hero__photo { position: relative; }
.ab-hero__photo::before { content: ''; position: absolute; top: 18px; left: 18px; right: -18px; bottom: -18px; border: 2px solid var(--aa-gold); opacity: .35; pointer-events: none; }
.ab-hero__photo img { position: relative; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (max-width: 960px) {
	.ab-hero { padding: 3.5rem var(--aa-gutter) 4rem; }
	.ab-hero__inner { grid-template-columns: 1fr; gap: 3rem; }
	.ab-hero__photo { max-width: 260px; }
}

/* SPLIT (heading left, prose right) --------------------------------------- */
.ab-split { max-width: var(--aa-wrap); margin: 0 auto; display: grid; grid-template-columns: 1fr 1.6fr; gap: 4rem; align-items: start; }
.ab-split__head { position: sticky; top: calc(var(--aa-header-h) + var(--aa-admin-bar) + 2rem); }
.ab-lead { font-family: var(--aa-serif); font-size: clamp(1.6rem, 2.6vw, 2.2rem); font-weight: 600; line-height: 1.25; color: var(--aa-navy); }
.ab-prose p { font-size: 1.05rem; font-weight: 300; line-height: 1.88; color: var(--aa-body); }
.ab-prose p + p { margin-top: 1.25rem; }
.ab-prose strong { font-weight: 500; color: var(--aa-navy); }
.ab-prose .aa-link-arrow { margin-top: 1.75rem; }
.ab-prose--light p { color: var(--aa-ice); }
.ab-prose--light strong { color: var(--aa-white); }
@media (max-width: 860px) {
	.ab-split { grid-template-columns: 1fr; gap: 1.75rem; }
	.ab-split__head { position: static; }
}

/* 3. TIMELINE ------------------------------------------------------------ */
.ab-timeline { list-style: none; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; position: relative; }
.ab-timeline::before { content: ''; position: absolute; left: 0; right: 0; top: 2.35rem; height: 2px; background: linear-gradient(90deg, rgba(201, 168, 76, .25), var(--aa-gold)); }
.ab-timeline li { position: relative; display: flex; flex-direction: column; padding-top: 3.5rem; }
.ab-timeline li::before { content: ''; position: absolute; top: calc(2.35rem - 6px); left: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--aa-white); border: 2px solid var(--aa-gold); }
.ab-timeline__now::before { background: var(--aa-gold) !important; box-shadow: 0 0 0 5px rgba(201, 168, 76, .2); }
.ab-timeline__year { position: absolute; top: 0; left: 0; font-family: var(--aa-serif); font-size: 1.6rem; font-weight: 700; line-height: 1; color: var(--aa-navy); }
.ab-timeline__now .ab-timeline__year { color: var(--aa-gold-display); }
.ab-timeline strong { font-weight: 500; color: var(--aa-navy); line-height: 1.35; margin-bottom: .35rem; }
.ab-timeline li > span:last-child { font-size: .88rem; font-weight: 300; line-height: 1.55; color: var(--aa-body); }
@media (max-width: 960px) {
	.ab-timeline { grid-template-columns: 1fr; gap: 1.75rem; padding-left: 2rem; }
	.ab-timeline::before { left: 6px; right: auto; top: 6px; bottom: 6px; width: 2px; height: auto; background: linear-gradient(180deg, rgba(201, 168, 76, .25), var(--aa-gold)); }
	.ab-timeline li { padding-top: 0; }
	.ab-timeline li::before { top: 4px; left: -2rem; }
	.ab-timeline__year { position: static; font-size: 1.35rem; margin-bottom: .3rem; }
}

/* 5. STATS --------------------------------------------------------------- */
.ab-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.ab-stat { padding: 2rem 1.75rem; background: var(--aa-mist); border-top: 3px solid var(--aa-gold); display: flex; flex-direction: column; }
.ab-stat__num { font-family: var(--aa-serif); font-size: 3rem; font-weight: 700; line-height: 1; color: var(--aa-navy); font-variant-numeric: lining-nums tabular-nums; }
.ab-stat__lbl { margin-top: .6rem; font-size: .72rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--aa-gold-on-light); }
.ab-stat__desc { margin-top: .6rem; font-size: .92rem; font-weight: 300; line-height: 1.6; color: var(--aa-body); }
.ab-stat--gold { background: var(--aa-navy); }
.ab-stat--gold .ab-stat__num { color: var(--aa-gold); }
.ab-stat--gold .ab-stat__lbl { color: var(--aa-gold-light); }
.ab-stat--gold .ab-stat__desc { color: var(--aa-ice); }
@media (max-width: 860px) { .ab-stats { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .ab-stats { grid-template-columns: 1fr; } }

/* 6. METHODOLOGY --------------------------------------------------------- */
.ab-phil { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.ab-phil article { background: var(--aa-white); padding: 2.25rem 2rem; border-left: 3px solid var(--aa-gold); }
.ab-phil__icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: var(--aa-navy); color: var(--aa-gold); margin-bottom: 1.1rem; }
.ab-phil__icon svg { width: 22px; height: 22px; }
.ab-phil h3 { font-family: var(--aa-serif); font-size: 1.45rem; font-weight: 600; line-height: 1.25; color: var(--aa-navy); margin-bottom: .7rem; }
.ab-phil p { font-weight: 300; line-height: 1.8; color: var(--aa-body); }
@media (max-width: 860px) { .ab-phil { grid-template-columns: 1fr; } }

/* 7. STORY --------------------------------------------------------------- */
.ab-story { display: grid; grid-template-columns: 260px 1fr; gap: 3rem; background: var(--aa-navy); border-top: 3px solid var(--aa-gold); padding: 2.75rem; }
.ab-story__side { text-align: center; padding-right: 3rem; border-right: 1px solid rgba(202, 220, 252, .15); }
.ab-story__side img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; border: 3px solid var(--aa-gold); margin: 0 auto 1rem; }
.ab-story__name { font-weight: 500; color: var(--aa-white); }
.ab-story__meta { font-size: .85rem; line-height: 1.5; color: var(--aa-muted-dark); margin-top: .2rem; }
.ab-story__score { display: flex; justify-content: center; align-items: baseline; gap: .6rem; margin-top: 1.75rem; font-family: var(--aa-serif); font-weight: 700; line-height: 1; }
.ab-story__score span:first-child { font-size: 2rem; color: var(--aa-ice); }
.ab-story__score strong { font-size: 2.8rem; color: var(--aa-gold); }
.ab-story__arrow { font-family: var(--aa-sans); font-size: 1.2rem; color: var(--aa-gold); }
.ab-story__exam { margin-top: .6rem; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--aa-gold); }
.ab-story__body h3 { font-family: var(--aa-serif); font-size: 1.75rem; font-weight: 600; line-height: 1.25; color: var(--aa-white); margin-bottom: 1.25rem; }
.ab-story__body h3 em { color: var(--aa-gold); }
.ab-story__body p { font-weight: 300; line-height: 1.85; color: var(--aa-ice); }
.ab-story__body p + p { margin-top: 1rem; }
.ab-story__body strong { font-weight: 500; color: var(--aa-white); }
.ab-story__pull { margin-top: 1.75rem !important; padding-left: 1.25rem; border-left: 3px solid var(--aa-gold); font-family: var(--aa-serif); font-size: 1.3rem; font-style: italic; line-height: 1.55 !important; color: var(--aa-white) !important; }
@media (max-width: 860px) {
	.ab-story { grid-template-columns: 1fr; gap: 2rem; padding: 2rem 1.5rem; }
	.ab-story__side { padding: 0 0 2rem; border-right: 0; border-bottom: 1px solid rgba(202, 220, 252, .15); }
}

/* 8. EXAM CURRENCY ------------------------------------------------------- */
.ab-exams { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.ab-exam { padding: 2.25rem 2rem; background: var(--aa-navy); display: flex; flex-direction: column; position: relative; overflow: hidden; }
.ab-exam::after { content: ''; position: absolute; right: -40px; bottom: -40px; width: 140px; height: 140px; border-radius: 50%; border: 1px solid rgba(201, 168, 76, .15); }
.ab-exam__label { font-size: .7rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--aa-gold); }
.ab-exam__score { margin: .75rem 0 .9rem; font-family: var(--aa-serif); font-size: 3.6rem; font-weight: 700; line-height: 1; color: var(--aa-white); font-variant-numeric: lining-nums; }
.ab-exam__score sup { font-size: .45em; vertical-align: super; margin-left: .05em; }
.ab-exam__detail { font-size: .9rem; font-weight: 300; line-height: 1.65; color: var(--aa-ice); }
@media (max-width: 860px) { .ab-exams { grid-template-columns: 1fr; } }

/* 9. BEYOND -------------------------------------------------------------- */
.ab-beyond { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.ab-beyond > div { background: var(--aa-white); padding: 2rem 1.75rem; border: 1px solid var(--aa-line); }
.ab-beyond h3 { display: flex; align-items: center; gap: .6rem; font-weight: 500; font-size: 1.02rem; color: var(--aa-navy); margin-bottom: .6rem; }
.ab-beyond h3::before { content: ''; width: 8px; height: 8px; background: var(--aa-gold); flex-shrink: 0; }
.ab-beyond p { font-size: .94rem; font-weight: 300; line-height: 1.7; color: var(--aa-body); }
.ab-beyond__note { margin-top: 1.5rem; font-size: .92rem; color: var(--aa-navy); font-weight: 500; }
@media (max-width: 860px) { .ab-beyond { grid-template-columns: 1fr; } }

/* 10. FIT ---------------------------------------------------------------- */
.ab-fit { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ab-fit li { display: flex; gap: .9rem; align-items: flex-start; padding: 1.4rem 1.5rem; background: rgba(255, 255, 255, .04); border: 1px solid rgba(202, 220, 252, .12); font-weight: 300; line-height: 1.65; color: var(--aa-ice); }
.ab-fit li::before { content: '✓'; flex-shrink: 0; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--aa-gold); color: var(--aa-navy); font-size: .72rem; font-weight: 700; margin-top: 2px; }
.ab-fit__note { margin-top: 2rem; padding-left: 1.25rem; border-left: 3px solid var(--aa-gold); max-width: 760px; font-family: var(--aa-serif); font-size: 1.2rem; font-style: italic; line-height: 1.6; color: var(--aa-white); }
@media (max-width: 760px) { .ab-fit { grid-template-columns: 1fr; } }

/* 11. CTA ---------------------------------------------------------------- */
.ab-cta .aa-h2 { max-width: 760px; margin: 0 auto 1rem; }
.ab-cta__text { margin: 0 auto 2.25rem; }
.ab-cta__btns { justify-content: center; }
.ab-cta__foot { margin-top: 1.5rem; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--aa-muted); }