@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0c0f;--ink:#f5f3ed;--muted:#aaa9a6;--accent:#ed7b24;--line:#38312b;--paper:#f0eee8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.topbar{position:absolute;z-index:25;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 5.5%;gap:15px}.brand{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:-.065em;font-size:30px}.brand span{color:var(--accent)}.topnav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.topnav a:hover{color:var(--accent)}.lang-button{background:none;border:1px solid #8b827a;color:inherit;padding:9px 12px;letter-spacing:.1em;font-size:12px}.hero{height:100svh;min-height:590px;position:relative;overflow:hidden;background:#0b0c0f}.hero iframe{position:absolute;left:50%;top:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none;filter:brightness(.57)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 88%),linear-gradient(0deg,rgba(0,0,0,.77),transparent 55%);pointer-events:none}.hero-copy{position:absolute;z-index:2;left:6%;bottom:12%;max-width:850px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.hero h1{font:800 clamp(43px,7.2vw,112px)/.99 Montserrat,sans-serif;letter-spacing:-.065em;margin:20px 0}.hero h1 em{font-style:normal;color:var(--accent)}.lead{font-size:clamp(17px,2vw,22px);line-height:1.55;max-width:640px;color:#e5dfd8}.hero-controls{position:absolute;z-index:3;bottom:35px;right:5.5%;display:flex;gap:10px}.roundbtn{border:1px solid #aaa5a0;background:#171615ad;color:white;border-radius:50%;width:52px;height:52px}.roundbtn:hover{background:var(--accent)}.action{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#130e09;padding:15px 21px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-top:16px}.action.outline{background:transparent;color:var(--ink)}.section{padding:clamp(80px,10vw,150px) 6%}.intro{max-width:1120px;margin:auto}.intro h2,.author-main h1{font:700 clamp(32px,5vw,68px)/1.13 Montserrat,sans-serif;letter-spacing:-.05em}.intro p{font-size:clamp(17px,2vw,24px);line-height:1.65;max-width:940px;color:#cbc7c2}.byline{font-size:13px;color:var(--muted);margin-top:36px}.byline a{border-bottom:1px solid var(--accent);color:var(--ink)}.chapters{padding:0 6% 100px}.chapter{border-top:1px solid var(--line);padding:60px 0 72px}.chapter-head{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:start;margin-bottom:36px}.chapter-number{color:var(--accent);font-size:12px;letter-spacing:.16em}.chapter h2{font:700 clamp(30px,4.8vw,65px)/1.08 Montserrat,sans-serif;letter-spacing:-.05em;margin:0 0 12px}.chapter-question{color:var(--muted);margin:0;font-size:17px}.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-left:115px}.episode-grid.single{grid-template-columns:minmax(0,1fr) 1fr}.episode{border:0;background:#171719;color:var(--ink);text-align:left;padding:0;overflow:hidden;transition:transform .25s,background .25s}.episode:hover{transform:translateY(-5px);background:#242224}.episode img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.7);transition:filter .2s}.episode:hover img{filter:saturate(1)}.episode-copy{padding:23px}.episode-copy small{font-size:11px;color:var(--accent);letter-spacing:.17em;text-transform:uppercase}.episode-copy h3{font:700 clamp(19px,2.2vw,28px)/1.25 Montserrat,sans-serif;margin:10px 0}.episode-copy p{color:var(--muted);font-size:14px;margin:0}.footer{border-top:1px solid var(--line);padding:70px 6% 35px;background:#111113}.footer h2{font:700 clamp(29px,4vw,54px)/1.2 Montserrat,sans-serif;max-width:760px;letter-spacing:-.04em}.footer-bottom{border-top:1px solid var(--line);margin-top:70px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;color:#98938e;font-size:12px}.modal{position:fixed;inset:0;z-index:9000;background:#0b0c0f;display:none;overflow-y:auto;overscroll-behavior:contain}.modal.open{display:block}.modal-header{position:sticky;top:0;z-index:9001;display:flex;justify-content:space-between;align-items:center;padding:17px 5%;background:#0b0c0ff2;border-bottom:1px solid var(--line)}.modal-header .brand{font-size:25px}.modal-header small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted)}.close{border:1px solid #5d5750;background:transparent;color:white;padding:12px 18px}.modal-content{max-width:1000px;margin:45px auto 140px;padding:0 22px}.video-frame{aspect-ratio:16/9;background:black}.video-frame iframe{width:100%;height:100%;border:0}.article{max-width:740px;margin:70px auto}.article h2{font:700 clamp(29px,4vw,56px)/1.15 Montserrat,sans-serif;letter-spacing:-.04em}.article p{font-size:19px;line-height:1.85;color:#d4d0cb}.article .note{font-size:12px;color:#9d948a;border-top:1px solid var(--line);padding-top:18px}.episode-nav{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:25px}.episode-nav button{background:transparent;border:0;color:white;font-weight:700;text-align:left;max-width:45%}.episode-nav button:last-child{text-align:right}.modal-lang{position:fixed;z-index:9002;bottom:25px;left:50%;transform:translateX(-50%);background:#f5f2ec;color:#18120d;border:0;border-radius:40px;padding:13px 23px;font-weight:700;box-shadow:0 8px 50px #0009}.author-main{padding:160px 6% 90px}.author-main .narrow{max-width:1050px;margin:auto}.author-main p{font-size:19px;line-height:1.75;color:#d1cdc6;max-width:840px}.author-portrait{background:#252321;min-height:250px;display:flex;align-items:center;justify-content:center;color:#b9b3ac;border:1px dashed #777;font-size:14px}.manifesto-art{width:100%;display:block;margin:55px 0 35px}.manifesto{padding:65px 0;border-top:1px solid var(--line)}.manifesto blockquote{font:600 clamp(25px,3.6vw,48px)/1.35 Montserrat,sans-serif;letter-spacing:-.04em;margin:28px 0}.manifesto p{max-width:800px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin:80px 0}.split img{width:100%;max-height:410px;object-fit:contain;background:#1a1a1a}.small-video{aspect-ratio:16/9;max-width:940px}.small-video iframe{border:0;width:100%;height:100%}@media(max-width:700px){.topbar{padding:20px 5%}.topnav{gap:12px}.topnav a{font-size:10px}.brand{font-size:25px}.hero{min-height:650px}.hero-copy{bottom:110px}.chapter-head{grid-template-columns:45px 1fr}.episode-grid,.episode-grid.single{margin-left:0;grid-template-columns:1fr}.chapter{padding:45px 0}.episode-grid{gap:18px}.section{padding:80px 6%}.split{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.modal-header{padding:12px 5%}.modal-content{margin:25px auto 120px}.article{margin:40px auto}.article p{font-size:17px}}

