/* Nov 1 2026 deploy: text that sat in retired gold #FFCF6E on navy now uses the approved night pair #C9D6F2 (Oct 17 rule: no gold text on navy). Gold stays for lines and borders only. */
/* About page (anp-about.css), from the approved v2 mockup, Nov 1 2026. Static design, no motion. Warm palette, no pure white.
   Text over art always sits on a navy scrim; every pair is checked in CONTRAST.md. */
:root{--ink:#1F2E55;--night:#141E3C;--dusk:#22325C;--cream:#FBF8F1;--paper:#F4ECDC;--sage:#E3EADB;--card:#FFF8EC;--brown:#7A4E00;--slate:#4B5674;--on:#FFF8EC;--on2:#E2DBCD;--gold:#FFCF6E;--goldtext:#C9D6F2;--line:#E6D9BF}
body.about-page{background:var(--cream);color:var(--ink)}
.ab-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.ab-narrow{max-width:760px}
.ab-sec{padding:72px 0}
@media(min-width:900px){.ab-sec{padding:112px 0}}
.ab-cream{background:var(--cream)} .ab-paper{background:var(--paper)} .ab-sage{background:var(--sage)}
.ab-dark{background:radial-gradient(60% 70% at 78% 18%,rgba(255,214,140,.14),transparent 70%),linear-gradient(180deg,#22325C,#141E3C);color:var(--on)}
.ab-sec h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.85rem,1.3rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.01em;margin:0 0 20px;max-width:18em;text-wrap:balance;color:var(--ink)}
.ab-sec.ab-dark h2,.ab-sec.ab-dark h3{color:var(--on)}
.ab-sec h3{font-family:var(--font-display);font-weight:600;font-size:1.375rem;line-height:1.2;margin:0 0 10px;color:var(--ink)}
.ab-sec p,.ab-sec li{font-size:1.0625rem;line-height:1.7;color:var(--ink)}
.ab-dark p,.ab-dark li{color:var(--on)}
.ab-sec p{margin:0 0 14px}
.ab-sec a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ab-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .875rem/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--brown)!important;margin:0 0 16px!important}
.ab-eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.ab-dark .ab-eyebrow{color:var(--goldtext)!important}
.ab-big{font-size:clamp(1.1875rem,1.1rem + .4vw,1.375rem)!important;line-height:1.6!important;max-width:36em}
.ab-src{font-size:.875rem!important;color:var(--slate)!important;margin:10px 0 0!important}
.ab-dark .ab-src{color:var(--on2)!important}
.ab-quiet{color:var(--slate)!important}
.ab-em{font-style:italic;font-weight:500}

/* 1. HERO: full-bleed art, navy scrim under all text */
.ab-hero{position:relative;background:var(--night);color:var(--on);overflow:hidden;isolation:isolate}
.ab-hero picture,.ab-hero .ab-hero-img{position:absolute;inset:0 0 auto 0;width:100%;height:68vh;min-height:420px;max-height:640px;object-fit:cover;object-position:42% 30%;z-index:-2;display:block}
.ab-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,30,60,.0) 0%,rgba(20,30,60,.10) 30%,rgba(20,30,60,.86) 52%,#141E3C 66%)}
.ab-hero .ab-wrap{padding-top:calc(min(max(68vh,420px),640px) - 150px);padding-bottom:56px}
.ab-kick{font:700 .875rem/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--goldtext);margin:0 0 14px}
.ab-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,1.6rem + 3.6vw,4.6rem);line-height:1.02;letter-spacing:-.015em;margin:0 0 22px;color:var(--on);max-width:12em;text-wrap:balance}
.ab-hero h1 span{display:block;color:var(--goldtext);font-style:italic;font-weight:500}
.ab-lede{font-size:1.1875rem;line-height:1.6;color:var(--on);max-width:30em;margin:0}
.ab-credit{font-size:.875rem;color:var(--on2);margin:20px 0 0}
@media(min-width:900px){
 .ab-hero{min-height:min(88vh,820px);display:flex;align-items:flex-end}
 .ab-hero picture,.ab-hero .ab-hero-img{height:100%;max-height:none;object-position:60% 35%}
 .ab-hero::after{background:linear-gradient(90deg,rgba(20,30,60,.95) 0%,rgba(20,30,60,.9) 40%,rgba(20,30,60,.4) 62%,rgba(20,30,60,0) 78%),linear-gradient(0deg,rgba(20,30,60,.6),rgba(20,30,60,0) 40%)}
 .ab-hero .ab-wrap{padding-top:120px;padding-bottom:96px;width:100%}
 .ab-hero-txt{max-width:600px}
}

/* 2. BELIEVE: three cards, each with its own story art */
.ab-believe-head{display:grid;gap:8px;margin-bottom:48px}
.ab-cards3{display:grid;gap:22px}
@media(min-width:900px){.ab-cards3{grid-template-columns:repeat(3,1fr);gap:28px}}
.ab-acard{background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 18px 40px -24px rgba(31,46,85,.35)}
.ab-acard img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.ab-acard .in{padding:22px 24px 24px}
.ab-acard p{margin:0}
.ab-acard figcaption{font-size:.875rem;color:var(--slate);padding:8px 24px 0}

