/* Bookchin theme — avant-garde ecological. White · black · silver · deep + natural greens. */

@font-face{font-family:'Mikodacs';src:url('../fonts/MikodacsPCS.otf') format('opentype');font-display:swap}
@font-face{font-family:'Nyght Serif';src:url('../fonts/NyghtSerif-RegularItalic.ttf') format('truetype');font-style:italic;font-weight:400 500;font-display:swap}
@font-face{font-family:'Jost';src:url('../fonts/Jost-Regular.ttf') format('truetype');font-weight:300 400;font-display:swap}
@font-face{font-family:'Jost';src:url('../fonts/Jost-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Jost';src:url('../fonts/Jost-SemiBold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:'Bell MT';src:url('../fonts/BellMT.ttf') format('truetype');font-display:block}
@font-face{font-family:'Bell MT';src:url('../fonts/BellMT-Italic.ttf') format('truetype');font-style:italic;font-display:block}
@font-face{font-family:'Bell MT';src:url('../fonts/BellMT-Bold.ttf') format('truetype');font-weight:600 700;font-display:block}

:root{ --paper-rgb:243,241,231; --line-rgb:20,24,18; --shade:#EBE8DE; --mute:#5C6355; --deep-t:#1D3728; --rust:#8A3B2A; --deep-wash:rgba(29,55,40,.05); --sage-wash:#D8E0CC;
  --paper:#F3F1E7; --card:#FBFAF4; --ink:#141812; --body-c:#28301F; --body-i:#3C4433;
  --deep:#1D3728; --deep-dark:#14281C; --moss:#5F7C50; --sage:#93A683; --sage-pale:#C9D2BE;
  --silver:#A9B2A4; --silver-d:#7C857A; --hair:rgba(var(--line-rgb),.16); --hair-strong:rgba(var(--line-rgb),.4);
  --cinema:#0F1712; --screen:#16211A;
  --serif:'Bell MT','EB Garamond',Georgia,serif; --sans:'Jost',Futura,'Avenir Next','Century Gothic',sans-serif; --display:'Mikodacs','Jost',Futura,'Avenir Next',sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-variant-emoji:text}
html,body{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}
a{color:var(--deep)} a:hover{color:var(--moss)}
::selection{background:var(--sage-wash);color:var(--ink)}
img{max-width:100%}
input,textarea,select,button{font-family:inherit}
textarea:focus,input:focus,select:focus{outline:2px solid var(--deep);outline-offset:-1px}

.wrap{max-width:1360px;margin:0 auto;padding-left:28px;padding-right:28px}
.wrap-mid{max-width:1140px;margin:0 auto;padding-left:28px;padding-right:28px}
.wrap-narrow{max-width:900px;margin:0 auto;padding-left:28px;padding-right:28px}
.page-pad{padding-top:clamp(56px,7vw,84px);padding-bottom:clamp(80px,9vw,120px)}
.page-pad-top{padding-top:clamp(56px,7vw,84px);padding-bottom:44px}
.page-pad-bottom{padding-bottom:clamp(72px,8vw,110px)}
.page-pad-post{padding-top:clamp(44px,6vw,68px);padding-bottom:clamp(80px,9vw,120px);max-width:840px}
.center{text-align:center}
.center .lede,.center .gh-content-plain{margin-left:auto;margin-right:auto}

.kicker{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--moss)}
.kicker-sage{color:var(--sage)}
.kicker-dim{color:var(--moss);font-weight:400}
.fkicker{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--moss);margin-bottom:14px}
.page-title{font-family:var(--display);font-weight:400;font-size:clamp(44px,7.5vw,96px);line-height:1;letter-spacing:.005em;text-transform:uppercase;margin:20px 0 18px}
.lede,.gh-content-plain p{font-family:var(--serif);font-size:18px;line-height:1.62;color:var(--body-c);max-width:58ch;margin:0 0 14px;text-wrap:pretty}
.lede{margin:0}
.gh-content-plain p:last-child{margin-bottom:0}
.meta{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}
.meta-sage{color:var(--sage)}
.chip{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:var(--deep);padding:5px 11px}
.chip-hist{background:var(--shade);color:var(--moss)}
.empty-note{font-family:var(--sans);font-size:13px;color:var(--silver-d);margin-top:26px}
.dm{width:7px;height:7px;background:var(--moss);transform:rotate(45deg);display:inline-block;flex:none}
.dm-deep{background:var(--deep)}
.rule-thick{height:4px;background:var(--ink)}
.rule-thin{height:1px;background:var(--hair-strong);margin-top:3px}
.aldus{font-family:var(--serif);font-size:20px;color:var(--moss)}
.hairline{flex:1;max-width:180px;height:1px;background:rgba(var(--line-rgb),.3)}
.orn-row{display:flex;align-items:center;gap:18px;justify-content:center;margin-bottom:30px}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;font-family:var(--sans);font-weight:500;font-size:12.5px;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--ink);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.btn-solid{background:var(--deep);border-color:var(--deep);color:var(--paper)}
.btn-solid:hover{background:#25422F;color:#F3F1E7}
.btn-outline{color:var(--ink)}
.btn-outline:hover{background:#1D3728;border-color:var(--deep-t);color:#F3F1E7}
.act{display:inline-block;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--ink);color:var(--ink);padding:9px 16px;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}
.act:hover{background:#1D3728;border-color:var(--deep-t);color:#F3F1E7}
.act-solid{border-color:var(--deep-t);color:var(--deep-t)}
.act-solid:hover{background:#1D3728;border-color:var(--deep-t);color:#F3F1E7}
.act-light{border-color:rgba(var(--paper-rgb),.55);color:var(--paper)}
.act-light:hover{background:#1D3728;border-color:#93A683;color:#F3F1E7}
.linklike{border:none;background:none;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--deep);padding:0;border-bottom:1px solid var(--sage)}
.linklike:hover{color:var(--moss)}

/* section photo backdrops */
.section-bg{position:absolute;inset:0;overflow:hidden}
.section-bg img{width:100%;height:100%;object-fit:cover;display:block}
.veil{position:absolute;inset:0;pointer-events:none}
.veil-cream{background:rgba(var(--paper-rgb),.9)}
.veil-dark{background:rgba(18,34,24,.87)}

/* ---------- nav ---------- */
.site-nav{position:sticky;top:0;z-index:60;background:rgba(var(--paper-rgb),.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair-strong);transform:translateZ(0);will-change:transform}
.nav-inner{max-width:1360px;margin:0 auto;padding:0 28px;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px}
.brand-name{font-family:var(--display);font-size:clamp(16px,3.4vw,21px);letter-spacing:.03em;text-transform:uppercase;color:var(--deep);white-space:nowrap}
.brand-dates{font-family:var(--sans);font-size:clamp(9px,1.7vw,10.5px);letter-spacing:.22em;color:var(--silver-d);white-space:nowrap}
.nav{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}
.nav a,.nav-drop-btn{display:block;text-decoration:none;font-family:var(--sans);font-weight:500;font-size:12.5px;line-height:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:9px 13px;border:0;background:transparent;cursor:pointer;position:relative}
.nav a:hover,.nav-drop-btn:hover{color:var(--moss)}

.dcaret{display:inline-block;width:7px;height:7px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(45deg);margin-left:5px;vertical-align:2px}
.nav-drop{position:relative}
.drop-panel{position:absolute;top:100%;left:0;margin-top:8px;transform:translateZ(0);display:none;z-index:70;background:var(--card);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--deep);min-width:190px;flex-direction:column}
.nav-drop.open .drop-panel{display:flex}
.drop-panel a{padding:13px 18px;border-bottom:1px solid var(--hair)}
.drop-panel a:last-child{border-bottom:0}
.drop-panel a:hover{background:var(--shade);color:var(--ink)}
.burger{display:none;border:1.5px solid var(--ink);background:transparent;cursor:pointer;padding:10px 12px;min-width:44px;min-height:44px;flex-direction:column;gap:4px;justify-content:center;align-items:center}
.burger span{display:block;width:20px;height:2px;background:var(--ink)}
.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);box-shadow:0 24px 40px rgba(var(--line-rgb),.18);max-height:calc(100vh - 68px);overflow:auto}
.mobile-menu a,.works-acc{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;text-decoration:none;font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding:16px 28px;border:0;border-top:1px solid var(--hair);background:transparent;cursor:pointer}
.mobile-menu a.is-current::after{content:"";width:8px;height:8px;background:var(--deep);transform:rotate(45deg)}
.acc-glyph{font-size:16px;color:var(--moss)}
.works-sub{background:var(--shade);border-top:1px solid var(--hair);padding-bottom:10px}
.works-sub a{font-weight:400;font-size:13.5px;padding:13px 28px 13px 44px;border-left:3px solid var(--deep);margin-left:28px;border-top:0}

/* ---------- home hero ---------- */
.hero{position:relative;background:var(--paper)}
.hero-grid{display:block}
@media (min-width:1081px){.hero-grid{padding-right:0}}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:clamp(520px,72vh,760px);padding:clamp(40px,6vw,64px) calc(50% + 155px) clamp(44px,6vw,72px) 0}
.hero-title{font-family:var(--display);font-weight:400;font-size:clamp(50px,8.6vw,108px);line-height:.92;letter-spacing:.005em;text-transform:uppercase;margin:22px 0 0}
.hero-title span{display:block;white-space:nowrap}
.ht-1{color:var(--deep)}
.ht-2{color:var(--deep)}
.hero-lockup{width:max-content;max-width:100%}
.hero-rules{margin:24px 0 26px}
.hero-rules .hr-thick{height:4px;background:var(--ink)}
.hero-rules .hr-thin{height:1px;background:rgba(var(--line-rgb),.4);margin-top:3px}
.hero-copy .lede{font-size:clamp(17.5px,1.9vw,20.5px);max-width:44ch}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-footnote{margin-top:40px;display:flex;align-items:center;gap:14px;font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--silver-d)}
.hero-footnote .dm{width:9px;height:9px}
.hero-media{position:absolute;top:0;right:0;bottom:0;left:calc(50% - 115px);z-index:1;overflow:hidden}

.hero-media .plate-bar{left:auto;right:0;z-index:3}
.header-band .plate-bar{left:auto;right:0;z-index:1}
.hero-copy .btn-outline{background:var(--paper)}
.hero-copy .btn-outline:hover{background:#1D3728;border-color:var(--deep-t);color:#F3F1E7}
.hero-media .gal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenburns 20s ease-in-out infinite alternate}

.hero-media .gal:nth-of-type(2){animation:galfade2 24s infinite both,kenburns 24s ease-in-out infinite alternate;animation-delay:0s,0s}
.hero-media .gal:nth-of-type(3){animation:galfade3 24s infinite both,kenburns 24s ease-in-out infinite alternate;animation-delay:0s,0s}
.media-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--shade)}
.media-ph span{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--silver-d);max-width:46ch;line-height:1.7}
.plate-bar{position:absolute;left:0;bottom:0;z-index:3;background:var(--ink);color:var(--silver);font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;pointer-events:none}

/* ---------- band ---------- */
.band{position:relative;background:var(--deep);color:var(--paper)}
.band-inner{position:relative;padding-top:clamp(56px,7vw,92px);padding-bottom:clamp(56px,7vw,92px)}
.band-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px}
.threads{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(28px,4vw,56px);margin-top:46px}
.thread{border-top:1px solid rgba(var(--paper-rgb),.28);padding-top:22px}
.thread-num{font-family:var(--display);font-size:56px;line-height:1;color:var(--sage)}
.thread h3{font-family:var(--serif);font-weight:600;font-size:26px;margin:16px 0 12px;color:var(--paper)}
.thread p{font-size:16.5px;line-height:1.6;color:var(--sage-pale);margin:0;text-wrap:pretty}

/* ---------- pull quote + figs ---------- */
.pull-quote{max-width:960px;margin:0 auto;padding:clamp(72px,9vw,120px) 28px;text-align:center}
.pull-quote.compact{padding:clamp(44px,6vw,64px) 28px}
.pull-quote blockquote{font-family:'Nyght Serif',var(--serif);font-style:italic;font-weight:500;font-size:clamp(27px,3.6vw,44px);line-height:1.3;margin:0;text-wrap:pretty}
.pull-quote.compact blockquote{font-size:clamp(22px,2.6vw,30px);line-height:1.4}
.quote-attr{margin-top:28px;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--moss)}
.pull-quote.compact .quote-attr{margin-top:22px;font-size:11px}
.fig{margin:56px auto 0;width:min(200px,60vw)}
.fig-frame{border:1px solid var(--silver);background:var(--card);padding:8px}
.fig-frame img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain}
.fig-ph{aspect-ratio:3/4;background:repeating-linear-gradient(45deg,#EFECDD 0 10px,#F6F4EA 10px 20px);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px}
.fig-ph span{font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-d);line-height:1.7}
.fig figcaption{margin-top:9px;font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--silver-d);text-align:center}

