:root{
    --paper:#EFE8D3;
    --paper-2:#E6DEC6;
    --ink:#17191A;
    --crimson:#D76D50;
    --khaki:#8B9A85;
    --stone:#736E60;
    --line:#D8D0B8;
    --lime:#BEFF8B;
    --obsidian:#0E1417;
    --max-w:1200px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;}
  h1,h2,h3{font-family:'Roboto Slab',serif;font-weight:600;letter-spacing:-0.005em;color:var(--ink);}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--crimson);display:flex;align-items:center;gap:0.6em;}
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--crimson);display:inline-block;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:var(--max-w);margin:0 auto;padding:0 34px;}
  section{padding:96px 0;}

  /* HEADER */
  header{position:sticky;top:0;z-index:60;background:rgba(239,232,211,0.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
  header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;}
  .brand{
    display:flex;align-items:center;gap:11px;
    background:var(--obsidian);
    padding:9px 16px 9px 13px;
    border-radius:0.5rem;
  }
  .brand svg{width:26px;height:auto;display:block;}
  .brand .title{
    font-family:'Roboto Slab',serif;font-weight:600;font-size:0.98rem;
    letter-spacing:0.01em;color:var(--lime);
  }
  nav.main{display:flex;align-items:center;gap:30px;}
  nav.main > a, nav.main .dd > button{
    font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:0.04em;
    color:var(--stone);background:none;border:none;cursor:pointer;padding:0;
    transition:color .2s ease;display:flex;align-items:center;gap:6px;
  }
  nav.main > a:hover, nav.main .dd > button:hover{color:var(--ink);}
  .dd{position:relative;}
  .dd .caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease;}
  .dd.open .caret{transform:rotate(180deg);}
  .dd-menu{
    position:absolute;top:calc(100% + 14px);left:-18px;
    background:var(--paper);border:1px solid var(--line);
    min-width:190px;padding:10px 0;
    box-shadow:0 10px 30px rgba(27,25,23,0.12);
    opacity:0;pointer-events:none;transform:translateY(-6px);
    transition:opacity .18s ease, transform .18s ease;
  }
  .dd.open .dd-menu{opacity:1;pointer-events:auto;transform:translateY(0);}
  .dd-menu a{display:block;padding:9px 18px;font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:0.03em;color:var(--stone);}
  .dd-menu a:hover{color:var(--crimson);background:var(--paper-2);}

  /* HERO */
  .hero{padding:0;border-bottom:1px solid var(--line);}
  .hero-img{
    position:relative;
    height:min(92vh, 880px);
    background-image:url("images/hero.jpg");
    background-size:cover;background-position:center 46%;
  }
  .hero-claim{
    position:absolute;left:0;right:0;bottom:0;
    background:linear-gradient(to top, rgba(239,232,211,0.98) 0%, rgba(239,232,211,0.93) 42%, rgba(239,232,211,0.55) 72%, rgba(239,232,211,0.12) 88%, rgba(239,232,211,0) 100%);
    padding:104px 0 52px;
  }
  .hero-claim h1{
    font-size:clamp(2.3rem,5.2vw,4.2rem);
    line-height:1.03;max-width:18ch;letter-spacing:-0.012em;
  }
  .hero-claim .hero-q{
    font-family:'Roboto Slab',serif;font-weight:500;
    font-size:clamp(1rem,1.55vw,1.28rem);line-height:1.4;
    color:#3A382F;margin-top:16px;max-width:54ch;
  }
  .hero-sub{
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:start;
    padding:44px 0 64px;
  }
  .hero-sub .lede{font-size:1.1rem;color:#3A382F;max-width:52ch;}
  .hero-sub .lede .mono{font-family:'JetBrains Mono',monospace;font-size:0.74rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--crimson);display:block;margin-bottom:14px;}
  .subscribe{
    background:var(--obsidian);border:1px solid var(--obsidian);
    padding:28px 26px 30px;border-radius:0.5rem;
  }
  .subscribe .s-title{
    font-family:'Roboto Slab',serif;font-weight:600;font-size:1.1rem;
    margin-bottom:6px;color:#EDEFEA;
  }
  .subscribe .s-sub{font-size:0.85rem;color:#9AA3A7;margin-bottom:18px;}
  .subscribe form{display:flex;gap:0;}
  .subscribe input{
    flex:1;border:1px solid #2A3236;border-right:none;background:#161C20;
    padding:12px 14px;font-family:'JetBrains Mono',monospace;font-size:0.8rem;
    color:#EDEFEA;outline:none;min-width:0;
    border-radius:0.5rem 0 0 0.5rem;
    transition:border-color .2s ease;
  }
  .subscribe input:focus{border-color:var(--lime);}
  .subscribe input::placeholder{color:#6E7478;}
  .subscribe button{
    background:var(--lime);color:var(--obsidian);border:1px solid var(--lime);
    font-family:'JetBrains Mono',monospace;font-size:0.76rem;font-weight:500;
    letter-spacing:0.05em;padding:12px 22px;cursor:pointer;
    border-radius:0 0.5rem 0.5rem 0;
    transition:background .2s ease, border-color .2s ease;
  }
  .subscribe button:hover{background:#D2FFA6;border-color:#D2FFA6;}

  /* MISSION */
  .mission{background:var(--ink);color:var(--paper);}
  .mission .eyebrow{color:var(--khaki);}
  .mission .eyebrow::before{background:var(--khaki);}
  .mission h2{color:var(--paper);font-size:1.9rem;margin:16px 0 28px;}
  .mission p.statement{
    font-family:'Roboto Slab',serif;font-weight:500;
    font-size:clamp(1.3rem,2.4vw,1.9rem);
    line-height:1.42;max-width:40ch;color:var(--paper);
  }
  .mission p.follow{margin-top:26px;color:#B9B4A6;max-width:62ch;font-size:1rem;}

  /* MEMBERS */
  .members h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.28;margin:16px 0 22px;max-width:30ch;}
  .members .mission-body{
    font-size:1.02rem;line-height:1.66;color:#45423A;
    max-width:70ch;margin-bottom:52px;
  }
  .members .mission-inline{
    font-family:'Roboto Slab',serif;font-weight:500;
    font-size:clamp(1.12rem,1.85vw,1.4rem);line-height:1.48;
    color:var(--ink);max-width:54ch;margin-bottom:24px;
  }
  .members > .wrap > p.intro{color:var(--stone);max-width:64ch;margin-bottom:56px;}
  /* member carousel */
  .member-scroller{position:relative;}
  .member-grid{
    display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*32px)/4);
    gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-behavior:smooth;padding-bottom:8px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .member-grid::-webkit-scrollbar{display:none;}
  .member-grid > *{scroll-snap-align:start;}
  .car-nav{display:flex;gap:10px;justify-content:flex-end;margin-bottom:18px;}
  .car-btn{
    width:42px;height:42px;border:1px solid var(--line);background:transparent;
    color:var(--ink);cursor:pointer;font-size:1rem;line-height:1;
    display:flex;align-items:center;justify-content:center;
    transition:all .2s ease;
  }
  .car-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .car-btn[disabled]{opacity:0.3;cursor:default;}
  .car-btn[disabled]:hover{background:transparent;color:var(--ink);border-color:var(--line);}
  .car-count{font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--stone);
    margin-right:auto;align-self:center;}
  .m-card{cursor:pointer;background:transparent;border:none;text-align:left;padding:0;font-family:inherit;display:block;width:100%;}
  .m-head{display:block;}
  .m-photo{
    width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
    border:1px solid var(--line);
    transition:border-color .25s ease;
  }
  .m-card:hover .m-photo{border-color:var(--crimson);}
  .m-name{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.12rem;margin-top:16px;}
  .m-affil{font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.03em;color:var(--stone);margin-top:5px;}
  .m-prov{font-family:'Roboto Slab',serif;font-weight:500;font-size:1.14rem;line-height:1.38;color:#1A1E20;margin-top:14px;}
  .m-more{font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.06em;color:var(--crimson);margin-top:12px;display:inline-block;}
  .m-card:hover .m-more{text-decoration:underline;}

  /* TEAM */
  .team{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .team h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.28;margin:16px 0 20px;max-width:30ch;}
  .team-intro{color:#3A382F;line-height:1.66;max-width:70ch;margin-bottom:48px;}
  .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
  .t-photo{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);margin-bottom:16px;}
  
  .t-card .role{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--crimson);}
  .t-card .name{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.14rem;margin-top:8px;}
  .t-card .inst{font-size:0.84rem;color:var(--stone);margin-top:4px;}

  /* TEXTS */
  .texts h2{font-size:1.9rem;margin:16px 0 12px;}
  .texts .t-note{color:var(--stone);max-width:60ch;margin-bottom:44px;}
  .essay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:44px;}
  .e-card{display:block;}
  .e-img{aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);}
  .e-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
  .e-card:hover .e-img img{transform:scale(1.04);}
  .e-kicker{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.05em;color:var(--stone);margin-top:14px;text-transform:uppercase;}
  .e-title{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.12rem;line-height:1.3;margin-top:8px;transition:color .2s ease;}
  .e-card:hover .e-title{color:var(--crimson);}
  .e-date{font-family:'JetBrains Mono',monospace;font-size:0.68rem;color:var(--crimson);margin-top:8px;}
  .btn{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:0.05em;padding:13px 24px;border:1px solid var(--ink);color:var(--ink);transition:all .2s ease;}
  .btn.solid{background:var(--ink);color:var(--paper);}
  .btn:hover{background:var(--crimson);border-color:var(--crimson);color:var(--paper);}

  /* TIMELINE */
  .timeline{background:var(--paper-2);border-top:1px solid var(--line);}
  .timeline h2{font-size:1.8rem;margin:16px 0 44px;}
  .tl-row{display:flex;flex-wrap:wrap;}
  .tl{flex:1;min-width:210px;padding:24px 28px;border-left:1px solid var(--khaki);}
  .tl:first-child{border-left:none;padding-left:0;}
  .tl .date{font-family:'JetBrains Mono',monospace;font-size:0.74rem;color:var(--crimson);}
  .tl .label{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.08rem;margin-top:8px;}
  .tl.hl{background:var(--obsidian);border-left-color:var(--obsidian);}
  .tl.hl .date{color:var(--lime);}
  .tl.hl .label{color:var(--paper);}

  /* ABOUT */
  .about{background:var(--paper-2);border-top:1px solid var(--line);}
  .about h2{font-size:1.8rem;margin:16px 0 20px;}
  .about .a-text{color:#3A382F;max-width:70ch;}

  /* FOOTER */
  footer{background:var(--ink);color:#B9B4A6;padding:60px 0 44px;}
  footer .wrap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:26px;}
  footer .inst{font-size:0.86rem;max-width:46ch;}
  footer .links{display:flex;gap:22px;}
  footer .links a{font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--khaki);}
  footer .links a:hover{color:var(--paper);}
  footer .mono{font-family:'JetBrains Mono',monospace;font-size:0.7rem;margin-top:16px;color:#8A857A;}

  /* MEMBER DETAIL OVERLAY */
  .overlay{
    position:fixed;inset:0;z-index:100;background:var(--paper);
    overflow-y:auto;display:none;
  }
  .overlay.open{display:block;}
  .ov-top{position:sticky;top:0;background:rgba(239,232,211,0.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:5;}
  .ov-top .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px;}
  .ov-close{font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:0.05em;color:var(--stone);background:none;border:1px solid var(--line);padding:9px 16px;cursor:pointer;transition:all .2s ease;}
  .ov-close:hover{color:var(--paper);background:var(--crimson);border-color:var(--crimson);}
  .ov-body{max-width:820px;margin:0 auto;padding:72px 34px 110px;}
  .ov-body .eyebrow{margin-bottom:20px;}
  .ov-body h1{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.12;margin-bottom:10px;}
  .ov-body .who{font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--stone);margin-bottom:44px;}
  .ov-body .prov-full p{margin-bottom:22px;font-size:1.06rem;color:#1A1E20;}
  .ov-body .prov-full p:first-of-type::first-letter{
    font-family:'Roboto Slab',serif;font-size:3.2em;font-weight:600;float:left;
    line-height:0.85;margin:6px 12px 0 0;color:var(--crimson);
  }

  @media (max-width:900px){
    nav.main{gap:18px;}
    .hero-sub{grid-template-columns:1fr;}
    .member-grid{grid-auto-columns:calc((100% - 32px)/2);}
    .essay-grid{grid-template-columns:repeat(2,1fr);}
    .team-grid{grid-template-columns:repeat(2,1fr);}
    .tl-row{flex-direction:column;}
    .tl{border-left:none;border-top:1px solid var(--khaki);padding:20px 0;}
    .tl:first-child{border-top:none;}
  }
  @media (max-width:560px){
    .member-grid{grid-auto-columns:78%;}
    .essay-grid{grid-template-columns:1fr;}
    .team-grid{grid-template-columns:1fr;}
    .brand .title{font-size:0.9rem;}
  }


  /* ============ SUBPAGE STYLES ============ */
  .page-head{padding:88px 0 44px;border-bottom:1px solid var(--line);}
  .page-head h1{font-size:clamp(2.2rem,4.4vw,3.2rem);line-height:1.08;margin:16px 0 0;}
  .page-head .standfirst{font-size:1.08rem;color:#3A382F;max-width:62ch;margin-top:20px;}
  .page-body{padding:72px 0 110px;}
  .prose{max-width:74ch;}
  .prose h2{font-size:1.55rem;margin:52px 0 16px;}
  .prose h2:first-child{margin-top:0;}
  .prose h3{font-size:1.12rem;margin:34px 0 10px;}
  .prose p{margin-bottom:20px;color:#3A382F;font-size:1.03rem;line-height:1.68;}
  .prose ul{margin:0 0 22px 0;padding-left:0;list-style:none;}
  .prose li{position:relative;padding-left:22px;margin-bottom:13px;color:#3A382F;line-height:1.62;}
  .prose li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--crimson);}
  .prose strong{font-weight:600;color:var(--ink);}
  .prose .lead{font-family:'Roboto Slab',serif;font-weight:500;font-size:1.24rem;line-height:1.5;color:var(--ink);margin-bottom:28px;}
  .pullquote{font-family:'Roboto Slab',serif;font-weight:500;font-size:1.3rem;line-height:1.45;color:var(--ink);
    border-left:3px solid var(--crimson);padding:4px 0 4px 24px;margin:36px 0;max-width:60ch;}

  /* provocations index */
  .prov-list{display:flex;flex-direction:column;}
  .prov-entry{padding:44px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:36px;align-items:start;}
  .prov-entry:last-child{border-bottom:1px solid var(--line);}
  .prov-entry img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);}
  .prov-entry .who{font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.05em;color:var(--stone);text-transform:uppercase;margin-bottom:10px;}
  .prov-entry h2{font-size:1.5rem;margin:0 0 8px;}
  .prov-entry .short{font-family:'Roboto Slab',serif;font-weight:500;font-size:1.16rem;color:var(--crimson);margin-bottom:16px;}
  .prov-entry .full p{margin-bottom:16px;color:#3A382F;line-height:1.66;}
  .prov-entry .full p:last-child{margin-bottom:0;}

  /* organizers */
  .org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
  .org-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);margin-bottom:16px;}
  .org-card .role{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--crimson);}
  .org-card .name{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.14rem;margin-top:8px;}
  .org-card .inst{font-size:0.84rem;color:var(--stone);margin-top:4px;}

  /* timeline table on How We Work */
  .schedule{border-top:1px solid var(--line);margin-top:8px;}
  .sched-row{display:grid;grid-template-columns:220px 1fr 180px;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline;}
  .sched-row .period{font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--ink);}
  .sched-row .what{color:#3A382F;}
  .sched-row .due{font-family:'JetBrains Mono',monospace;font-size:0.76rem;color:var(--crimson);text-align:right;}
  .sched-row.head{border-bottom:1px solid var(--ink);padding-bottom:12px;}
  .sched-row.head div{font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--stone);}

  @media (max-width:900px){
    .prov-entry{grid-template-columns:84px 1fr;gap:22px;}
    .org-grid{grid-template-columns:repeat(2,1fr);}
    .sched-row{grid-template-columns:1fr;gap:6px;}
    .sched-row .due{text-align:left;}
    .sched-row.head{display:none;}
  }

  /* provocation entries with bio + essays */
  .prov-entry .bio{color:#54514A;line-height:1.64;margin-bottom:6px;font-size:0.94rem;}
  .prov-entry .sub{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.1em;
    text-transform:uppercase;color:var(--stone);margin:28px 0 10px;}
  .essay-arc{border-top:1px solid var(--line);}
  .arc-row{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);}
  .arc-row .stage{font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--crimson);}
  .arc-row .desc{color:#3A382F;font-size:0.96rem;line-height:1.55;}
  .prov-entry.pending .short{color:var(--stone);font-style:italic;}
  @media (max-width:900px){ .arc-row{grid-template-columns:1fr;gap:4px;} }

  /* organizer entries with bios */
  .org-list{display:flex;flex-direction:column;}
  .org-entry{display:grid;grid-template-columns:150px 1fr;gap:36px;padding:40px 0;border-top:1px solid var(--line);align-items:start;}
  .org-entry:last-child{border-bottom:1px solid var(--line);}
  .org-entry img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);}
  .org-entry .role{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--crimson);}
  .org-entry h2{font-size:1.4rem;margin:8px 0 14px;}
  .org-entry .bio{color:#3A382F;line-height:1.66;font-size:0.98rem;}
  .coord-block{margin-top:56px;padding-top:36px;border-top:1px solid var(--line);}
  .coord-block .sub{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--stone);margin-bottom:16px;}
  .coord-names{display:flex;gap:48px;flex-wrap:wrap;}
  .coord-names .n{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.05rem;}
  .coord-names .o{font-size:0.86rem;color:var(--stone);margin-top:4px;}
  @media (max-width:900px){ .org-entry{grid-template-columns:100px 1fr;gap:22px;} }

  /* hypotheses */
  .hyp-list{display:flex;flex-direction:column;}
  .hyp{display:grid;grid-template-columns:80px 1fr;gap:32px;padding:38px 0;border-top:1px solid var(--line);align-items:start;}
  .hyp:last-child{border-bottom:1px solid var(--line);}
  .hyp-num{font-family:'JetBrains Mono',monospace;font-size:1.5rem;color:var(--crimson);line-height:1;padding-top:4px;}
  .hyp h2{font-family:'Roboto Slab',serif;font-weight:600;font-size:1.32rem;line-height:1.34;margin:0 0 14px;max-width:46ch;}
  .hyp p{color:#3A382F;line-height:1.68;font-size:1.01rem;max-width:72ch;margin:0;}
  @media (max-width:900px){ .hyp{grid-template-columns:1fr;gap:10px;} .hyp-num{font-size:1.1rem;} }

  /* The Vision section */
  .vision{
    background:var(--paper-2);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    position:relative;overflow:hidden;
  }
  .vision-bleed{
    position:relative;
    background-image:url("images/vision.jpg");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:auto 100%;
  }
  /* cream gradient over the left ~60% so text sits on near-solid panel, image bleeds in from the right */
  .vision-bleed::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(to right,
      var(--paper-2) 0%, var(--paper-2) 34%,
      rgba(230,222,198,0.86) 50%, rgba(230,222,198,0.35) 68%, rgba(230,222,198,0) 82%);
  }
  .vision-bleed > .wrap{position:relative;}
  .vision-text{max-width:48ch;}
  .vision .mission-inline{max-width:46ch;}
  .vision .mission-body{max-width:48ch;}
  @media (max-width:820px){
    .vision-bleed{background-image:none;}
    .vision-bleed::before{display:none;}
    .vision{
      background-image:url("images/vision.jpg");
      background-repeat:no-repeat;background-position:top center;background-size:100% auto;
      padding-top:52vw;
    }
    .vision::before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(to bottom, rgba(230,222,198,0) 0%, rgba(230,222,198,0.7) 34%, var(--paper-2) 50%);
    }
    .vision > .vision-bleed{position:relative;}
    .vision-text{max-width:none;}
  }
  .vision h2{font-size:2rem;margin:14px 0 22px;max-width:24ch;}
  .vision .mission-inline{
    font-family:'Roboto Slab',serif;font-weight:500;
    font-size:clamp(1.12rem,1.85vw,1.4rem);line-height:1.48;
    color:var(--ink);max-width:54ch;margin-bottom:24px;
  }
  .vision .mission-body{font-size:1.02rem;line-height:1.66;color:#3A382F;max-width:70ch;margin-bottom:32px;}
  .vision-ctas{display:flex;flex-wrap:wrap;gap:14px;}
  .vision-ctas .btn{margin-right:14px;}
  .vision-ctas .btn:last-child{margin-right:0;}
  .members h2{max-width:30ch;}

  /* hero: keep the larger headline comfortable on smaller screens */
  @media (max-width:1100px){
    .hero-img{height:min(84vh, 720px);}
    .hero-claim{padding:88px 0 42px;}
    .hero-claim h1{max-width:16ch;}
    .hero-claim .hero-q{max-width:46ch;}
  }
  @media (max-width:700px){
    .hero-img{height:min(76vh, 560px);}
    .hero-claim{padding:70px 0 32px;}
    .hero-claim h1{font-size:clamp(1.75rem,7.4vw,2.4rem);max-width:14ch;}
    .hero-claim .hero-q{font-size:0.98rem;max-width:34ch;}
  }

  /* initial tile where no photograph exists */
  .t-blank{
    display:flex;align-items:center;justify-content:center;
    background:var(--paper-2);border:1px solid var(--line);
    aspect-ratio:1/1;width:100%;margin-bottom:16px;
  }
  .t-blank span{
    font-family:'JetBrains Mono',monospace;font-size:1.1rem;
    letter-spacing:0.06em;color:var(--stone);
  }

  /* essays now sit between two untinted sections — needs its own separation */
  .texts{border-bottom:1px solid var(--line);}

  /* CONCEPT NOTE: long-form layout with sticky contents */
  .cn-layout{display:grid;grid-template-columns:210px 1fr;gap:64px;align-items:start;}
  .cn-toc{position:sticky;top:88px;}
  .cn-toc-label{font-family:'JetBrains Mono',monospace;font-size:0.64rem;letter-spacing:0.12em;
    text-transform:uppercase;color:var(--stone);margin-bottom:14px;
    padding-bottom:10px;border-bottom:1px solid var(--line);}
  .cn-toc a{display:block;font-size:0.84rem;line-height:1.34;color:var(--stone);
    padding:7px 0;transition:color .18s ease;}
  .cn-toc a:hover{color:var(--crimson);}
  .cn-prose{max-width:70ch;}
  .cn-prose h2{scroll-margin-top:96px;font-size:1.7rem;margin:64px 0 18px;
    padding-top:22px;border-top:1px solid var(--line);}
  .cn-prose h2:first-child{margin-top:0;border-top:none;padding-top:0;}
  .cn-prose h3{font-size:1.14rem;margin:38px 0 12px;color:var(--ink);}
  .cn-prose p{margin-bottom:20px;font-size:1.03rem;line-height:1.72;color:#3A382F;}
  .cn-prose .pullquote{font-family:'Roboto Slab',serif;font-weight:500;font-size:1.2rem;
    line-height:1.5;color:var(--ink);border-left:3px solid var(--crimson);
    padding:6px 0 6px 24px;margin:32px 0;}
  .cn-sign{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);
    font-family:'JetBrains Mono',monospace;font-size:0.82rem;color:var(--stone);}
  @media (max-width:1000px){
    .cn-layout{grid-template-columns:1fr;gap:0;}
    .cn-toc{position:static;margin-bottom:48px;padding-bottom:20px;border-bottom:1px solid var(--line);
      column-count:2;column-gap:32px;}
  }

  /* associated member distinction */
  .m-affil.assoc-tag{
    color:var(--crimson);font-weight:500;text-transform:none;
    letter-spacing:0.02em;margin-top:8px;margin-bottom:2px;
  }
  .m-card.assoc .m-photo{border-color:var(--crimson);}
  .prov-entry .short.assoc-line{
    font-family:'JetBrains Mono',monospace;font-size:0.72rem;
    letter-spacing:0.06em;text-transform:uppercase;color:var(--crimson);
  }

  /* linked organizer cards */
  a.t-card{display:block;text-decoration:none;color:inherit;}
  a.t-card .t-photo{transition:border-color .2s ease;}
  a.t-card:hover .t-photo{border-color:var(--crimson);}
  a.t-card:hover .name{color:var(--crimson);}
  a.t-card .name{transition:color .2s ease;}
  /* organizer bio entries: scroll offset for the sticky header */
  .org-entry[id]{scroll-margin-top:90px;}