/* 3. WORLDS: film strip of real worlds */
.ab-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}
.ab-world{position:relative;border-radius:18px;overflow:hidden;margin:0;aspect-ratio:3/4;background:var(--night)}
.ab-world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-world figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 14px 14px;background:linear-gradient(180deg,rgba(20,30,60,0),rgba(20,30,60,.92) 45%,#141E3C)}
.ab-world b{display:block;font-family:var(--font-display);font-size:1.1875rem;font-weight:600;color:var(--on);line-height:1.2}
.ab-world span{display:block;font-size:.875rem;line-height:1.4;color:var(--on2);margin-top:4px}
@media(min-width:900px){.ab-strip{grid-template-columns:repeat(3,1fr);gap:22px}.ab-world{aspect-ratio:4/3}.ab-world b{font-size:1.5rem}.ab-world span{font-size:.9375rem}.ab-world figcaption{padding:80px 22px 20px}}

/* 4. AGES */
.ab-ages{display:grid;gap:20px;margin-top:36px}
@media(min-width:900px){.ab-ages{grid-template-columns:repeat(3,1fr);gap:28px}}
.ab-age{display:block;text-decoration:none!important;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 18px 40px -26px rgba(31,46,85,.35);position:relative}
.ab-age .pic{position:relative;display:block}.ab-age .pic>img:first-child{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.ab-age .in{padding:18px 22px 22px}
.ab-age b{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink)}
.ab-age small{display:block;font-size:1rem;line-height:1.55;color:var(--ink);margin-top:4px}
.ab-age .go{display:inline-block;margin-top:10px;font-weight:700;color:var(--brown);text-decoration:underline;text-underline-offset:3px}
.ab-age .pic>.ab-nan{position:absolute;aspect-ratio:auto;right:12px;bottom:-18px;width:76px;height:auto;filter:drop-shadow(0 6px 10px rgba(31,46,85,.35))}
.ab-age:focus-visible{outline:3px solid var(--brown);outline-offset:3px}

/* 5. SCIENCE: alternating rows, text and illustration */
.ab-row{display:grid;gap:28px;align-items:center;padding:44px 0;border-top:1px solid var(--line)}
.ab-row:first-of-type{border-top:0}
@media(min-width:900px){.ab-row{grid-template-columns:1fr 1fr;gap:72px;padding:64px 0}.ab-row.flip .ab-row-art{order:-1}}
.ab-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--goldtext);font:700 1.25rem/1 var(--font-display);margin-bottom:14px}
.ab-ill{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}
.ab-art-cap{font-size:.875rem;color:var(--slate);text-align:center;margin:10px 0 0}
/* the real story page */
.ab-page{background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 24px 50px -26px rgba(31,46,85,.45);max-width:520px;margin:0 auto}
.ab-page img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ab-page .in{padding:20px 22px 22px}
.ab-who{display:block;font:700 .875rem/1.3 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--brown);margin:0 0 6px}
.ab-parent{font-family:var(--font-display);font-size:1.0625rem!important;line-height:1.55!important;margin:0 0 16px!important}
.ab-hero-line{background:#FFE9B8;border-radius:14px;padding:14px 16px;margin:0 0 10px}
.ab-hero-line p{font-family:"Lexend",sans-serif;font-size:1.3125rem!important;line-height:1.45!important;font-weight:500;margin:0!important}
.ab-hero-line.later{background:var(--paper)}
.ab-hero-line.later p{font-size:1.0625rem!important}
.ab-page .ab-src{margin-top:8px!important}
.ab-sci-note{margin-top:28px;padding-top:28px;border-top:1px solid var(--line);font-size:.9375rem!important;color:var(--slate)!important;max-width:52em}

/* 6. INSIDE A READING BRAIN: two figures */
.ab-figs{display:grid;gap:28px;margin-top:40px}
@media(min-width:900px){.ab-figs{grid-template-columns:1fr 1fr;gap:36px}}
.ab-fig{background:var(--card);border-radius:24px;padding:26px 22px 24px;margin:0;box-shadow:0 1px 0 #D5DECC}
.ab-fig h3{margin-bottom:6px}
.ab-fig p{font-size:1rem!important}
.ab-fig .ab-ill{margin:14px auto 8px}

/* 7. FOUNDING LITERACY ADVISOR: the green chair, a lamplit portrait */
.ab-advisor{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.ab-advisor{grid-template-columns:.9fr 1.1fr;gap:72px}}
.ab-chair-wrap{position:relative;max-width:380px;margin:0 auto;width:78%}
.ab-chair-wrap::before{content:"";position:absolute;inset:-12% -18% -4%;background:radial-gradient(closest-side,rgba(255,207,110,.30),rgba(255,207,110,.08) 60%,transparent);z-index:0}
.ab-chair-wrap::after{content:"";position:absolute;left:8%;right:8%;bottom:-2%;height:7%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);z-index:0}
.ab-chair-wrap img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.4))}
.ab-sec .ab-41{font-family:var(--font-ui);font-weight:400;display:flex;align-items:baseline;gap:14px;margin:0 0 18px!important}
.ab-41 b{font-family:var(--font-display);font-size:clamp(3.4rem,2.6rem + 3vw,5rem);line-height:.9;color:var(--goldtext);font-weight:600}
.ab-41 span{font-size:1.0625rem;line-height:1.4;color:var(--on)}
.ab-chairline{font-family:var(--font-display);font-style:italic;font-size:1.25rem!important;line-height:1.5!important;border-left:2px solid var(--gold);padding-left:18px;margin-top:22px!important}
.ab-people2{display:grid;gap:20px}
@media(min-width:900px){.ab-people2{grid-template-columns:1fr 1fr;gap:28px}}
.ab-card{background:var(--card);border-radius:22px;padding:26px;box-shadow:0 1px 0 var(--line)}
.ab-card p{margin:0}
.ab-card h3 span{display:block;font:700 .9375rem/1.4 var(--font-ui);color:var(--brown);margin-top:4px}