/* ---------- home sections ---------- */
.home-section{padding-bottom:clamp(72px,8vw,110px)}
.row-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:4px solid var(--ink);padding-bottom:12px}
.row-link{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.rh{margin-bottom:34px}
.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:28px}
.featured-card{display:flex;gap:24px;background:var(--card);border:1px solid var(--hair-strong);padding:24px;text-decoration:none;color:inherit;cursor:pointer;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.featured-card:hover{transform:translateY(-5px) translateZ(0);box-shadow:10px 12px 0 rgba(29,55,40,.16);border-color:#1D3728}
.featured-cover{flex:none;width:clamp(150px,17vw,210px);align-self:center;display:flex;background:var(--paper);border:1px solid var(--silver);padding:6px;transform:translateZ(0);box-shadow:5px 5px 0 rgba(var(--line-rgb),.14)}
.featured-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;align-self:center;transform:translateZ(0)}
.featured-body{align-self:center;min-width:0}
.featured-body h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.08;text-transform:uppercase;margin:10px 0}
.featured-body p{font-size:15.5px;line-height:1.55;color:var(--body-c);margin:0;text-wrap:pretty}
.cover-ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/3;background:repeating-linear-gradient(45deg,#EFECDD 0 10px,#F6F4EA 10px 20px);padding:14px;text-align:center}
.cover-ph span{font-family:var(--sans);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;color:var(--silver-d)}
.reissue{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--sans);font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}
.reissue .dm{width:5px;height:5px;background:var(--deep)}
.reissue .dm{width:6px;height:6px;background:var(--sage)}
.reissue{font-family:var(--sans);font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--silver-d)}
.teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:0 44px}
.teaser{display:block;text-decoration:none;border-bottom:1px solid rgba(var(--line-rgb),.2);padding:24px 20px;margin:0 -20px;border-radius:3px;transition:background .22s ease}
.teaser:hover{background:var(--deep-wash)}
.teaser h3{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.2;margin:10px 0 8px;color:var(--ink)}
.teaser p{font-size:15.5px;line-height:1.55;color:var(--body-c);margin:0;text-wrap:pretty}

/* ---------- page headers with image ---------- */
.header-overlap{position:relative;margin-top:20px}
.header-band{position:relative;aspect-ratio:21/8;min-height:200px;background:var(--shade);overflow:hidden}
.header-band img,.header-band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.header-band .media-ph{position:absolute}
.band-dark{background:var(--screen)}
.ph-dark{background:var(--screen)}
.ph-dark span{color:var(--sage)}
.overlap-title{margin:-0.42em 0 0 clamp(2px,2.5vw,34px);position:relative;z-index:2}
.overlap-title.cream{color:var(--paper)}
.header-lede{margin-top:18px}
.rh-top{margin-top:34px}
.rh-books{margin-bottom:44px}
.header-split{display:flex;flex-wrap:wrap;gap:32px 44px;align-items:flex-start;margin-bottom:30px}
.header-split .gh-content-plain{flex:1 1 380px;margin-top:6px}
.plate{margin:0;background:var(--card);border:1px solid var(--ink);padding:7px}
.plate-offset{flex:0 1 380px;box-shadow:10px 10px 0 var(--deep)}
.plate-img{position:relative;background:var(--shade);overflow:hidden}
.plate-img img{display:block;width:100%;height:100%;object-fit:cover}
.plate-img.landscape{aspect-ratio:3/2}
.plate-img.wide{aspect-ratio:21/9;min-height:220px}
.plate-img .media-ph{position:absolute}
.plate-cap{display:flex;justify-content:space-between;gap:12px;padding:9px 2px 1px;font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--silver-d)}
.cap-mid{color:var(--ink)}

/* ---------- books ---------- */
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(218px,100%),1fr));gap:44px 28px}
.book-cover{background:var(--card);border:1px solid var(--silver);padding:8px;box-shadow:6px 6px 0 rgba(var(--line-rgb),.12)}
.book-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.book-meta{margin-top:16px}
.book h3{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.2;margin:8px 0}
.book p{font-size:14.5px;line-height:1.55;color:var(--body-c);margin:0 0 14px;text-wrap:pretty}

/* ---------- articles ---------- */
.article-list{margin-top:6px}
.decade-head{display:flex;align-items:baseline;gap:20px;margin:52px 0 6px}
.decade-head h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.5vw,52px);line-height:1;color:var(--deep);margin:0;text-transform:uppercase}
.decade-head .dec-s{font-size:.55em}
.decade-head .rule{flex:1;height:4px;background:var(--ink);align-self:center}
.article-row{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--hair)}
.article-year{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--moss)}
.article-title{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.25;color:var(--ink)}
.article-venue{font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver-d);margin-top:5px}

/* ---------- lectures (cinema) ---------- */
.cinema{background:var(--cinema);color:var(--paper)}
.page-pad-cinema{padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(88px,10vw,130px)}
.cinema-lede p{color:var(--sage-pale)}
.cinema .header-band{aspect-ratio:21/9;min-height:230px}
.section-head{display:flex;align-items:center;gap:20px;margin:52px 0 30px}
.section-head h2{font-family:var(--display);font-weight:400;font-size:34px;margin:0;text-transform:uppercase}
.section-head .rule{flex:1;height:4px;background:rgba(var(--paper-rgb),.45)}
.section-head .rule-dark{background:var(--ink)}
.lecture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:36px}
.lecture-still{position:relative;background:var(--ink);padding:9px;border:1px solid rgba(var(--paper-rgb),.25)}
.lecture-still img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--shade)}
.still-ph{width:100%;aspect-ratio:16/9;background:var(--shade)}
.play-badge{position:absolute;left:21px;bottom:21px;width:44px;height:44px;background:var(--paper);border:1px solid var(--ink);display:flex;align-items:center;justify-content:center}
.play-tri{width:0;height:0;border-left:13px solid var(--deep);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.play-tri.sm{border-left-width:9px;border-top-width:6px;border-bottom-width:6px;margin-left:2px}
.lecture-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;margin-top:16px}
.lecture-row h3{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.2;margin:8px 0 0;color:var(--paper)}
.audio-row{display:grid;grid-template-columns:44px 90px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(var(--paper-rgb),.18)}
.audio-icon{width:38px;height:38px;border:1.5px solid rgba(var(--paper-rgb),.55);display:flex;align-items:center;justify-content:center}
.audio-icon .play-tri{border-left-color:var(--sage)}
.audio-main .article-title.cream,.article-title.cream{color:var(--paper)}
.audio-row .article-venue{color:var(--silver)}
.cinema-note{font-family:var(--sans);font-weight:400;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-top:22px}

/* ---------- press ---------- */
.press-lede{margin-bottom:44px}
.press-split{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.press-main{flex:1 1 560px;min-width:0}
.press-main .section-head{margin:0 0 8px}
.clip-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:22px 20px;margin:0 -20px;border-radius:3px;border-bottom:1px solid var(--hair);text-decoration:none;transition:background .22s ease}
.clip-row:hover{background:var(--deep-wash)}
.clip-title{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.25;color:var(--ink);margin-bottom:6px}
.clip-meta{font-family:var(--sans);font-weight:400;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-d)}
.clip-read{flex:none;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--deep)}
.press-aside{flex:1 1 280px;max-width:400px;display:flex;flex-direction:column;gap:24px}
.aside-card{background:var(--card);border:1px solid var(--hair-strong);padding:26px}
.aside-head{font-family:var(--display);font-size:26px;color:var(--deep);text-transform:uppercase}
.aside-card p{font-size:15.5px;line-height:1.6;color:var(--body-c);margin:12px 0 18px;text-wrap:pretty}

/* ---------- legacy ---------- */
.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:24px}
.impact-card{background:var(--card);border:1px solid var(--hair-strong);padding:28px}
.card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.card-meta.spread{justify-content:space-between}
.impact-card h3{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.2;margin:18px 0 10px}
.impact-desc p{font-size:15.5px;line-height:1.6;color:var(--body-c);margin:0 0 10px;text-wrap:pretty}
.impact-desc p:last-child{margin-bottom:0}
.impact-card .act{margin-top:18px}
.cta-block{margin-top:clamp(56px,7vw,80px)}
.cta-block .fig{margin-bottom:36px;margin-top:0}
.cta-line{font-size:19px;line-height:1.6;color:var(--body-c);margin:0 0 26px}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:clamp(36px,5vw,72px);align-items:start}
.contact-intro p{font-size:18px;line-height:1.6;color:var(--body-c);margin:0 0 14px;max-width:52ch}
.contact-intro ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}
.contact-intro li{display:flex;align-items:center;gap:12px;font-size:16.5px;color:var(--body-c)}
.contact-intro li::before{content:"";width:7px;height:7px;background:var(--deep);transform:rotate(45deg);flex:none}
.email-block{margin-top:36px}
.email-kicker{margin-top:18px;margin-bottom:8px}
.email-link{font-family:var(--serif);font-size:21px;text-decoration:none;border-bottom:1px solid var(--sage)}
.contact-card{background:var(--card);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--deep);padding:clamp(24px,3.5vw,36px)}
.form-stack{display:flex;flex-direction:column;gap:18px}
.field label{display:block;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;border:1px solid rgba(var(--line-rgb),.45);background:var(--paper);padding:12px 14px;font-family:var(--serif);font-size:16px;color:var(--ink);border-radius:0}
.field textarea{resize:vertical}
.gotcha{position:absolute;left:-9999px;height:0;width:0;border:0;padding:0}
.form-error{font-family:var(--sans);font-weight:500;font-size:12.5px;color:var(--rust);min-height:16px}
.form-stack .btn{align-self:flex-start}
.form-success{text-align:center;padding:36px 10px}
.success-mark{font-size:34px;color:var(--deep)}
.success-head{font-family:var(--display);font-weight:400;font-size:34px;margin:14px 0 10px;text-transform:uppercase}
.form-success p{font-size:17px;line-height:1.6;color:var(--body-c);margin:0 0 22px}

/* ---------- news list + posts ---------- */
.post-list{display:flex;flex-direction:column;gap:26px;margin-top:48px}
.post-card{display:block;text-decoration:none;background:var(--card);border:1px solid var(--hair-strong);padding:clamp(22px,3.5vw,34px)}
.post-card:hover{border-color:var(--deep);background:var(--card)}
.post-card h2{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3vw,30px);line-height:1.2;margin:16px 0 10px;color:var(--ink)}
.post-card p{font-size:16.5px;line-height:1.6;color:var(--body-c);margin:0 0 20px;text-wrap:pretty}
.post-card .meta{font-weight:400;font-size:12px;letter-spacing:.14em;color:var(--silver-d)}
.readnote{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--deep);display:inline-flex;align-items:center;gap:8px}
.readnote .dm{background:var(--sage)}
.backlink{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--moss)}
.backlink:hover{color:var(--deep)}
.post-kicker{margin-top:30px}
.post-meta-row{margin-top:30px}
.post-title{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.6vw,46px);line-height:1.12;letter-spacing:-.01em;margin:16px 0 12px;text-wrap:pretty}
.byline{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline;margin-bottom:20px}
.byline-name{font-family:var(--sans);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.byline-meta{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-d)}
.standfirst{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.6;color:var(--body-i);margin:0 0 22px;text-wrap:pretty}
.rule-post{margin-bottom:36px}
.prose p{font-family:var(--serif);font-size:18.5px;line-height:1.72;color:var(--body-c);margin:0 0 24px;text-wrap:pretty}
.essay .prose > p:first-of-type::first-letter{float:left;font-family:var(--display);font-size:58px;line-height:.82;color:var(--deep);padding:7px 12px 0 0}
.gh-content .src-note{font-family:var(--serif);font-size:15.5px;line-height:1.65;color:var(--body-i);text-wrap:pretty}
.gh-content div.src-note{margin:0 0 46px;padding-bottom:30px;border-bottom:1px solid var(--hair)}
.gh-content p.src-note{margin:46px 0 30px;padding-top:26px;border-top:1px solid var(--hair)}
.prose h2,.prose h3{display:flex;align-items:center;gap:11px;font-family:var(--sans);font-weight:600;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--deep);margin:42px 0 18px}
.prose h2::before,.prose h3::before{content:"";width:8px;height:8px;background:var(--deep);transform:rotate(45deg);flex:none}
.prose blockquote{margin:36px 0;padding:6px 0 6px 24px;border-left:3px solid var(--deep);font-style:italic;font-size:23px;line-height:1.45;color:var(--deep);text-wrap:pretty}
.prose blockquote p{font-size:inherit;color:inherit;margin:0}
.prose figure,.prose .kg-card{margin:38px 0}
.prose figure img{display:block;width:100%;border:1px solid var(--silver);background:var(--card);padding:9px}
.prose figcaption{padding:10px 2px 1px;font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--silver-d)}
.prose hr{border:0;margin:40px 0;text-align:center}
.prose hr::after{content:"❦";font-family:var(--serif);font-size:20px;color:var(--moss)}
.post-end{text-align:center;margin:38px 0}
.post-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(var(--line-rgb),.3);padding-top:22px}
.pagination{display:flex;justify-content:space-between;margin-top:44px;font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.pagination a{text-decoration:none}

/* ---------- about timeline ---------- */
.about-banner{margin-top:0}
.timeline{display:flex;flex-wrap:wrap;gap:0 56px;align-items:flex-start;padding-top:clamp(40px,6vw,72px)}
.timeline-rail{flex:0 0 280px;position:sticky;top:110px;padding-bottom:56px;background:var(--paper);z-index:2}
.rail-rules{margin-bottom:22px}
.era-display{position:relative;min-height:190px}
.era-slide{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.era-slide.on{opacity:1;transform:none}
.era-slide .slide-range{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--moss)}
.era-slide .slide-big{font-family:var(--display);font-size:108px;line-height:.95;color:var(--deep);margin:10px 0 6px}
.era-slide .slide-title{font-family:var(--serif);font-style:italic;font-size:23px;color:var(--ink)}
.era-dots{display:flex;gap:11px;margin-top:24px;flex-wrap:wrap}
.era-dots button{width:13px;height:13px;padding:0;border:1.5px solid var(--ink);background:transparent;transform:rotate(45deg);cursor:pointer}
.era-dots button:hover{background:var(--sage)}
.era-dots button.on{background:var(--deep)}
.rail-hint{margin-top:26px;font-family:var(--sans);font-weight:400;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--silver)}
.timeline-eras{flex:1 1 460px;min-width:0;padding-top:8px}
.era{padding:26px 0 58px;border-bottom:1px solid var(--hair)}
.era-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);padding:7px 14px;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.era h2{font-family:var(--serif);font-weight:600;font-size:clamp(26px,3vw,34px);line-height:1.15;margin:18px 0 12px}
.era-lede{font-family:var(--serif);font-style:italic;font-size:17.5px;line-height:1.6;color:var(--body-i);margin:0 0 28px;max-width:62ch;text-wrap:pretty}
.era-events{display:flex;flex-direction:column;gap:20px}
.era-event{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:baseline}
.era-year{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:500;font-size:12.5px;letter-spacing:.1em;color:var(--deep)}
.era-text{font-family:var(--serif);font-size:16.5px;line-height:1.6;color:var(--body-c);text-wrap:pretty}
.era-quote{margin:32px 0 0;padding:4px 0 4px 22px;border-left:3px solid var(--deep);font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.5;color:var(--deep);max-width:56ch;text-wrap:pretty}
.era-body p{font-family:var(--serif);font-size:16px;line-height:1.6;color:var(--body-c);margin:0 0 14px;text-wrap:pretty;position:relative;padding-left:24px}
.era-body p::before{content:"";position:absolute;left:2px;top:.52em;width:7px;height:7px;background:var(--moss);transform:rotate(45deg)}
.era-body p strong{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--moss)}
.era-body > p:first-of-type{padding-left:0;font-size:17.5px;color:var(--body-i);margin:0 0 26px;max-width:62ch}
.era-body > p:first-of-type::before{display:none}
.era-body > p:first-of-type em{font-style:normal}
.era-body figure p{padding-left:0}
.era-body figure p::before{display:none}
.era-body p.era-lede{font-style:normal;font-size:17.5px;line-height:1.6;color:var(--body-i);margin:0 0 28px;max-width:62ch}
.era-body .era-quote{margin:32px 0 0}
.era-body .era-quote p{font-size:inherit;color:inherit;margin:0}
.about-outro{padding-top:clamp(64px,8vw,96px);padding-bottom:clamp(64px,8vw,96px)}
.about-outro .fig{margin:0 auto 40px;width:min(420px,80vw)}
.about-outro .lede{margin-bottom:30px}

