/* Mobile-first: single-column reading and visible, thumb-friendly navigation.
   Larger screens expand only when the content benefits. Original art, no stock placeholders. */
:root{--ink:#f4f0e8;--muted:#b5b9b7;--gold:#e1b56d;--navy:#0c171e;--panel:#14262f;--line:rgba(244,240,232,.18);--gutter:1.25rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem;-webkit-text-size-adjust:100%}body{margin:0;background:var(--navy);color:var(--ink);font-family:Georgia,"Times New Roman",serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(225,181,109,.22)}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;overflow-wrap:break-word;text-wrap:balance}h1{margin-bottom:1.2rem;font-size:clamp(2.6rem,10.5vw,4.5rem);letter-spacing:-.045em;line-height:1.04}h2{margin-bottom:0;font-size:clamp(2rem,8vw,3rem);letter-spacing:-.035em;line-height:1.12}h3{line-height:1.18}h1 em,h2 em{color:var(--gold)}p{line-height:1.65}main{min-width:0}section[id],a[id]{scroll-margin-top:1.5rem}.skip-link{position:absolute;z-index:20;left:1rem;top:-8rem;padding:1rem;background:var(--gold);color:var(--navy);font:700 1rem system-ui}.skip-link:focus{top:1rem}
/* Navigation remains visible without a menu, hover, or JavaScript. */
.site-header{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:1rem var(--gutter) .35rem;border-bottom:1px solid var(--line);background:var(--navy)}
.brand{display:inline-flex;align-items:center;min-height:48px;gap:.65rem;font:700 .82rem/1.2 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}.brand small{display:block;margin-top:.25rem;color:var(--gold);font-size:.67rem;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;flex:0 0 2.3rem;width:2.3rem;height:2.3rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:.65rem;letter-spacing:0}
nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:.2rem;font:650 .75rem/1.3 system-ui,sans-serif;letter-spacing:.035em;text-transform:uppercase}nav a{display:flex;justify-content:center;align-items:center;min-height:48px;color:var(--muted)}nav a.active,nav a:hover{color:var(--gold)}
.eyebrow,.tag,.article-meta,.article-count,.story-number,.storyboard-status{font:700 .72rem/1.5 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.eyebrow{margin:0 0 .9rem}.tag{display:block;letter-spacing:.065em}.article-meta{margin:0;letter-spacing:.05em}.article-count{color:var(--muted)}
/* Photography is above the copy on phones; it never hides behind oversized type. */
.hero,.lesson-hero{display:flex;flex-direction:column;background:#0b151b}.hero-art{width:100%;height:clamp(190px,57vw,300px);object-fit:cover;object-position:65% 45%}.hero-copy,.lesson-hero-copy{padding:1.75rem var(--gutter) 2rem;width:100%;max-width:46rem;margin:0 auto}.hero-lede{margin-bottom:0;color:#d7d6d0;font-size:1.1rem;line-height:1.6}.hero-note,.lesson-hero-note{display:none}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin-top:1.5rem}.button,.text-link,.card-link,.back-link{display:inline-flex;align-items:center;min-height:48px;font:700 .75rem/1.4 system-ui,sans-serif;letter-spacing:.045em}.button{justify-content:center;gap:.65rem;padding:.85rem 1.1rem}.button-primary{background:var(--gold);color:var(--navy)}.text-link,.back-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}.card-link{margin-top:.35rem;color:var(--gold);gap:.5rem}.back-link{margin-bottom:1.15rem}
.section{padding:2.75rem var(--gutter)}.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.section-heading.compact{margin-bottom:1.5rem}
.feature-grid{display:grid;gap:0;border:1px solid var(--line)}.feature-card{display:block;background:var(--panel)}.feature-image{overflow:hidden}.feature-image img{width:100%;height:220px;object-fit:cover;object-position:center 52%}.feature-overlay{display:none}.feature-content{padding:1.4rem}.feature-content h3{margin:.65rem 0;font-size:1.9rem;letter-spacing:-.025em}.feature-content p,.story-card p{color:var(--muted);margin-bottom:.25rem}.side-stories{display:flex;flex-direction:column}.story-card{display:grid;grid-template-columns:1.5rem minmax(0,1fr) 1rem;gap:.65rem;padding:1.35rem 1rem;border-top:1px solid var(--line)}.story-number{padding-top:.15rem}.story-card h3{margin:.5rem 0;font-size:1.35rem}.story-card p{font-size:1rem;line-height:1.55}.arrow{color:var(--gold)}
.topics,.article-index,.storyboard{background:#101f27}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.topic-grid a{position:relative;min-height:155px;padding:1rem 1rem 1.75rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-grid span{display:block;margin-bottom:1rem;color:var(--gold);font:700 .7rem/1.2 system-ui}.topic-grid strong{display:block;margin-bottom:.5rem;font-size:1.2rem;font-weight:400}.topic-grid small{font-size:.95rem;color:var(--muted);line-height:1.4}.topic-grid b{position:absolute;right:.75rem;bottom:.5rem;color:var(--gold);font-weight:400}
.manifesto,.lesson-standard,.lesson-intro{display:grid;gap:1.5rem}.manifesto-mark{display:none}.manifesto p:last-child,.lesson-standard p:last-child,.lesson-intro-copy{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.7}.lesson-intro{border-bottom:1px solid var(--line)}.lesson-intro-copy p:last-child{margin-bottom:0}
.storyboard-grid{display:grid;gap:1.5rem}.storyboard-card{overflow:hidden;border:1px solid var(--line);background:var(--panel)}.storyboard-art{position:relative}.storyboard-art img{width:100%;height:270px;object-fit:cover;object-position:center 45%}.storyboard-art span{position:absolute;left:1rem;bottom:1rem;padding:.45rem .65rem;background:rgba(7,15,20,.85);color:var(--gold);font:700 1.25rem/1 system-ui}.storyboard-card-body{padding:1.4rem}.storyboard-card-body h3{margin:.65rem 0;font-size:1.7rem;letter-spacing:-.02em}.storyboard-card-body p{color:var(--muted);font-size:1.05rem}.storyboard-label{display:inline-block;border:1px solid var(--line);padding:.6rem .7rem;color:var(--muted);font:650 .7rem/1.3 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.page-hero{padding-top:2.5rem;padding-bottom:2.5rem;background:#0b151b}.page-hero h1{max-width:44rem}.page-hero .hero-lede{max-width:40rem}.article-list{display:grid;gap:1.5rem}.article-list-card{display:block;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.article-list-card img{width:100%;height:220px;object-fit:cover;object-position:center 45%}.article-list-card>div{padding:1.25rem}.article-list-card h3{margin:.7rem 0;font-size:1.6rem;letter-spacing:-.02em}.article-list-card p{color:var(--muted);font-size:1.05rem;margin-bottom:.4rem}
.content-section{border-top:1px solid var(--line)}.content-narrow{width:min(44rem,100%);margin:0 auto}.content-narrow h2{margin:2.5rem 0 1rem}.content-narrow h2:first-of-type{margin-top:0}.content-narrow>p,.policy-copy li{color:#d7d6d0;font-size:1.1rem;line-height:1.75;overflow-wrap:anywhere}.standard-list{display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.standard-list li{padding:1rem 0 1rem 1rem;border-left:1px solid var(--gold);line-height:1.6}.standard-list strong{display:block;margin-bottom:.25rem;color:var(--gold)}.contact-panel{margin:2rem 0;padding:1.25rem;border:1px solid var(--line);background:var(--panel)}.contact-panel h3{margin:.7rem 0;font-size:1.65rem;overflow-wrap:anywhere}.contact-panel p{margin-bottom:0;color:var(--muted)}
.article-page{background:#0b151b}.article-hero{background:var(--navy)}.article-cover{width:100%;height:clamp(200px,60vw,310px);object-fit:cover;object-position:center 43%}.article-hero>div{width:min(100%,46.5rem);margin:auto;padding:1.25rem var(--gutter) 2rem}.article-hero h1{font-size:clamp(2.4rem,9.6vw,4.3rem);margin:.65rem 0 1.2rem}.article-hero h1 br{display:none}.article-dek{margin-bottom:1.25rem;color:#d7d6d0;font-size:1.15rem;line-height:1.55}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;width:min(100% - 2.5rem,44rem);margin:0 auto;padding:2rem 0 3rem}.article-body{min-width:0}.article-body p,.article-body li{font-size:1.125rem;line-height:1.8;color:#d7d6d0;overflow-wrap:anywhere}.article-body .article-lead{font-size:1.3rem;line-height:1.6;color:var(--ink)}.article-body h2{margin:2.5rem 0 1rem;font-size:2rem}.article-body a,.article-sidebar a{color:var(--gold);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}.article-sidebar a{display:inline-block;padding:.5rem 0;min-height:44px}.pull-quote{margin:2rem 0;padding:1rem 0 1rem 1rem;border-left:2px solid var(--gold);font-size:1.4rem;line-height:1.5;font-style:italic;color:var(--gold)}.article-sidebar{display:grid;gap:1rem}.sidebar-card{padding:1.25rem;border:1px solid var(--line);background:var(--panel)}.sidebar-card h3{margin:.7rem 0 0;font-size:1.45rem}.sidebar-card p{margin:.75rem 0 0;color:var(--muted);font-size:1rem}
.site-footer{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem var(--gutter) calc(1.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font:650 .75rem/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.footer-links a{display:inline-flex;align-items:center;min-height:48px;color:var(--muted)}.site-footer>p{margin:0;color:var(--muted);font:.8rem/1.5 system-ui,sans-serif}
/* Progressive enhancement: phones are the baseline, not a desktop layout shrunk down. */
@media(min-width:720px){:root{--gutter:2rem}.site-header{flex-wrap:nowrap;justify-content:space-between;padding:.85rem max(var(--gutter),calc((100% - 1080px)/2))}nav{width:auto;min-width:320px;gap:1rem}.section{padding:3.5rem max(var(--gutter),calc((100% - 1080px)/2))}.hero-art{height:360px}.hero-copy,.lesson-hero-copy{padding-top:2.5rem;padding-bottom:2.5rem}.hero-copy h1{font-size:4.5rem}.section-heading{flex-direction:row;align-items:end;justify-content:space-between}.feature-grid{grid-template-columns:1fr 1fr}.feature-image img{height:300px}.side-stories .story-card:first-child{border-top:0}.side-stories{border-left:1px solid var(--line)}.article-list,.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-list-card{display:flex;flex-direction:column}.article-list-card>div{flex:1}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manifesto,.lesson-standard,.lesson-intro{grid-template-columns:1fr 1fr;gap:3rem}.article-cover{height:360px}.article-layout{padding-top:2.75rem}.article-sidebar{grid-template-columns:1fr 1fr}.site-footer{padding-inline:max(var(--gutter),calc((100% - 1080px)/2))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Video field notes — 16:9, click-to-load, no third-party request before consent. */
nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.video-episode>.hero-lede{max-width:48rem;margin-bottom:1.5rem}.video-player{position:relative;aspect-ratio:16/9;background:#000;width:100%;overflow:hidden;border:1px solid var(--line)}.video-player iframe{display:block;width:100%;height:100%;border:0}.video-load{display:block;position:relative;border:0;padding:0;background:#000;width:100%;height:100%;cursor:pointer;color:var(--ink)}.video-load img{width:100%;height:100%;object-fit:contain}.video-play-label{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);padding:.8rem 1rem;font:700 .85rem system-ui;white-space:nowrap}.video-load:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.video-note{font:.85rem/1.65 system-ui;color:var(--muted);margin:1rem 0}.video-note a,.video-reading a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.video-takeaway{margin:2rem 0;background:var(--panel);border-left:3px solid var(--gold);padding:1.5rem}.video-takeaway h3,.video-reading h3{font-size:1.6rem}.video-takeaway p:last-child{margin:0}.video-transcript{border-block:1px solid var(--line);margin:2rem 0;padding:1rem 0}.video-transcript summary{cursor:pointer;padding:.8rem;font:700 1rem system-ui}.video-transcript .content-narrow{padding-top:1rem}.video-reading li{line-height:1.8;margin:.6rem 0}.video-home-card{display:grid;gap:1.5rem;align-items:center}.video-home-card img{aspect-ratio:16/9;object-fit:contain}.video-home-card h3{font-size:2rem;margin:.5rem 0}.video-home-card p{color:var(--muted)}@media(min-width:720px){nav{min-width:400px}.video-home-card{grid-template-columns:1fr 1fr}}

/* Approved three-ring identity, 2026-10-17: exact artwork, circular crop. */
img.brand-mark{display:block;object-fit:contain;padding:0;background:#07172a;box-sizing:border-box;letter-spacing:normal}