/* 8. A NIGHT */
.ab-night{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.ab-night{grid-template-columns:1.1fr .9fr;gap:72px}}
.ab-steps{list-style:none;padding:0;margin:8px 0 24px;counter-reset:s}
.ab-steps li{position:relative;padding:0 0 18px 60px;counter-increment:s}
.ab-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--card);border:2px solid var(--ink);display:grid;place-items:center;font:600 1.125rem/1 var(--font-display);color:var(--ink)}
.ab-steps b{display:block;font-family:var(--font-display);font-size:1.1875rem}
.ab-privacy{display:flex;gap:12px;align-items:flex-start;font-weight:600;background:var(--card);border-radius:16px;padding:14px 16px}
.ab-ico{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ab-report{margin:0;transform:rotate(1.2deg)}
.ab-report img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 30px 60px -30px rgba(31,46,85,.55)}
.ab-report figcaption{font-size:.875rem;color:var(--slate);margin-top:10px;transform:rotate(-1.2deg)}

/* 9. WHY */
.ab-why{text-align:center}
.ab-why .ab-wrap{max-width:820px}
.ab-why p.ab-pull{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem)!important;line-height:1.35!important;margin:0 auto!important;text-wrap:balance}
.ab-why p.ab-pull em{color:var(--brown)}

/* 10. CTA: full-bleed art with scrim */
.ab-cta{background-color:#141E3C;background-image:linear-gradient(#141E3C,#22325C);position:relative;isolation:isolate;overflow:hidden;color:var(--on);text-align:center;padding:120px 0 96px}
.ab-cta picture,.ab-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}
.ab-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 62% at 50% 52%,rgba(20,30,60,.86),rgba(20,30,60,.6) 70%,rgba(20,30,60,.4))}
.ab-cta h2{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);line-height:1.08;margin:0 auto 28px;max-width:14em;color:var(--on);text-wrap:balance}
.ab-cta .anp-btn{margin:0 auto}
.ab-cta p{color:var(--on);margin:16px 0 0;font-size:1rem}
.ab-cta p a{color:var(--on)}

/* SOURCES */
.ab-sources{padding:40px 0 56px;border-top:1px solid var(--line)}
.ab-sources summary{cursor:pointer}
.ab-sources summary h2{display:inline;font-size:1.25rem}
.ab-sources li{font-size:.9375rem;margin:0 0 8px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* The people: name captions and portraits (Nov 1 2026) */
.ab-advisor-fig{margin:0;display:grid;justify-items:center;gap:22px}
.ab-namecap{text-align:center}
.ab-namecap b{display:block;font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem);line-height:1.15;color:var(--on)}
.ab-namecap span{display:block;font:700 .9375rem/1.4 var(--font-ui);color:var(--goldtext);margin-top:4px}
.ab-portrait{position:relative;width:min(220px,70%);margin:0 0 20px;border-radius:28px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line),0 22px 40px -22px rgba(31,46,85,.45)}
.ab-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ab-portrait::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(122,78,0,.12);background:linear-gradient(180deg,rgba(255,214,140,.10),rgba(255,214,140,0) 45%);pointer-events:none}
.ab-portrait--dark{width:min(340px,78%);margin:0;box-shadow:0 0 0 6px rgba(255,207,110,.22),0 26px 50px -20px rgba(0,0,0,.55)}
@media(min-width:560px){.ab-card--photo{display:grid;grid-template-columns:168px 1fr;gap:26px;align-items:start}.ab-card--photo .ab-portrait{width:100%;margin:0}}

/* Nov 1 2026 deploy: house rules for long marketing pages. Text is 14px or more, the page ends on the closing night band, and phones get the "On this page" chip row. The About page has no left margin for the computer menu, so it shows on phones and tablets only. */
@media (min-width:1024px){.anp-toc{display:none!important}}