/* ---------- footer ---------- */
.site-footer{position:relative;background:var(--ink);color:var(--silver)}
.footer-wrap{position:relative;padding-top:clamp(48px,6vw,72px);padding-bottom:34px}
.footer-giant{display:block;text-decoration:none;font-family:var(--display);font-size:clamp(38px,7.6vw,118px);line-height:.95;color:#24382A;user-select:none;text-transform:uppercase;transition:color .3s ease}
.footer-giant:hover{color:#3A5540}
.footer-hair{height:1px;background:rgba(169,178,164,.25);margin:30px 0 40px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:40px}
.fcol-about{max-width:34ch}
.fcol-about p{font-family:var(--serif);font-size:15.5px;line-height:1.6;margin:0;color:var(--silver);text-wrap:pretty}
/* Ghost {{navigation}} emits ul.nav — fully reset the top-menu styles inside the footer */
.site-footer .nav{list-style:none;margin:0;padding:0;display:block}
.site-footer .nav li{margin:0;padding:0;border:none;background:none}
.site-footer .nav a{display:inline;padding:0;border:none;position:static;font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-pale);text-decoration:none}
.site-footer .nav a::after{content:none}
.site-footer .nav a:hover{color:var(--paper)}
.fcol-site .nav{display:grid;grid-template-columns:1fr 1fr;justify-items:start;gap:9px 20px;max-width:280px}
.fcol-site .nav li.nav-home{display:none}
.fcol-also .nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.fcol-also .nav a::after{content:" ↗\FE0E"}
.f-donate{display:inline-block;font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:#F3F1E7;border:1.5px solid rgba(var(--paper-rgb),.4);padding:10px 22px;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.f-donate:hover{background:#1D3728;border-color:#1D3728;color:#F3F1E7}
.f-news{margin-top:22px}
.f-news .fkicker{margin-bottom:10px}
.nl-form{display:flex;gap:8px;max-width:240px}
.nl-form input{flex:1;min-width:0;padding:9px 11px;border:1px solid rgba(var(--paper-rgb),.35);background:transparent;font-family:var(--sans);font-size:11.5px;letter-spacing:.02em;color:#F3F1E7}
.nl-form input::placeholder{color:var(--silver-d)}
.nl-form button{flex:none;padding:9px 13px;border:1px solid rgba(var(--paper-rgb),.35);background:transparent;color:#F3F1E7;font-family:var(--sans);font-size:13px;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.nl-form button:hover{background:#1D3728;border-color:#1D3728}
.nl-msg{display:none;font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--sage);margin-top:8px}
.nl-form.success~.nl-ok{display:block}
.nl-form.error~.nl-err{display:block}
.nl-link{font-family:var(--sans);font-weight:400;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-pale);text-decoration:none;border-bottom:1px solid rgba(var(--paper-rgb),.3)}
.nl-link:hover{color:var(--paper)}
.footer-base{position:relative;border-top:1px solid rgba(169,178,164,.25);margin-top:44px;padding-top:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 18px;align-items:end}
.fbase-quote{grid-column:1;grid-row:1}
.fbase-credit{grid-column:2;grid-row:1;justify-self:end}
.fbase-copy{grid-column:1/-1;grid-row:2}
.fbase-copy{font-family:var(--sans);font-weight:400;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver-d)}
.fbase-quote{font-family:var(--serif);font-style:italic;font-size:14.5px;color:var(--sage)}
.fbase-credit{display:inline-flex;align-items:center;gap:10px;text-decoration:none;opacity:.85;transition:opacity .25s ease}
.fbase-credit:hover{opacity:1}
.fbase-credit:hover img{filter:brightness(0) invert(1)}
.fbase-credit:hover span{color:#FFFFFF}
.fbase-credit img{width:26px;height:26px;object-fit:contain;display:block;filter:brightness(0) invert(54%) sepia(10%) saturate(300%) hue-rotate(70deg);transition:filter .25s ease}
.fbase-credit span{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-d);transition:color .25s ease}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .nav-desktop{display:none}
  .burger{display:flex}
  .hero-grid{display:flex;flex-direction:column;padding-top:clamp(22px,6vw,36px);padding-bottom:clamp(34px,8vw,52px)}
  .hero-copy{display:contents}
  .hero-copy > .kicker{order:1;font-size:11px;letter-spacing:.24em;margin-bottom:14px}
  .hero-media{order:2;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:clamp(300px,74vw,440px);min-height:0;background:var(--shade)}
  .hero-media::after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--paper-rgb),0) 52%,rgba(var(--paper-rgb),.94) 100%);pointer-events:none;z-index:2}
  .hero-media .plate-bar{display:none}
  .hero-lockup{order:3;position:relative;z-index:3;margin-top:-0.5em;font-size:clamp(46px,13.5vw,84px)}
  .hero-title{font-size:1em;line-height:.9;margin:0;color:var(--ink)}
  .hero-rules{margin:18px 0 0}
  .hero-copy > .lede{order:4;font-size:clamp(17px,4.4vw,19px);margin:22px 0 0}
  .hero-copy > .btn-row{order:5;margin-top:28px;gap:12px}
  .hero-grid .btn{padding:14px 24px;font-size:12px}
  .hero-footnote{order:6;margin-top:32px;font-size:11px;letter-spacing:.2em}
  .timeline-rail{flex:1 1 100%;position:sticky;top:62px;padding:12px 8px;border:2px solid transparent;border-bottom-color:var(--ink);z-index:40;display:flex;align-items:center;gap:16px;transition:border-color .45s ease,box-shadow .45s ease}
  .timeline-rail.stuck{border-color:var(--deep);box-shadow:0 8px 20px rgba(29,55,40,.14)}
  .rail-rules,.rail-hint{display:none}
  .era-display{min-height:0;flex:1;height:52px}
  .era-slide{display:flex;align-items:center;gap:14px}
  .era-slide .slide-big{font-size:38px;margin:0}
  .era-slide .slide-range{font-size:9.5px}
  .era-slide .slide-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .slide-txt{min-width:0}
  .era-dots{margin-top:0;gap:8px;max-width:130px;justify-content:flex-end}
  .era-dots button{width:10px;height:10px;border-width:1px}
  .article-row{grid-template-columns:52px 1fr;grid-auto-rows:auto}
  .article-act{grid-column:2;margin-top:8px}
}
@media (min-width:1081px){
  .mobile-menu{display:none !important}
}

