/*
Theme Name: African History Network
Theme URI: https://totmpublishing.com/
Author: TOTM Media
Author URI: https://totmpublishing.com/
Description: Custom one-page WordPress theme for The African History Network — history, politics, culture, and economic empowerment for people of African descent. Editable via the Customizer.
Version: 1.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary — built by TOTM Media
Text Domain: ahn
*/

:root{--ink:#17140f;--paper:#f3eee4;--sand:#d7c39b;--gold:#c9a65a;--gold-deep:#957338;--brown:#38291b;--wine:#5d1f22;--line:rgba(38,29,18,.17);--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}p{font-family:Arial,Helvetica,sans-serif;line-height:1.7}.site-header{height:82px;padding:0 max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;position:fixed;top:0;left:0;z-index:100;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s ease,height .3s ease,border-color .3s ease,box-shadow .3s ease}
.site-header.scrolled{height:70px;background:#14100b;border-bottom:1px solid rgba(201,166,90,.28);box-shadow:0 8px 26px rgba(0,0,0,.4)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);color:var(--gold);font:700 13px Arial;letter-spacing:.15em}.brand strong{display:block;font-size:15px;letter-spacing:.04em}.brand small{display:block;margin-top:3px;color:#d9ccb3;font:10px Arial;text-transform:uppercase;letter-spacing:.14em}.site-header nav{display:flex;gap:25px;font:12px Arial;text-transform:uppercase;letter-spacing:.12em}.site-header nav a:hover{color:var(--gold)}.header-cta{border:1px solid var(--gold);padding:12px 16px;font:11px Arial;text-transform:uppercase;letter-spacing:.12em}.menu-toggle{display:none}.hero{min-height:790px;position:relative;display:flex;align-items:center;background:url('assets/img/hero-library.jpg') center/cover no-repeat;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,3,.92) 0%,rgba(7,5,3,.7) 42%,rgba(7,5,3,.18) 73%),linear-gradient(0deg,rgba(6,4,2,.9) 0%,transparent 45%)}.hero-shade{position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.hero-content{z-index:1;width:min(760px,calc(100% - 48px));margin-left:max(24px,calc((100vw - var(--max))/2));padding-top:70px}.eyebrow{margin:0 0 18px;color:#e1c47e;font:700 11px Arial;text-transform:uppercase;letter-spacing:.22em}.eyebrow.dark{color:var(--gold-deep)}h1,h2,h3{margin-top:0}h1{font-size:clamp(50px,7vw,92px);line-height:.96;max-width:780px;letter-spacing:-.04em;margin-bottom:26px}.hero-copy{font-size:19px;max-width:650px;color:#eee3d2}.hero-actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font:700 11px Arial;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--gold)}.button.primary{background:var(--gold);color:#18130c}.button.secondary{background:rgba(0,0,0,.25);color:#fff}.hero-proof{margin-top:58px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font:12px Arial;color:#d5c7b0}.hero-proof strong{display:block;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.marquee{display:flex;justify-content:center;gap:7vw;padding:20px 24px;background:#1c1710;color:#e0c585;font:700 11px Arial;text-transform:uppercase;letter-spacing:.18em}.section{max-width:var(--max);margin:auto;padding:105px 24px}.split-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.section h2{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.035em;margin-bottom:24px}.section-copy>p:not(.eyebrow){font-size:18px;max-width:680px}.action-row{display:flex;gap:22px;align-items:center;margin-top:32px}.dark-button{color:#fff!important;background:var(--ink)!important;border-color:var(--ink)!important}.text-link{font:700 12px Arial;text-transform:uppercase;letter-spacing:.1em;color:var(--wine)}.broadcast-card{background:var(--brown);color:#fff;padding:48px;min-height:390px;position:relative;overflow:hidden}.broadcast-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(201,166,90,.25);border-radius:50%;right:-90px;bottom:-90px}.live-pill,.tag{display:inline-block;border:1px solid currentColor;padding:7px 9px;font:700 10px Arial;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.station{color:#d8c8ac;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.broadcast-card h3{font-size:38px;line-height:1.06}.audio-bars{height:45px;display:flex;gap:6px;align-items:end;margin-top:30px}.audio-bars i{display:block;width:5px;background:var(--gold);animation:pulse 1s ease-in-out infinite alternate}.audio-bars i:nth-child(2n){animation-delay:.2s}.audio-bars i:nth-child(3n){animation-delay:.4s}@keyframes pulse{from{height:8px}to{height:42px}}.muted{max-width:none;background:#e7dfd1;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2{margin:0}.heading-note{max-width:340px;color:#6b6257}.story-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.story-card{min-height:330px;background:#f8f4ec;padding:30px;display:flex;flex-direction:column;border-top:4px solid var(--gold)}.story-card h3{font-size:29px;line-height:1.08;margin:25px 0 10px}.story-card a{margin-top:auto;font:700 11px Arial;text-transform:uppercase;letter-spacing:.1em}.feature-card{background:var(--wine);color:#fff}.feature-card .tag{color:#f0cf88}.course-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.course-card{min-height:360px;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column}.course-card h3{font-size:30px;line-height:1.08;margin:20px 0 12px}.course-card a{margin-top:auto}.course-primary{background:#17140f;color:#fff;justify-content:space-between}.course-primary p{color:#d7c9b2}.course-number{font-size:52px;color:var(--gold);opacity:.6}.light-button{color:#fff}.dark-section{max-width:none;background:#17140f;color:#fff;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.light-heading .text-link{color:#e2c579}.video-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.video-main{min-height:460px;background:linear-gradient(135deg,#3d2e20,#17140f);border:1px solid rgba(255,255,255,.15);padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.video-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(201,166,90,.22),transparent 35%)}.play{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);z-index:1}.video-copy{z-index:1;max-width:530px}.video-copy h3{font-size:42px;line-height:1.05;margin:18px 0 8px}.video-list{border-top:1px solid rgba(255,255,255,.2)}.video-list article{display:flex;gap:22px;padding:27px 5px;border-bottom:1px solid rgba(255,255,255,.2)}.video-list article>span{color:var(--gold);font:12px Arial}.video-list h3{font-size:20px;margin-bottom:6px}.video-list p{margin:0;color:#b8ad9b;font-size:13px}.about{display:grid;grid-template-columns:.45fr 1fr;gap:80px;align-items:center}.portrait-monogram{aspect-ratio:4/5;background:var(--brown);display:grid;place-items:center;color:var(--gold);font-size:90px;border:12px solid #d6c9b6;outline:1px solid var(--gold)}.large-copy{font-size:21px!important;max-width:780px}.support{padding:110px 24px;text-align:center;color:#fff;background:linear-gradient(rgba(53,28,18,.93),rgba(20,15,10,.97)),url('assets/img/hero-library.jpg') center/cover}.support h2{font-size:clamp(40px,6vw,72px);margin:0 auto 20px;max-width:900px}.support>p{max-width:720px;margin-left:auto;margin-right:auto}.support .hero-actions{justify-content:center}footer{background:#0f0d0a;color:#d9ccb8;padding:55px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-links{display:flex;gap:22px;font:11px Arial;text-transform:uppercase;letter-spacing:.12em}footer>p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;font-size:11px;color:#817767}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.header-cta{display:none}.menu-toggle{display:block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);padding:10px 14px;text-transform:uppercase;letter-spacing:.1em}.site-header nav{position:absolute;top:100%;left:0;right:0;padding:22px 24px;background:#14100b;display:none;flex-direction:column;box-shadow:0 12px 26px rgba(0,0,0,.4)}.site-header nav.open{display:flex}.hero{min-height:730px;background-position:62% center}.hero-content{padding-top:90px}.hero-proof{grid-template-columns:1fr}.split-feature,.video-layout,.about{grid-template-columns:1fr}.story-grid,.course-grid{grid-template-columns:1fr 1fr}.story-grid .feature-card,.course-primary{grid-column:1/-1}.marquee{overflow:hidden;justify-content:flex-start;white-space:nowrap}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:620px){.brand strong{font-size:12px}.brand small{display:none}.hero{min-height:760px;background-position:66% center}.hero:before{background:linear-gradient(90deg,rgba(7,5,3,.94),rgba(7,5,3,.72) 74%,rgba(7,5,3,.28)),linear-gradient(0deg,rgba(6,4,2,.9),transparent 45%)}h1{font-size:52px}.hero-copy{font-size:17px}.hero-actions,.action-row{flex-direction:column;align-items:stretch}.hero-proof{margin-top:34px}.section-heading{align-items:flex-start;flex-direction:column}.story-grid,.course-grid{grid-template-columns:1fr}.story-grid .feature-card,.course-primary{grid-column:auto}.broadcast-card{padding:32px}.about{gap:45px}.portrait-monogram{max-width:350px}.footer-links{flex-wrap:wrap}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}