.author-credit{font-size:13px;text-transform:uppercase;letter-spacing:.19em;color:var(--accent);font-weight:700;margin-top:14px}.manifesto-art{aspect-ratio:16/9;object-fit:cover;object-position:center}

/* v3: readable bilingual switch, including the lightbox */
.lang-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid #8b827a;border-radius:999px;background:rgba(13,13,15,.82);color:#f4f1ec;padding:8px 12px;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap;line-height:1.25;box-shadow:0 5px 18px #0004}
.lang-switch .lang-choice{opacity:.58;transition:opacity .2s,color .2s;font-weight:600}
.lang-switch[data-active="en"] [data-lang="en"],.lang-switch[data-active="fr"] [data-lang="fr"]{opacity:1;color:#ff9c4b;font-weight:800}
.lang-switch .lang-divider{opacity:.5}
.modal-lang{position:fixed;z-index:9002;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:12px 20px;background:#f5f2ec;color:#17120e;border-color:#f5f2ec}
.modal-lang.lang-switch[data-active="en"] [data-lang="en"],.modal-lang.lang-switch[data-active="fr"] [data-lang="fr"]{color:#a84600}
.manifesto-title{font:700 clamp(25px,3.6vw,46px)/1.2 Montserrat,sans-serif;letter-spacing:-.04em;margin:30px 0 10px}
.manifesto .manifesto-emphasis{color:#fff;font-weight:700}
@media(max-width:700px){.lang-switch{font-size:10px;padding:8px 9px;gap:4px}.topnav{gap:9px}.topnav a{font-size:9px}.modal-lang{font-size:12px;padding:12px 19px}}

/* v4: clearly marked active language */
.lang-switch{gap:3px;padding:4px;border-color:#a49b92;background:#141417;align-items:center;box-shadow:0 3px 18px #0006}
.lang-switch .lang-choice{opacity:.78;padding:8px 10px;border-radius:999px;transition:background .18s,color .18s,opacity .18s;font-weight:600}
.lang-switch .lang-divider{font-size:10px;opacity:.3;padding:0 1px}
.lang-switch[data-active="en"] [data-lang="en"],.lang-switch[data-active="fr"] [data-lang="fr"]{background:#f39845;color:#1b120c;opacity:1;font-weight:800}
.modal-lang{background:#151518;border:1px solid #77716a;color:#fff;padding:4px;box-shadow:0 6px 30px #0009}
.modal-lang.lang-switch[data-active="en"] [data-lang="en"],.modal-lang.lang-switch[data-active="fr"] [data-lang="fr"]{background:#f39845;color:#1b120c}
@media(max-width:700px){.lang-switch{padding:3px;font-size:10px}.lang-switch .lang-choice{padding:7px 6px}}