/* jump to top */
.jump-top{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:80;width:46px;height:46px;border:1.5px solid #1D3728;background:#1D3728;color:#F3F1E7;font-family:var(--sans);font-size:19px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(var(--line-rgb),.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease,background .18s ease}
.jump-top:hover{background:#14281C}
.jump-top.show{opacity:1;visibility:visible;pointer-events:auto}
/* linked org names on Donate */
a.donate-org-name{text-decoration:none;border-bottom:1px solid rgba(58,68,58,.35);transition:color .18s ease,border-color .18s ease}
a.donate-org-name:hover{color:var(--deep-t);border-color:var(--deep-t)}

.about-epigraph{margin:30px auto 0;max-width:56ch;border:0;padding:0}
.about-epigraph p{font-family:'EB Garamond',serif;font-style:italic;font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:var(--deep-t);margin:0}
.about-epigraph footer{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--moss);margin-top:12px}
.donate-involved{border:1.5px solid #141812;background:var(--card);padding:clamp(24px,3.2vw,36px);margin-top:34px}
.donate-involved p{font-family:'EB Garamond',serif;font-size:clamp(16.5px,1.8vw,19px);line-height:1.6;color:var(--body-c);margin:12px 0 20px;max-width:58ch}

/* foundation block (About) */
.foundation-block{margin-top:clamp(48px,6vw,72px);padding-bottom:clamp(72px,8vw,100px)}
.foundation-block .fb-title{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.6vw,44px);margin:14px 0 16px;color:var(--ink)}
.foundation-block p{font-family:'EB Garamond',serif;font-size:clamp(17px,1.9vw,20px);line-height:1.62;color:var(--body-c);margin:0 0 14px;max-width:62ch}
/* reading shelf (Books) */
.reading-shelf{margin-top:clamp(52px,6vw,80px)}
.reading-shelf .lede-sm{font-family:'EB Garamond',serif;font-size:17px;line-height:1.6;color:var(--body-i);margin:14px 0 8px;max-width:60ch}
.reading-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding:15px 0;border-bottom:1px solid rgba(var(--line-rgb),.22)}
.reading-title{font-family:'EB Garamond',serif;font-weight:600;font-style:italic;font-size:clamp(16.5px,1.8vw,19px);color:var(--ink)}
.reading-meta{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
/* involved projects (Donate) */
.involved-projects{margin-top:24px;padding-top:18px;border-top:1px solid rgba(var(--line-rgb),.22)}
.involved-projects .kicker-dim{color:var(--silver-d);margin-bottom:10px}
.involved-projects a{display:inline-block;margin:0 26px 10px 0;font-family:var(--sans);font-weight:500;font-size:12.5px;letter-spacing:.1em;color:var(--deep-t);text-decoration:none;border-bottom:1px solid rgba(29,55,40,.4);transition:color .18s ease}
.involved-projects a:hover{color:var(--moss)}

/* photo gallery */
.gallery-flow{padding-bottom:clamp(72px,9vw,110px)}
.gallery-flow figure.kg-card, .gallery-flow .kg-image-card{margin:0 0 clamp(30px,4vw,56px)}
.gallery-flow .kg-image-card:nth-of-type(4n+2){max-width:62%;margin-right:auto}
.gallery-flow .kg-image-card:nth-of-type(4n+3){max-width:62%;margin-left:auto}
.gallery-flow .kg-image-card:nth-of-type(4n){max-width:78%;margin-left:auto;margin-right:auto}
.gallery-flow .kg-image-card img{width:100%;border:1px solid rgba(var(--line-rgb),.25);cursor:zoom-in}
.gallery-flow figcaption{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-d);text-align:center;padding-top:10px}
@media (max-width:720px){.gallery-flow .kg-image-card{max-width:100% !important}}
/* auto-mat for low-res images */
.gallery-flow .om-matted{position:relative;overflow:hidden;aspect-ratio:3/2;border:1px solid rgba(var(--line-rgb),.25)}
.gallery-flow .om-matted .om-mat-bg{position:absolute;inset:-6%;background-size:cover;background-position:center;filter:blur(26px) saturate(.8) brightness(.9)}
.gallery-flow .om-matted .om-mat-dim{position:absolute;inset:0;background:rgba(var(--line-rgb),.2)}
.gallery-flow .om-matted img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-height:80%;border:5px solid #FBFAF4;box-shadow:0 16px 40px rgba(12,18,13,.45)}
/* gallery lightbox */
.om-lightbox{position:fixed;inset:0;z-index:120;background:rgba(12,18,13,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px)}
.om-lightbox img{max-width:92vw;max-height:80vh;border:6px solid #FBFAF4;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.om-lightbox .om-lb-cap{margin-top:18px;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#93A683;text-align:center;padding:0 60px}
.om-lightbox button{position:absolute;width:44px;height:44px;border:1.5px solid #F3F1E7;background:transparent;color:#F3F1E7;font-family:var(--sans);font-size:17px;cursor:pointer;transition:background .18s ease,color .18s ease}
.om-lightbox button:hover{background:var(--paper);color:var(--deep-t)}
.om-lightbox .om-lb-x{top:22px;right:22px}
.om-lightbox .om-lb-p{left:16px;top:50%;transform:translateY(-50%)}
.om-lightbox .om-lb-n{right:16px;top:50%;transform:translateY(-50%)}

/* gallery page on deep green */
.page-template-custom-gallery,.gallery-page{background:#1D3728}
.page-template-custom-gallery .kicker,.gallery-page .kicker{color:#93A683}
.page-template-custom-gallery .page-title,.gallery-page .page-title{color:#F3F1E7}
.page-template-custom-gallery .lede,.gallery-page .lede{color:#EAEFE3}
.page-template-custom-gallery .gallery-flow figcaption,.gallery-page .gallery-flow figcaption{color:#93A683}

/* era photos + captions (add an image card with caption inside an #era post) */
.era-body figure{margin:16px 0 22px}
.era-body figure img{width:100%;border:1px solid rgba(var(--line-rgb),.2)}
.era-body figcaption{display:flex;align-items:baseline;gap:14px;padding:9px 2px 0;font-family:'EB Garamond',serif;font-style:italic;font-size:14px;line-height:1.45;color:var(--mute);text-align:left}
.era-body figcaption::after{content:"";flex:1 1 24px;min-width:24px;border-bottom:1px solid rgba(var(--line-rgb),.14);align-self:center}

/* influence tree */
.influence-tree{max-width:1100px;margin:0 auto;padding-bottom:clamp(72px,9vw,110px)}
.influence-page.hide-roots .inf-roots-built{display:none}
.influence-page.hide-branches .inf-branches-built{display:none}
.inf-node{margin:0;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:9px;padding:6px;min-width:112px;cursor:pointer;transition:opacity .18s ease}
.inf-node:hover{opacity:.82}
.inf-node figcaption{display:flex;flex-direction:column;align-items:center;text-align:center}
.inf-name{margin:0 auto}
.inf-portrait{width:96px;height:96px;border-radius:50%;background:var(--card);border:1px solid rgba(var(--line-rgb),.45);padding:5px;box-sizing:border-box}
.inf-node-lg .inf-portrait{width:148px;height:148px}
.inf-portrait img,.inf-portrait .inf-ph{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--shade)}
.inf-name{display:block;font-family:'EB Garamond',serif;font-weight:600;font-size:16.5px;line-height:1.15;color:var(--ink);text-align:center;max-width:120px}
.inf-node-lg .inf-name{font-size:21px}
.inf-meta{display:block;font-family:var(--sans);font-weight:500;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-d);text-align:center;margin-top:3px}
.inf-cols{display:flex;justify-content:center;align-items:stretch;gap:clamp(40px,6vw,110px);flex-wrap:wrap}
.inf-col{display:flex;flex-direction:column;align-items:center;width:124px}
.inf-stem{position:relative;width:14px;height:30px;margin:0 auto;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7.9%200C6.4%209%208.9%2024%207.5%2040L6.2%2040C7.5%2025%205.1%2010%206.3%200Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M9.4%203C8.2%2012%2010%2024%209%2037%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.35%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat}
.inf-stem-leaf::after{content:"";position:absolute;left:7px;top:7px;width:16px;height:16px;transform:rotate(-52deg);background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%207C66%2021%2076%2042%2071%2062C67%2077%2059%2087%2050%2093C43%2083%2031%2073%2028%2054C25%2036%2037%2020%2050%207Z%22%20fill%3D%22%234C6A44%22%2F%3E%3Cpath%20d%3D%22M50%2013C51.5%2035%2051%2062%2050%2087%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M50.5%2033C58%2039%2063%2045%2065.5%2053%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M50%2047C43.5%2052%2039.5%2058%2037.5%2065%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat}
.inf-grow{width:14px;flex:1;min-height:26px;margin:0 auto;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7.9%200C6.4%209%208.9%2024%207.5%2040L6.2%2040C7.5%2025%205.1%2010%206.3%200Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M9.4%203C8.2%2012%2010%2024%209%2037%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.35%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat}
.inf-trunk{position:relative;width:16px;height:34px;margin:0 auto;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M9.8%200C6.3%2010%2012%2026%209.4%2040L6%2040C8.6%2025%203.2%2011%205.8%200Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M8.8%2013.5C12.2%2012.2%2013.5%209.4%2012.4%207.2%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M11.6%203C9.4%2012.5%2013.6%2024%2011.8%2036%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.9%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.4%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat}
.inf-trunk::before{content:"";position:absolute;left:7px;top:8px;width:17px;height:17px;transform:rotate(-52deg);background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%207C66%2021%2076%2042%2071%2062C67%2077%2059%2087%2050%2093C43%2083%2031%2073%2028%2054C25%2036%2037%2020%2050%207Z%22%20fill%3D%22%234C6A44%22%2F%3E%3Cpath%20d%3D%22M50%2013C51.5%2035%2051%2062%2050%2087%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M50.5%2033C58%2039%2063%2045%2065.5%2053%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M50%2047C43.5%2052%2039.5%2058%2037.5%2065%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat}
.inf-trunk::after{content:"";position:absolute;right:6px;top:19px;width:11px;height:11px;transform:rotate(47deg) scaleX(-1);background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%207C66%2021%2076%2042%2071%2062C67%2077%2059%2087%2050%2093C43%2083%2031%2073%2028%2054C25%2036%2037%2020%2050%207Z%22%20fill%3D%22%234C6A44%22%2F%3E%3Cpath%20d%3D%22M50%2013C51.5%2035%2051%2062%2050%2087%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M50.5%2033C58%2039%2063%2045%2065.5%2053%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M50%2047C43.5%2052%2039.5%2058%2037.5%2065%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat}
.inf-bar{height:12px;margin:0 auto;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2012%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M1.5%204.6C28%208.2%2072%208.2%2098.5%204.6C98.6%204.9%2098.6%205.1%2098.5%205.3C72%209.9%2028%209.9%201.5%205.6C1.4%205.2%201.4%204.9%201.5%204.6Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M6%203.2C32%206.4%2068%206.4%2094%203.4%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.55%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.4%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat}
.inf-row{display:flex;justify-content:center;align-items:flex-start;gap:clamp(40px,6vw,110px);flex-wrap:wrap}

.inf-stub{width:14px;height:26px;margin:0 auto;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7.9%200C6.4%209%208.9%2024%207.5%2040L6.2%2040C7.5%2025%205.1%2010%206.3%200Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M9.4%203C8.2%2012%2010%2024%209%2037%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.35%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat}
.inf-murray{display:flex;justify-content:center;padding:6px 0}
/* v3.6.0 — influence on phones: flat centered rows; the connector art (grows/bars/stems/vines) is desktop geometry and is hidden here. Orphan rows self-center; the trunk ornament sits snug above Murray. */
@media (max-width:720px){
.inf-grow,.inf-bar,.inf-stub,.inf-stem,.inf-endvine{display:none}
.inf-zone-wrap{width:auto;max-width:none;margin:0}
.inf-tier{position:relative;width:auto;max-width:none;margin:0}
.inf-cols,.inf-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px 0;margin:0 auto}
.inf-col{display:contents}
.inf-node{min-width:0;width:33.33%;padding:4px 6px}
.inf-portrait{width:min(88px,23vw);height:min(88px,23vw)}
.inf-name{font-size:14.5px;max-width:110px}
.inf-meta{font-size:9px}
.inf-trunk{height:30px;margin:16px auto 4px}
.inf-murray{padding:0}
.inf-node-lg{width:auto;padding:4px 10px}
.inf-node-lg .inf-portrait{width:130px;height:130px}
.inf-node-lg .inf-name{font-size:19px}
}
/* influence popover */
.inf-backdrop{position:fixed;inset:0;z-index:120;background:rgba(var(--line-rgb),.16)}
.inf-pop{position:fixed;z-index:130;background:var(--card);border:1px solid #141812;padding:clamp(18px,2.6vw,26px);box-shadow:8px 8px 0 rgba(29,55,40,.25);box-sizing:border-box}
.inf-pop .inf-pop-role{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--moss);padding-right:36px}
.inf-pop .inf-pop-name{font-family:'EB Garamond',serif;font-weight:700;font-size:clamp(21px,2.4vw,25px);color:var(--ink);margin:8px 0 10px}
.inf-pop .inf-pop-body{font-family:'EB Garamond',serif;font-size:16px;line-height:1.58;color:var(--body-c)}
.inf-pop .inf-pop-body p{margin:0 0 10px}
.inf-pop .inf-pop-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border:1px solid rgba(var(--line-rgb),.4);background:var(--card);color:var(--ink);font-family:var(--sans);font-size:13px;cursor:pointer;transition:background .18s ease,color .18s ease}
.inf-pop .inf-pop-x:hover{background:#1D3728;color:#F3F1E7}

/* press: unlinked archive rows + mentions subsection */
.clip-row-static{cursor:default}
.clip-archive{color:var(--silver-d)}
.section-head-sub{margin-top:72px}
.section-head-sub h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1;margin:0;color:var(--ink);text-transform:uppercase;letter-spacing:.02em}
.clip-list-sub .clip-title{font-size:17.5px}
.clip-list-sub .clip-meta{font-size:11px}

.influence-page{background:#42362B}
.influence-page .kicker{color:#93A683}
.influence-page .page-title{color:#F3F1E7}
.influence-page .lede{color:#E7DECB}
.influence-page .inf-name{color:#F3F1E7}
.influence-page .inf-meta{color:#B3A88E}
.influence-page.pt-hash-bg-cream .kicker{color:var(--moss)}
.influence-page.pt-hash-bg-cream .page-title{color:var(--ink)}
.influence-page.pt-hash-bg-cream .lede{color:var(--body-c)}
.influence-page.pt-hash-bg-cream .inf-name{color:var(--ink)}
.influence-page.pt-hash-bg-cream .inf-meta{color:var(--silver-d)}
.influence-page.pt-hash-bg-cream{background:var(--paper)}

/* Ghost cards: embeds, bookmarks, buttons — anywhere content renders */
.gh-content .kg-card{margin:26px 0}
.gh-content .kg-embed-card iframe{max-width:100%;width:100%;border:none}
.gh-content .kg-embed-card iframe[height]{height:auto;aspect-ratio:16/9;min-height:180px}
.gh-content .kg-image-card img{width:100%;border:1px solid rgba(var(--line-rgb),.2)}
.gh-content .kg-image-card figcaption,.gh-content figure figcaption{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-d);text-align:center;padding-top:10px}
.gh-content .kg-bookmark-card a{display:flex;text-decoration:none;border:1px solid var(--ink);background:var(--card)}
.gh-content .kg-bookmark-content{padding:16px 18px;min-width:0}
.gh-content .kg-bookmark-title{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--ink)}
.gh-content .kg-bookmark-description{font-family:var(--serif);font-size:14px;color:var(--mute);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gh-content .kg-bookmark-metadata{font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:var(--silver-d);margin-top:8px}
.gh-content .kg-bookmark-icon{width:16px;height:16px;margin-right:8px;vertical-align:middle}
.gh-content .kg-bookmark-thumbnail{flex:0 0 160px}
.gh-content .kg-bookmark-thumbnail img{width:100%;height:100%;object-fit:cover}
.gh-content .kg-button-card a{display:inline-block;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--ink);color:var(--ink);padding:11px 18px;transition:background .18s ease,color .18s ease,border-color .18s ease}
.gh-content .kg-button-card a:hover{background:var(--deep);color:var(--cream);border-color:var(--deep)}
.gh-content .kg-callout-card{border:1px solid var(--ink);background:var(--card);padding:16px 18px;font-family:var(--serif)}
.gh-content .kg-video-card video,.gh-content .kg-audio-card{width:100%}
.donate-content .kg-embed-card,.campaign-embed .kg-embed-card{background:var(--card)}
@media (max-width:640px){.gh-content .kg-bookmark-thumbnail{display:none}}

.thread-primer{display:inline-block;margin-top:16px;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#93A683;text-decoration:none;border-bottom:1px solid rgba(147,166,131,.45);padding-bottom:2px;transition:color .18s ease,border-color .18s ease}
.thread-primer:hover{color:#F3F1E7;border-color:#F3F1E7}

/* lecture series sets: body videos/embeds become one playlist */
.series-stage{position:absolute;inset:0}
.series-stage video,.series-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0C120D;object-fit:cover}
.series-parts{margin-top:14px;border:1px solid rgba(var(--paper-rgb),.16);background:rgba(12,18,13,.55)}
.series-parts-head{font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--moss);padding:12px 14px 6px}
.series-part{display:flex;align-items:baseline;gap:12px;width:100%;padding:11px 14px;background:transparent;border:none;border-top:1px solid rgba(var(--paper-rgb),.12);border-left:3px solid transparent;color:#C9D2BE;cursor:pointer;text-align:left}
.series-part .pnum{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.18em;color:var(--moss);flex:none;width:26px}
.series-part .pt{font-family:'EB Garamond',serif;font-weight:500;font-size:16.5px;flex:1;min-width:0}
.series-part .pnow{font-family:var(--sans);font-size:10px;letter-spacing:.18em;color:#93A683;visibility:hidden}
.series-part.on{background:rgba(var(--paper-rgb),.07);border-left-color:#93A683;color:#F3F1E7}
.series-part.on .pnow{visibility:visible}

.inf-tier{position:relative}
.inf-tier .inf-bar{max-width:none}
.inf-endvine{position:absolute;top:5px;bottom:-7px;right:-5px;width:14px;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7.9%200C6.4%209%208.9%2024%207.5%2040L6.2%2040C7.5%2025%205.1%2010%206.3%200Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M9.4%203C8.2%2012%2010%2024%209%2037%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.35%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat;pointer-events:none}
.inf-endvine::after{content:"";position:absolute;left:-8px;top:calc(50% - 8px);width:15px;height:15px;transform:scaleX(-1) rotate(-52deg);background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%207C66%2021%2076%2042%2071%2062C67%2077%2059%2087%2050%2093C43%2083%2031%2073%2028%2054C25%2036%2037%2020%2050%207Z%22%20fill%3D%22%234C6A44%22%2F%3E%3Cpath%20d%3D%22M50%2013C51.5%2035%2051%2062%2050%2087%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M50.5%2033C58%2039%2063%2045%2065.5%2053%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M50%2047C43.5%2052%2039.5%2058%2037.5%2065%22%20fill%3D%22none%22%20stroke%3D%22%232F4A33%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat}
.inf-endvine-r{left:auto;right:-7px}
.inf-endvine-r::after{left:6px;transform:rotate(-52deg)}

/* ── dark mode ─────────────────────────────────────────── */
html.mb-dark-pre body{background:#12160E}
.mode-toggle{width:34px;height:34px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:15px;line-height:1;cursor:pointer;border-radius:0;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}
.mode-toggle:hover{background:var(--deep);color:#F3F1E7;border-color:var(--deep)}
.mode-toggle .mt-disc{display:block;width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.mode-toggle-m{display:none}
@media (max-width:1080px){.mode-toggle-m{display:inline-block;margin-inline-end:10px}}
body.mb-dark{
  --paper:#12160E; --card:#1A2117; --ink:#E9E5D6; --body-c:#D8D4C4; --body-i:#C4BFAE;
  --moss:#8FAF7E; --sage:#93A683; --sage-pale:#31402C;
  --silver:#6E7767; --silver-d:#9AA394; --hair:rgba(233,229,214,.16); --hair-strong:rgba(233,229,214,.4);
  --paper-rgb:18,22,14; --line-rgb:216,212,196; --shade:#232B1F; --mute:#B7BDA9; --deep-t:#9FC28C; --rust:#C9705C; --deep-wash:rgba(143,175,126,.08); --sage-wash:#2A3624;
  background:var(--paper); color:var(--ink);
}
body.mb-dark ::selection{background:#31402C;color:#E9E5D6}
body.mb-dark a{color:#CDD6BE}
body.mb-dark a:hover{color:#8FAF7E}
body.mb-dark img{filter:brightness(.92)}
body.mb-dark .site-head{background:rgba(18,22,14,.94)}
body.mb-dark .drop-panel,body.mb-dark .mobile-menu{background:#1A2117;box-shadow:6px 6px 0 #0C120D}
body.mb-dark .media-ph,body.mb-dark .plate-img{background:#1A2117}
body.mb-dark .nav-donate{background:var(--deep);color:#F3F1E7}
body.mb-dark .mode-toggle{border-color:var(--ink);color:var(--ink)}

.series-part{transition:background .22s ease,border-color .22s ease,color .22s ease,padding-left .22s ease}
.series-part:hover{background:rgba(147,166,131,.13);border-left-color:var(--sage);color:#F3F1E7;padding-left:20px}

/* inline audio players (audio card dropped in an #lecture-audio post) */
.audio-inline{margin-top:10px}
.audio-inline:empty{display:none}
.audio-inline p{display:none}
.audio-inline .kg-audio-card{background:rgba(var(--paper-rgb),.06);border:1px solid rgba(var(--paper-rgb),.18);border-radius:0;max-width:520px}
.audio-inline .kg-audio-title{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.1em;color:#E7DECB}
.audio-inline audio{width:100%}

/* news title color animation on hover */
.post-card h2{transition:color .22s ease}
.post-card:hover h2{color:var(--deep)}

/* language toggle */
.lang-toggle{width:34px;height:34px;padding:0;text-indent:.14em;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.14em;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease}
.lang-toggle:hover{background:var(--deep);color:var(--paper)}
.lang-toggle-m{display:none}
@media (max-width:1080px){.nav-desktop .lang-toggle{display:none}.lang-toggle-m{display:inline-block;margin-inline-end:8px}}
[dir="rtl"] body{text-align:right}

/* Arabic mode: joined script + Arabic font fallbacks */
html[lang="ar"] *{letter-spacing:0 !important;text-indent:0 !important}
html[lang="ar"] body{--serif:'EB Garamond','Noto Naskh Arabic',serif;--sans:'Jost','Noto Kufi Arabic',sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .brand-name,html[lang="ar"] .page-title{font-family:'Mikodacs','Noto Kufi Arabic',sans-serif}

/* Koenig editor cards — wide/full breakout + galleries */
.gh-content .kg-width-wide{position:relative;width:min(85vw,1140px);min-width:100%;margin-left:50%;transform:translateX(-50%)}
.gh-content .kg-width-full{position:relative;width:100vw;min-width:100%;margin-left:50%;transform:translateX(-50%)}
.gh-content .kg-width-wide img,.gh-content .kg-width-full img{width:100%}
.kg-gallery-container{display:flex;flex-direction:column;max-width:1140px;margin:24px auto}
.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}
.kg-gallery-image img{display:block;margin:0;width:100%;height:100%;object-fit:cover}
.kg-gallery-row:not(:first-of-type){margin:2px 0 0}
.kg-gallery-image:not(:first-of-type){margin:0 0 0 2px}

/* Donate nav button */
.site-nav a.nav-donate{margin-inline-start:8px;font-weight:600;text-indent:.16em;background:var(--deep);border:2px solid var(--deep);color:#F3F1E7;padding:11px 20px;transition:background .18s ease,border-color .18s ease}
.site-nav a.nav-donate:hover{background:#14281C;border-color:#14281C;color:#F3F1E7 !important}
body.mb-dark .site-nav a.nav-donate{background:var(--deep);border-color:var(--deep);color:#F3F1E7}
/* Donate — Foundation band */
.donate-foundation{background:#1D3728;color:#F3F1E7;padding:clamp(30px,4vw,48px);margin:6px 0 26px}
.donate-foundation .kicker-sage{color:#93A683}
.donate-give-title{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.01em;margin:12px 0 14px;color:#F3F1E7}
.donate-content p{font-family:var(--serif);font-size:clamp(17px,1.9vw,19.5px);line-height:1.6;color:#EAEFE3;max-width:58ch;text-wrap:pretty}
.donate-content a{color:#C9D2BE}
.donate-content .kg-embed-card,.donate-content .kg-card{background:#FBFAF4;padding:10px;margin:0 0 22px}
.gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;margin-top:26px}
.gift{padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease}
.gift:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.3)}
.gift-once{background:#25422F}
.gift-once .gift-label{color:#B9CCA1}
.gift-monthly{background:#F3F1E7}
.gift-monthly .gift-label{color:#1D3728}
body.mb-dark .gift-monthly{background:#1A2117}
body.mb-dark .gift-monthly .gift-label{color:#9FC28C}
.gift-label{font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.22em}
.gift-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;text-decoration:none;font-family:var(--sans);font-weight:600;font-size:11.5px;letter-spacing:.16em;transition:background .18s ease}
.gift-once .gift-btn{background:#93A683;color:#141812}
.gift-once .gift-btn:hover{background:#A9BE90;color:#141812}
.gift-monthly .gift-btn{background:#1D3728;color:#F3F1E7}
.gift-monthly .gift-btn:hover{background:#25422F;color:#F3F1E7}
.gift-hint{font-family:var(--serif);font-style:italic;font-size:14px;color:#A9B2A4}
/* News post — centered masthead */
.news-post .post-mast{max-width:680px;margin:26px auto 0;text-align:center}
.news-post .post-meta-row{justify-content:center}
.news-post .post-title{font-family:var(--display);font-weight:400;font-size:clamp(34px,5vw,64px);line-height:1.04;margin:20px 0 16px;color:var(--ink)}
.news-post .standfirst{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.1vw,23px);line-height:1.5;color:var(--body-i);margin:0 auto;max-width:54ch;text-wrap:pretty}
.news-post .lead-fig{margin:clamp(32px,4vw,48px) auto 0;max-width:960px}
.news-post .lead-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(var(--line-rgb),.22);display:block}
.news-post .gh-content{max-width:660px;margin:clamp(34px,4vw,48px) auto 0}
.post-sigil{display:flex;align-items:center;gap:14px;max-width:660px;margin:44px auto 0;padding-top:26px;border-top:1px solid rgba(var(--line-rgb),.2)}
.post-sigil .dm{width:9px;height:9px;background:var(--deep-t);transform:rotate(45deg);flex:none}
.post-sigil span:last-child{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.22em;color:var(--moss)}
.news-post .post-foot{max-width:660px;margin:26px auto 0}

/* v2.8.0 — Influence header on bark bg */
.center-lede{text-align:center;margin-left:auto;margin-right:auto;max-width:56ch}
.influence-page .kicker{color:var(--sage)}
.influence-page .center-lede,.influence-page .center-lede p{color:#E7DECB}
/* v2.8.0 — About the Foundation block rhythm */
.foundation-block .kicker{margin-top:18px}
.foundation-block .act{margin-top:8px}
/* v2.8.0 — Donate page */
.donate-page{max-width:900px}
.donate-orgs-label{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--silver-d);margin:4px 0 14px}
.donate-orgs{margin-bottom:52px;border-top:1px solid rgba(var(--line-rgb),.16)}
.donate-org{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(var(--line-rgb),.12)}
.donate-org-name{font-family:var(--serif);font-weight:600;font-size:17px;color:#3A443A;flex:none;text-decoration:none}
a.donate-org-name{border-bottom:1px solid rgba(58,68,58,.35);transition:color .18s ease,border-color .18s ease}
a.donate-org-name:hover{color:var(--deep-t);border-color:var(--deep-t)}
.donate-org-desc{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--silver-d);text-wrap:pretty}
.donate-involved{border:1.5px solid var(--ink);background:var(--card);padding:clamp(24px,3.2vw,36px);margin-top:34px}
.donate-involved > p{font-family:var(--serif);font-size:clamp(16.5px,1.8vw,19px);line-height:1.6;color:var(--body-c);margin:12px 0 20px;max-width:58ch;text-wrap:pretty}
.family-head{margin-top:44px}
.donate-campaigns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.donate-campaign{border:1px solid rgba(var(--line-rgb),.34);background:var(--card);padding:14px}
.donate-campaign-label{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--moss);padding:2px 2px 12px}
.donate-campaign img{width:100%;display:block;margin-bottom:10px}
.donate-campaign p{font-family:var(--serif);font-size:14.5px;line-height:1.5;color:var(--body-c);margin:0 0 10px}
.donate-campaign .act{margin-top:4px}
.camp-ph{border:1px dashed rgba(var(--line-rgb),.4);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-family:var(--serif);font-size:14.5px;line-height:1.5;color:#5F6B58;text-wrap:pretty}
.campaign-embed iframe{width:100%;min-height:420px;border:0;display:block;background:#fff}

/* v2.8.3 — essay reading page matches the design */
.essay .backlink{color:var(--deep-t)}
.essay-head{max-width:680px;margin:26px auto 0;text-align:center}
.essay-kicker{font-size:11px;letter-spacing:.2em;color:var(--silver-d)}
.essay-title{font-family:var(--display);font-weight:400;font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:.005em;text-transform:uppercase;margin:16px 0;color:var(--ink)}
.lead-fig figcaption,.essay-lead-fig figcaption{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-d);text-align:center;padding-top:10px}
.lead-fig figcaption a,.essay-lead-fig figcaption a{color:inherit}
.essay-lead-fig{margin:clamp(32px,4vw,48px) auto 0;max-width:960px}
.essay-lead-fig img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(var(--line-rgb),.22);background:var(--shade)}
.essay .gh-content{max-width:660px;margin:clamp(34px,4vw,48px) auto 0}
.essay-pending{border:1px dashed rgba(var(--line-rgb),.4);background:var(--card);padding:26px 28px;font-family:var(--serif);font-size:16.5px;line-height:1.65;color:#5F6B58;text-wrap:pretty}
.archive-row{display:flex;align-items:center;gap:14px;max-width:660px;margin:44px auto 0;padding-top:26px;border-top:1px solid rgba(var(--line-rgb),.2)}
.archive-row .aldus{font-size:20px;line-height:1;color:var(--moss)}
.archive-row span:last-child{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--moss)}
.essay .post-foot{max-width:660px;margin:26px auto 0;justify-content:flex-start}

/* v2.9.0 — design animations */
@keyframes galfade{0%,5%{opacity:0}27%,40%{opacity:1}64%,100%{opacity:0}}
@keyframes galfade2{0%,8%{opacity:0}16%{opacity:1}82%{opacity:1}92%,100%{opacity:0}}
@keyframes galfade3{0%,40%{opacity:0}50%{opacity:1}82%{opacity:1}92%,100%{opacity:0}}
@keyframes kenburns{0%{transform:scale(1.01) translate(0,0)}100%{transform:scale(1.045) translate(-0.7%,-0.9%)}}
@keyframes plateRise{from{opacity:.15;transform:translateY(54px)}to{opacity:1;transform:none}}
.gallery-flow figure{animation:plateRise .8s ease both;animation-timeline:view();animation-range:entry 0% cover 38%}
@media (prefers-reduced-motion: reduce){.gallery-flow figure,.hero-media .gal,.lg-layer,.lg-layer img{animation:none !important}}
/* Legacy header gallery */
.legacy-gallery{position:relative;max-width:1200px;margin:16px auto 0;height:clamp(240px,30vw,400px);background:var(--shade);overflow:hidden}
.legacy-gallery .lg-layer{position:absolute;inset:0}
.legacy-gallery .lg-layer img{width:100%;height:100%;object-fit:cover;display:block;animation:kenburns 23s ease-in-out infinite alternate;animation-delay:-9s}
.legacy-gallery .lg-fade{animation:galfade 15s infinite both}
.legacy-gallery .lg-2{animation-delay:-5s}
.legacy-gallery .lg-2 img{animation-duration:24s;animation-delay:-12s}
.legacy-gallery .lg-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--paper-rgb),0) 46%,rgba(var(--paper-rgb),.9) 100%);pointer-events:none}
.legacy-head{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 28px;text-align:center}
.legacy-head.overlap{margin-top:clamp(-72px,-6vw,-44px)}

/* per-era photo (feature image on an #era post) */
.era-figure{margin:18px 0 26px}
.era-figure-img{border:1px solid rgba(var(--line-rgb),.2);background:var(--shade)}
.era-figure-img img{display:block;width:100%;max-height:340px;object-fit:cover}
.era-figure figcaption{display:flex;align-items:center;gap:14px;padding:9px 2px 0}
.era-figure .efc-text{font-family:var(--serif);font-style:italic;font-size:14px;line-height:1.45;color:var(--mute);text-wrap:pretty}
.era-figure .efc-text p{margin:0;font:inherit;color:inherit}
.era-figure .efc-hair{flex:1 1 24px;min-width:24px;border-bottom:1px solid rgba(var(--line-rgb),.14)}
/* dark-mode coverage for v2.8–2.9 additions */
body.mb-dark .donate-org-name{color:#C9D2BE}
body.mb-dark a.donate-org-name{border-color:rgba(201,210,190,.35)}
body.mb-dark .camp-ph,body.mb-dark .essay-pending{color:#9AA394;border-color:rgba(216,212,196,.4)}
body.mb-dark .essay-pending{background:var(--card)}
body.mb-dark .donate-campaign,body.mb-dark .donate-involved{background:var(--card)}
body.mb-dark .featured-card:hover{border-color:var(--deep-t)}
body.mb-dark .influence-page .center-lede,body.mb-dark .influence-page .center-lede p{color:#E7DECB}

/* v2.9.1 — always-dark surfaces pinned to constants (they were flipping in dark mode) */
.site-footer{background:#141812;color:#A9B2A4}
.site-footer .fkicker{color:#5F7C50}
.fcol-about p{color:#A9B2A4}
.site-footer .nav a{color:#C9D2BE}
.site-footer .nav a:hover{color:#F3F1E7}
.fbase-copy{color:#7C857A}
.fbase-credit span{color:#7C857A}
.band{background:#1D3728;color:#F3F1E7}
.thread{border-top-color:rgba(243,241,231,.28)}
.thread h3{color:#F3F1E7}
.thread p{color:#C9D2BE}
.cinema{background:#0F1712;color:#F3F1E7}
.cinema-lede p{color:#C9D2BE}
.cinema .section-head .rule{background:rgba(243,241,231,.45)}
.overlap-title.cream{color:#F3F1E7}
.cinema .lecture-still{background:#141812;border-color:rgba(243,241,231,.25)}
.cinema .lecture-row h3{color:#F3F1E7}
.audio-main .article-title.cream,.article-title.cream{color:#F3F1E7}
.audio-row{border-bottom-color:rgba(243,241,231,.18)}
.audio-row .article-venue{color:#A9B2A4}
.audio-icon{border-color:rgba(243,241,231,.55)}
.play-badge{background:#F3F1E7;border-color:#141812}
/* v2.9.1 — dark-mode text fixes (deep green reads as black on dark) */
body.mb-dark .ht-1,body.mb-dark .ht-2{color:#9FC28C}
body.mb-dark .footer-giant{color:#A8C29A}
body.mb-dark .footer-giant:hover{color:#C9D6BC}
body.mb-dark .readnote{color:var(--deep-t)}
body.mb-dark .readnote .dm{background:var(--deep-t)}
body.mb-dark .linklike{color:var(--deep-t)}
body.mb-dark .brand-name{color:#9FC28C}

/* ── v3.0.0 fixes ── */
/* footer Site column: Donate lives as the bordered button, not a second link; Home is the giant wordmark */
.fcol-site .nav li.nav-donate{display:none}
/* Also See: hide Ghost's default portal/sign-up rows */
.fcol-also .nav li.nav-sign-up{display:none}
.fcol-also .nav li:has(a[href*="#/portal"]){display:none}
/* press: Mentions & context — room above, hairline rule beside */
.press-main .section-head-sub{margin:64px 0 10px}
.section-head-sub .rule{flex:1;height:1px;background:rgba(20,24,18,.4)}
body.mb-dark .section-head-sub .rule{background:rgba(233,229,214,.35)}
/* nav: breathing room between dark-mode, language, and Donate */
.nav-desktop .mode-toggle{margin-left:8px}
.nav-desktop .lang-toggle{margin-left:8px}
.site-nav a.nav-donate{margin-left:12px}
/* donate: hint text readable inside the cream monthly box */
.gift-monthly .gift-hint{color:#5C6355}
body.mb-dark .gift-monthly .gift-hint{color:#A9B2A4}

/* ── v3.0.1 ── */
/* footer is a pinned dark surface — its controls never flip with the theme vars */
.f-donate{border-color:rgba(243,241,231,.4);color:#F3F1E7;background:transparent}
.f-donate:hover{background:#1D3728;border-color:#1D3728;color:#F3F1E7}
.site-footer .nl-form input{border-color:rgba(243,241,231,.35);color:#F3F1E7;background:transparent}
.site-footer .nl-form input::placeholder{color:#7C857A}
.site-footer .nl-form button{border-color:rgba(243,241,231,.35);color:#F3F1E7;background:transparent}
.site-footer .nl-form button:hover{background:#1D3728;border-color:#1D3728;color:#F3F1E7}
.site-footer .nl-link{color:#C9D2BE;border-color:rgba(243,241,231,.35)}
.site-footer .nl-link:hover{color:#F3F1E7}
/* home newsletter Subscribe stays legible in dark mode */
body.mb-dark .home-section .btn-solid{background:#1D3728;color:#F3F1E7;border-color:rgba(243,241,231,.4)}
body.mb-dark .home-section .btn-solid:hover{background:#25422F;color:#F3F1E7;border-color:#93A683}

/* release/edition notes: quiet italic line beneath the title */
.book .reissue,.featured-card .reissue{font-family:'EB Garamond',serif;font-style:italic;font-weight:400;font-size:13.5px;letter-spacing:.01em;text-transform:none;color:var(--moss);margin:2px 0 0}
.book .reissue .dm,.featured-card .reissue .dm{width:5px;height:5px;background:var(--sage)}
.book h3{margin-bottom:4px}
body.mb-dark .book .reissue,body.mb-dark .featured-card .reissue{color:#93A683}
/* book covers: framed card with the prototype's hover lift */
.book .book-cover{background:var(--card);border:1px solid #A9B2A4;padding:8px;box-shadow:6px 6px 0 rgba(20,24,18,.12);transition:transform .2s ease,box-shadow .2s ease}
.book .book-cover:hover,.book:has(.act:hover) .book-cover{transform:translateY(-6px);box-shadow:12px 14px 0 rgba(29,55,40,.2)}
.book:has(.book-cover:hover) .act{background:var(--deep);color:#F3F1E7;border-color:var(--deep)}
body.mb-dark .book .book-cover{border-color:rgba(233,229,214,.28);box-shadow:6px 6px 0 rgba(0,0,0,.3)}
body.mb-dark .book .book-cover:hover,body.mb-dark .book:has(.act:hover) .book-cover{box-shadow:12px 14px 0 rgba(0,0,0,.42)}

/* v3.0.4 — desktop tree geometry (these were trapped inside the mobile media query) */
.inf-zone-wrap{width:max-content;max-width:100%;margin:0 auto}
.inf-zone-wrap .inf-bar{max-width:none}
.inf-bar-ext{margin-left:calc(-62px - clamp(40px,6vw,110px)/2);width:calc(100% + 124px + clamp(40px,6vw,110px))}
.inf-tier{position:relative;width:max-content;max-width:100%;margin:0 auto}

/* v3.0.6 — legacy chips match the prototype; equal nav gaps */
.impact-card .chip{background:#1D3728;color:#F3F1E7}
.impact-card .chip.chip-hist{background:#EFECDD;color:#5F7C50}
body.mb-dark .impact-card .chip.chip-hist{background:#232B20;color:#93A683}
.site-nav a.nav-donate{margin-left:8px}

/* v3.0.7 — contact: diamond topic list (a plain bullet list in the page body) */
.contact-intro ul{list-style:none;margin:0 0 36px;padding:0;display:flex;flex-direction:column;gap:12px}
.contact-intro ul li{display:flex;align-items:center;gap:12px;font-family:'EB Garamond',serif;font-size:16.5px;color:var(--body-c);margin:0}
.contact-intro ul li::before{content:"";width:7px;height:7px;background:var(--deep);transform:rotate(45deg);flex:none}
body.mb-dark .contact-intro ul li::before{background:#93A683}

/* v3.0.8 — current-tab underline hugs the word */

 /* stop before the caret */

/* v3.0.10 — dark mode: deep-green text lifts to readable sage-green */
body.mb-dark a{color:var(--deep-t)}
body.mb-dark a:hover{color:var(--moss)}
body.mb-dark a,body.mb-dark .linklike,body.mb-dark .brand-name,body.mb-dark .ht-1,body.mb-dark .ht-2,body.mb-dark .decade-head h2,body.mb-dark .clip-read,body.mb-dark .aside-head,body.mb-dark .success-mark,body.mb-dark .readnote,body.mb-dark .backlink:hover,body.mb-dark .essay .prose > p:first-of-type::first-letter,body.mb-dark .prose h2,body.mb-dark .prose h3,body.mb-dark .prose blockquote,body.mb-dark .era-slide .slide-big,body.mb-dark .era-year,body.mb-dark .era-quote,body.mb-dark .post-card:hover h2{color:var(--deep-t)}
body.mb-dark .btn-solid,body.mb-dark .site-nav a.nav-donate,body.mb-dark .gift-btn{color:#F3F1E7}
/* book edition notes: original small-caps type restored; titles get quotes instead of italics */
.book .reissue,.featured-card .reissue{font-family:var(--sans);font-style:normal;font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--silver-d);margin:7px 0 0}
.book h3{margin-bottom:2px}
.book .act{margin-top:14px}
body.mb-dark .book .reissue,body.mb-dark .featured-card .reissue{color:var(--silver-d)}

/* v3.0.12 — dividers match the prototype */
.section-head .rule{background:var(--ink)}          /* solid ink beside section heads (was 45% cream — invisible on cream) */
.cinema .section-head .rule{background:rgba(243,241,231,.45)}  /* dark cinema band keeps the soft cream line */
.section-head-sub .rule{height:1px;background:rgba(20,24,18,.4)}  /* press sub-head stays a hairline */
body.mb-dark .section-head-sub .rule{background:rgba(233,229,214,.35)}
.row-head + .rule-thin{margin-top:2px}              /* home: thick-to-thin gap matches the prototype */

/* v3.0.13 — quote ornament matches the prototype exactly */
.pull-quote .orn-row{margin-bottom:34px}
.pull-quote .aldus{font-size:22px}

/* v3.0.14 — "Mentions & context" rule: optical centering against Mikodacs */


/* reading shelf: optional Find-a-copy button (canonical URL on the #reading post) */
.reading-row .act{margin:0 0 0 auto;flex:none}
.reading-row{align-items:center;gap:18px}


/* v3.0.19 — current-page marker: a true underline the width of the word */
.site-nav{--nav-ul:var(--deep)}
.nav-desktop a.is-current,.nav-drop-btn.is-current{text-decoration:none}
.nav-desktop a.is-current .nlbl2,.nav-desktop .nav-drop-btn.is-current .nlbl{position:relative;display:inline-block;padding-bottom:6px;transform:translateZ(0)}
.nav-desktop a.is-current .nlbl2::after,.nav-desktop .nav-drop-btn.is-current .nlbl::after{content:"";position:absolute;left:0;right:.16em;bottom:0;height:2px;background:var(--nav-ul)}
body.mb-dark .site-nav{--nav-ul:var(--deep-t)}

/* v3.0.20 — lecture player: stage keeps its own height once the poster is gone */
.lecture-still .series-stage{position:relative;inset:auto;width:100%;aspect-ratio:16/9}
.series-stage video{object-fit:contain}

/* v3.0.25 — mobile consistency audit */
/* post-body media can never overflow its column */
.gh-content img,.gh-content video,.gh-content iframe,.gh-content-plain img,.gh-content-plain video,.gh-content-plain iframe,.audio-inline audio{max-width:100%}
.gh-content img,.gh-content-plain img{height:auto}
@media (max-width:720px){
  /* audio rows: icon + content, year folds inline above the title, action under it */
  .audio-row{grid-template-columns:44px 1fr;grid-auto-rows:auto;row-gap:10px;align-items:start}
  .audio-row .article-year{grid-column:2;padding:0;font-size:11px}
  .audio-row .audio-main{grid-column:2}
  .audio-row .act{grid-column:2;justify-self:start}
  /* timeline events: tighter year column */
  .era-event{grid-template-columns:74px 1fr;gap:12px}
  /* lecture series parts: keep part titles readable */
  .series-part .pt{font-size:15px}
}

/* v3.0.26 — mobile influence: kill the desktop bar geometry trapped in the old mobile block */
@media (max-width:720px){
  .inf-bar-ext{margin-left:0;width:auto}
  .inf-zone-wrap .inf-bar{max-width:100%}
  .influence-page main{overflow-x:clip}
}

/* v3.0.27 — Ghost editor width options stay inside the column on phones */
@media (max-width:720px){
  .gh-content .kg-width-wide,.gh-content .kg-width-full{width:100%;max-width:100%;margin-left:0;margin-right:0;left:auto;transform:none}
  .gh-content .kg-gallery-container{max-width:100%}
  .gh-content .kg-embed-card iframe{width:100%;aspect-ratio:16/9;height:auto}
}

/* v3.0.28 — Mentions rule: locked to the cap optical center (no flex guessing) */
.section-head-sub{display:flex;align-items:stretch}
.section-head-sub h3{line-height:1}
.section-head-sub .rule{flex:1;align-self:auto;position:relative;top:auto;height:auto;background:none}
.section-head-sub .rule::after{content:"";position:absolute;left:0;right:0;top:calc(0.473em + 0.5px);height:1px;background:rgba(var(--line-rgb),.4);font-size:22px}
body.mb-dark .section-head-sub .rule::after{background:rgba(233,229,214,.35)}

/* contact page — optional photo (contact_photo setting) */
.contact-photo{margin:40px 0 0}
.contact-photo-band{margin:0 0 clamp(36px,5vw,56px)}
.contact-photo-band img{aspect-ratio:21/8;object-fit:cover}
.contact-photo img{display:block;width:100%;border:1px solid var(--ink)}
.contact-photo figcaption{display:flex;align-items:baseline;gap:14px;padding:9px 2px 0;font-family:'EB Garamond',serif;font-style:italic;font-size:14px;line-height:1.45;color:var(--mute)}
.contact-photo .figno{font-family:var(--sans);font-weight:500;font-style:normal;font-size:10px;letter-spacing:.24em;color:#93A683}
.contact-photo figcaption::after{content:"";flex:1 1 24px;min-width:24px;border-bottom:1px solid rgba(var(--line-rgb),.14);align-self:center}

/* v3.0.50 — Legacy banner: up to 10 frames (settings images + body gallery cards, lifted by JS) */
.legacy-gallery.lg-js .lg-layer{animation:none;opacity:0;transition:opacity 1.8s ease}
.legacy-gallery.lg-js .lg-layer.lg-on{opacity:1}

/* v3.0.51 — Donate button: filled button IS its own marker; no underline bar (was clipping at the box edge) */
.nav-desktop a.nav-donate.is-current .nlbl2{padding-bottom:0}
.nav-desktop a.nav-donate.is-current .nlbl2::after{display:none}


/* ---- Misconceptions ---- */
.misc-page{max-width:860px;margin:0 auto}
.misc-head-band .page-title{margin-bottom:22px}
.misc-plate{margin:0 auto 26px;max-width:min(340px,76vw)}
.misc-plate img{display:block;width:100%;border:1px solid rgba(20,24,18,.34)}
.misc-plate figcaption{display:flex;align-items:baseline;gap:14px;padding:9px 2px 0;text-align:left}
.misc-plate .plate-tag{font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#93A683;flex:none}
.misc-plate .plate-cap{display:inline;padding:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:14px;line-height:1.45;color:#5C6355;text-transform:none;letter-spacing:0}
.misc-plate .plate-rule{flex:1 1 24px;min-width:24px;border-bottom:1px solid rgba(20,24,18,.14);align-self:center}
.misc-lede{font-family:var(--serif);font-size:clamp(17.5px,1.9vw,20px);line-height:1.62;max-width:62ch;margin:0 auto;text-wrap:pretty}
.misc-list{counter-reset:misc;margin-top:clamp(34px,4.5vw,52px)}
.misc-entry{border-top:1px solid rgba(20,24,18,.34);padding:clamp(30px,4vw,44px) 0 clamp(24px,3vw,34px)}
.misc-entry{counter-increment:misc}
.misc-toggle{display:block;width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer}
.misc-toggle:hover{opacity:.82}
.misc-meta{display:flex;align-items:baseline;gap:16px}
.misc-num{font-family:var(--display);font-size:15px;letter-spacing:.2em;color:#5F7C50;text-transform:uppercase}
.misc-num::after{content:"Misconception " counter(misc,upper-roman)}
.misc-rule{flex:1;border-bottom:1px solid rgba(20,24,18,.14);align-self:center}
.misc-glyph{font-family:var(--sans);font-weight:500;font-size:20px;line-height:1;color:#5F7C50;flex:none}
.misc-claim{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(23px,2.6vw,30px);line-height:1.25;color:var(--ink);margin:10px 0 0;text-wrap:pretty}
.misc-body{animation:panelDown .18s ease both}
.misc-body h4{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#5F7C50;margin:26px 0 10px}
.misc-body p{font-family:var(--serif);font-size:17.5px;line-height:1.68;margin:0 0 14px;text-wrap:pretty}
.misc-qcard{margin:20px 0 22px;background:#FBFAF4;border:1px solid rgba(20,24,18,.34)}
.misc-body blockquote{margin:20px 0 0;padding:20px 22px;background:#FBFAF4;border:1px solid rgba(20,24,18,.34)}
.misc-qcard blockquote{margin:0;padding:20px 22px 4px;background:none;border:0}
.misc-body blockquote,.misc-body blockquote p{font-family:var(--serif);font-size:19.5px;line-height:1.55;color:var(--ink)}
.misc-body blockquote p{margin:0}
.misc-body blockquote+p,.misc-qattr{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#5F7C50;margin:0 0 22px}
.misc-qcard .misc-qattr{background:none;border:0;padding:6px 22px 18px;margin:0}
.misc-qattr-text{flex:1 1 auto;min-width:0}
.misc-body blockquote+p a,.misc-qattr a{flex:none}
.misc-qattr a{display:inline-block;border:1.5px solid var(--ink);color:var(--ink);padding:8px 14px;text-decoration:none;text-indent:.18em;white-space:nowrap;transition:background .18s ease,color .18s ease}
.misc-body blockquote+p a:hover,.misc-qattr a:hover{background:#1D3728;color:#F3F1E7}
.misc-appendix{margin-top:clamp(40px,6vw,64px);background:#FBFAF4;border:1px solid var(--ink);box-shadow:8px 8px 0 rgba(29,55,40,.18);padding:clamp(26px,4.5vw,44px)}
.misc-apx-title{font-family:var(--display);font-weight:400;font-size:clamp(27px,3.2vw,36px);margin:14px 0 12px;color:var(--ink);text-transform:uppercase}
[data-theme="dark"] .misc-entry,[data-theme="dark"] .misc-rule{border-color:rgba(230,228,215,.3)}
[data-theme="dark"] .misc-plate img{border-color:rgba(230,228,215,.3)}
[data-theme="dark"] .misc-body blockquote{background:rgba(243,241,231,.06);border-color:rgba(230,228,215,.3)}
[data-theme="dark"] .misc-body blockquote+p{background:rgba(243,241,231,.06);border-color:rgba(230,228,215,.3)}
[data-theme="dark"] .misc-body blockquote+p a{border-color:var(--ink);color:var(--ink)}
[data-theme="dark"] .misc-appendix{background:rgba(243,241,231,.05);border-color:rgba(230,228,215,.4)}

/* misc mobile */
@media (max-width:720px){
  .misc-head-band .page-title{margin-bottom:18px}
  .misc-lede{font-size:16.5px;padding:0 4px}
  .misc-meta{gap:10px}
  .misc-num{font-size:12.5px;letter-spacing:.16em}
  .misc-glyph{font-size:18px}
  .misc-claim{font-size:20px;line-height:1.3}
  .misc-body p{font-size:16px;line-height:1.62}
  .misc-body h4{margin:22px 0 8px}
  .misc-body blockquote{padding:15px 15px}
  .misc-body blockquote p{font-size:17px}
  .misc-body blockquote+p{line-height:2.1}
  .misc-body blockquote+p a{margin-top:8px}
  .misc-appendix{padding:22px 16px;box-shadow:5px 5px 0 rgba(29,55,40,.18)}
  .misc-apx-title{font-size:24px}
}

/* lecture player bar (speed / captions) */
.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:10px 0 2px}
.pb-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pb-lab{font-family:var(--sans);font-weight:500;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,241,231,.55);margin-right:6px}
.pb-btn{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.12em;text-indent:.12em;color:rgba(243,241,231,.82);background:none;border:1px solid rgba(243,241,231,.35);padding:5px 10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.pb-btn:hover{border-color:rgba(243,241,231,.85);color:#F3F1E7}
.pb-btn.on{background:#5F7C50;border-color:#5F7C50;color:#F3F1E7}
.play-badge.inert{opacity:.35}
.cinema video::cue{background:rgba(20,24,18,.85);color:#F3F1E7}
@media (max-width:720px){.player-bar{gap:8px 14px}.pb-btn{padding:5px 8px}}

/* appendix closing links render as bordered buttons (prototype parity) */
.misc-appendix .misc-body p:last-of-type{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.misc-appendix .misc-body p:last-of-type a{display:inline-block;white-space:nowrap;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--ink);color:var(--ink);padding:8px 14px;background:none;transition:background .18s ease,color .18s ease,border-color .18s ease}
.misc-appendix .misc-body p:last-of-type a em{font-style:normal}
.misc-appendix .misc-body p:last-of-type a:hover{background:#1D3728;border-color:#1D3728;color:#F3F1E7}
[data-theme="dark"] .misc-appendix .misc-body p:last-of-type a{border-color:var(--ink);color:var(--ink)}

body.mb-dark body.mb-dark .misc-qcard,body.mb-dark .misc-body blockquote{background:rgba(243,241,231,.06);border-color:rgba(230,228,215,.3)}
body.mb-dark .misc-qcard blockquote{background:none;border:0}
body.mb-dark .misc-qattr a,body.mb-dark .misc-body blockquote+p a{border-color:var(--ink);color:var(--ink)}
body.mb-dark .misc-entry,body.mb-dark .misc-rule{border-color:rgba(230,228,215,.3)}
body.mb-dark .misc-plate img{border-color:rgba(230,228,215,.3)}
body.mb-dark .misc-appendix{background:rgba(243,241,231,.05);border-color:rgba(230,228,215,.4)}
body.mb-dark .misc-appendix .misc-body p:last-of-type a{border-color:var(--ink);color:var(--ink)}

.lecture-desc{margin-top:10px}
.lecture-desc p{font-family:var(--serif);font-size:14.5px;line-height:1.55;color:rgba(231,222,203,.72);margin:0 0 6px;text-wrap:pretty}

/* lectures: viewer sort control */
.lec-sort{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;margin:-14px 0 26px}
.lec-sort-label{font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#5F7C50}
.lec-sort-btn{background:none;border:0;padding:0 0 4.5px;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#5F7C50;transition:color .18s ease}
.lec-sort-btn:hover{color:#93A683}
.lec-sort-btn.is-on{color:#F3F1E7;position:relative;padding-bottom:3px;cursor:default}
.lec-sort-btn.is-on::after{content:"";position:absolute;left:0;right:.22em;bottom:0;height:1.5px;background:#93A683}

/* misconceptions: "why misreadings persist" framed aside (page body) */
.misc-why{max-width:600px;margin:28px auto 0;background:#FBFAF4;border:1px solid rgba(20,24,18,.34);padding:18px 22px 20px;text-align:left}
.misc-why h4{display:flex;align-items:baseline;gap:14px;margin:0;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.24em;color:var(--sage)}
.misc-why h4::after{content:"";flex:1 1 24px;min-width:24px;border-bottom:1px solid rgba(20,24,18,.14);align-self:center}
.misc-why p{font-family:var(--serif);font-size:15.5px;line-height:1.6;color:#5C6355;margin:10px 0 0}
.misc-why a{color:var(--deep)}
body.mb-dark .misc-why{background:rgba(231,222,203,.05);border-color:rgba(231,222,203,.3)}
body.mb-dark .misc-why p{color:rgba(231,222,203,.72)}
body.mb-dark .misc-why h4::after{border-color:rgba(231,222,203,.18)}
body.mb-dark .misc-why a{color:#93A683}

/* lectures: share + view count row */
.card-tools{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;margin-top:10px}
.share-btn{position:relative;background:none;border:none;padding:0 0 3px;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(231,222,203,.62);transition:color .18s ease}
.share-btn::after{content:"";position:absolute;left:0;right:.22em;bottom:0;height:1px;background:rgba(231,222,203,.28);transition:background .18s ease}
.share-btn:hover{color:#F3F1E7}
.share-btn:hover::after{background:#93A683}
.view-chip{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(231,222,203,.45)}
.audio-row .card-tools{margin-top:8px}

/* series: per-part share */
.series-part-row{display:flex;align-items:stretch;gap:0}
.series-part-row .series-part{flex:1;min-width:0}
.part-share{flex:none;width:38px;background:none;border:none;border-bottom:1px solid rgba(231,222,203,.14);cursor:pointer;font-size:13px;color:rgba(231,222,203,.5);transition:color .18s ease,background .18s ease}
.part-share:hover{color:#F3F1E7;background:rgba(147,166,131,.14)}

/* mobile pass v3.3.2 */
@media (max-width:720px){
  .thread-num{font-size:42px}
  .thread h3{font-size:22px}
  .featured-body h3{font-size:20px}
  .lecture-row h3,.cinema .lecture-row h3{font-size:19px;flex:1 1 100%}
  .lecture-row .act{margin-top:2px}
  .teaser h3{font-size:20px}
  .press-split{gap:34px}
  .press-aside{max-width:none}
  .donate-org-name{flex:1 1 100%}
  .gift{padding:14px 15px}
  .contact-intro p{font-size:16.5px}
  .essay .prose > p:first-of-type::first-letter{font-size:44px;padding:5px 9px 0 0}
  .gh-content .src-note{font-size:14.5px}
  .gh-content div.src-note{margin-bottom:36px;padding-bottom:24px}
  .series-part .pt{font-size:14px}
  .part-share{width:34px}
  .section-head h2{font-size:26px}
}

/* mobile top-bar consistency v3.3.8 */
@media (max-width:1080px){
  .mode-toggle-m,.lang-toggle-m,.burger{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;padding:0 !important;border:1.5px solid var(--ink);border-radius:0;box-sizing:border-box !important;display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle}
  .mode-toggle-m{margin-inline-end:10px}
  .mode-toggle-m .mt-disc{width:16px;height:16px}
  .lang-toggle-m{font-size:11px;text-indent:.14em;margin-right:10px}
  .burger{flex-direction:column;gap:4px}
  .burger span{width:18px;height:2px}
  .hero-media{width:100%;margin-left:auto;margin-right:auto}
  .hero-media .gal{object-position:center top}
}
/* header + hero-cta fit v3.4.0 */
@media (max-width:1080px){
  .nav-inner{gap:0;padding:0 18px}
  .brand{margin-inline-end:auto;min-width:0}
  .mode-toggle-m,.lang-toggle-m,.burger{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;padding:0 !important;margin:0 !important}
  .lang-toggle-m{margin-left:8px !important}
  .burger{margin-left:8px !important}
}
/* v3.4.2 — influence: root row must never wrap (browsers differ on width:max-content for wrapping flex + gap; ultrawide displays orphaned the 5th column onto a centered second line) */
@media (min-width:721px){
  .inf-cols,.inf-row{flex-wrap:nowrap}
}
@media (min-width:721px) and (max-width:920px){
  .inf-zone-wrap,.inf-tier{overflow-x:auto;padding-bottom:6px}
}
@media (max-width:390px){ .brand-dates{display:none} }
/* hero CTA pair — identical size on desktop AND mobile */
.hero-copy .btn-row .btn{justify-content:center;width:254px;box-sizing:border-box;padding:15px 26px}
@media (max-width:1080px){
  .hero-copy > .btn-row{flex-direction:column;align-items:stretch}
  .hero-copy .btn-row .btn{width:100%;min-width:0;padding:15px 24px}
}
/* v3.4.5 — essay footnotes ([N] markers + "Notes" numbered list) */
.fn-ref{line-height:0}
.fn-ref a{font-family:var(--sans);font-weight:600;font-size:.68em;letter-spacing:.03em;color:var(--deep);text-decoration:none;padding:0 .1em}
.fn-ref a:hover{color:var(--moss);text-decoration:underline;text-underline-offset:2px}
.fn-head{border-top:1px solid rgba(var(--line-rgb),.3);padding-top:26px;margin-top:48px}
h4.fn-head{font-family:var(--sans);font-weight:600;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--deep);margin-bottom:16px}
.fn-list{margin:0;padding-left:1.5em}
.fn-list li{font-family:var(--serif);font-size:15.5px;line-height:1.62;color:var(--body-c);margin:0 0 10px;text-wrap:pretty}
.fn-list li::marker{font-family:var(--sans);font-weight:600;font-size:12px;color:var(--deep)}
.fn-list li:target{background:rgba(147,166,131,.22);box-shadow:-1.9em 0 0 rgba(147,166,131,.22),.4em 0 0 rgba(147,166,131,.22);outline:6px solid transparent}
.fn-back{font-family:var(--sans);font-size:12px;text-decoration:none;color:var(--deep);margin-left:.4em}
.fn-back:hover{color:var(--moss)}
body.mb-dark .fn-ref a,body.mb-dark .fn-back{color:var(--deep-t)}
body.mb-dark .fn-ref a:hover,body.mb-dark .fn-back:hover{color:var(--moss)}
body.mb-dark .fn-list li:target{background:rgba(147,166,131,.14);box-shadow:-1.9em 0 0 rgba(147,166,131,.14),.4em 0 0 rgba(147,166,131,.14)}

/* v3.5.0 — editable chrome copy: source containers never render */
.copy-src,[data-copy-src]{display:none !important}

/* v3.5.2 — per-line plate behind page titles (internal tag #plate-<color>) */
.title-plate .tp-span{background:var(--plate,#F3F1E7);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.03em .16em}
/* v3.5.21 — plates + title colors paint at FIRST load (no JS jitter): named tags resolved in pure CSS off data-title-tags; main.js still handles #plate-<hex>/#title-<hex> */
[data-title-tags~="hash-plate-green"]{--plate:#1D3728}
[data-title-tags~="hash-plate-sage"]{--plate:#5F7C50}
[data-title-tags~="hash-plate-cream"]{--plate:#F3F1E7}
[data-title-tags~="hash-plate-ink"]{--plate:#141812}
[data-title-tags*="hash-plate-"] > span{background:var(--plate,#F3F1E7);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.03em .16em}
[data-title-tags~="hash-title-green"]{color:#1D3728}
[data-title-tags~="hash-title-sage"]{color:#5F7C50}
[data-title-tags~="hash-title-cream"]{color:#F3F1E7}
[data-title-tags~="hash-title-ink"]{color:#141812}

/* v3.5.4 — editable project links (copy-donate PROJECT LINKS) */
.involved-projects .ip-links p{margin:0}

/* v3.5.7 — optical centering: Jost dashes/arrows sit at lowercase height; .fn-ar nudges them to cap-center (main.js wraps site-wide) */
.fn-ar{display:inline-block;transform:translateY(-.08em)}
.fn-ar,.ar-t{font-variant-emoji:text}

/* v3.5.13 — About outro holds a photograph (one of the last photos of Murray), not a plate: natural ratio */
.about-outro .fig-frame img{aspect-ratio:auto}

/* v3.5.14 — title plates follow dark mode (tag-picked cream/hex plates flattened to the dark card tone) */
body.mb-dark .title-plate .tp-span{background:#242B1E}
body.mb-dark [data-title-tags*="hash-plate-"] > span{background:#242B1E}

/* v3.5.16 — Articles: date sort (mirrors Lectures; light-page colors, dark mode via vars) */
.art-sort{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;margin:34px 0 -46px}
.art-sort .lec-sort-btn.is-on{color:var(--ink)}
.art-sort .lec-sort-btn.is-on::after{background:#5F7C50}
.art-sort .lec-sort-btn:not(.is-on):hover{color:var(--deep-t)}


/* v3.6.0 — THE MOBILE ROOT CAUSE: aspect-ratio + min-height makes the min-height TRANSFER
   through the ratio into a min-WIDTH (21/8 × 200px ⇒ 525px), so every page with a banner laid
   out wider than the phone — horizontal overflow everywhere, and iOS font-boosting kicked in
   on the widened viewport (why Jost stopped looking like Jost). Phones: taller ratio, no floor.
   (html,body{overflow-x:clip} above is the standing guard.) */
@media (max-width:720px){
  .header-band{aspect-ratio:16/9;min-height:0}
  .cinema .header-band{aspect-ratio:16/9;min-height:0}
  .plate-img.wide{aspect-ratio:3/2;min-height:0}
  .gh-content .kg-embed-card iframe[height]{min-height:0}
}

/* v3.6.0 — footer on phones: same information, half the sprawl. Blurb full-width, site links
   2-col, Support and Newsletter share a row, Also-See tight, quote leads the base block. */
@media (max-width:720px){
  .footer-wrap{padding-top:40px;padding-bottom:26px}
  .footer-giant{font-size:clamp(36px,10.5vw,52px)}
  .footer-hair{margin:20px 0 26px}
  .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
  .fcol-about{grid-column:1/-1;max-width:none}
  .fcol-about p{font-size:14.5px;max-width:44ch}
  .fcol-site{grid-column:1/-1}
  .fcol-site .nav{max-width:none;gap:10px 20px}
  .fcol-support{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 26px;align-items:start}
  .fcol-support > .fkicker{grid-column:1;grid-row:1;margin-bottom:12px}
  .f-donate{grid-column:1;grid-row:2;white-space:nowrap;align-self:start;justify-self:start}
  .f-news{grid-column:2;grid-row:1/span 2;margin-top:0;min-width:0}
  .nl-form{max-width:none;width:100%}
  .fcol-also{grid-column:1/-1}
  .fcol-also .nav{gap:8px}
  .fcol-also .nav a{font-size:12px}
  .footer-base{margin-top:32px;padding-top:20px;gap:14px 14px}
  .fbase-quote{font-size:15px;max-width:30ch}
  .fbase-copy{font-size:10.5px}
}

/* v3.7.0 — mobile round 2: full-bleed era rail; donate-org rows stack with desktop rhythm;
   influence figures get sprig vines back on phones; RTL top bar uses logical margins (Arabic
   toggles were crashing into the brand); Arabic also zeroes the text-indent centering trick;
   400M credit is the logo alone (right, above the © line); and the root canvas splits
   paper-over-green so the below-footer URL-bar/overscroll zone paints footer-green. */
html{background:linear-gradient(180deg,#F3F1E7 0 55%,#141812 55% 100%)}
html.mb-dark-pre,html:has(body.mb-dark){background:linear-gradient(180deg,#12160E 0 55%,#141812 55% 100%)}
@media (max-width:720px){
  .timeline-rail{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:12px 22px;border-left:0;border-right:0}
  .era-slide{gap:12px}
  .era-slide .slide-big{font-size:34px}
  .era-dots{max-width:none;flex:none;flex-wrap:nowrap;gap:7px}
  .era-dots button{width:9px;height:9px}
  .donate-org{display:block;padding:15px 0 17px}
  a.donate-org-name{display:inline}
  .donate-org-desc{display:block;margin-top:7px}
  .inf-node::before{content:"";display:block;width:13px;height:24px;margin:0 auto 6px;background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7.9%200C6.4%209%208.9%2024%207.5%2040L6.2%2040C7.5%2025%205.1%2010%206.3%200Z%22%20fill%3D%22%23537048%22%2F%3E%3Cpath%20d%3D%22M9.4%203C8.2%2012%2010%2024%209%2037%22%20fill%3D%22none%22%20stroke%3D%22%23537048%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.35%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E') center/100% 100% no-repeat}
  .inf-node-lg::before{display:none}
  .inf-cols,.inf-row{row-gap:20px}
}