/* ============================================================
   INNER PAGES CSS — agenda, the-work, archive, about, join
   ============================================================ */

/* ── Agenda: sticky pillar nav ── */
.pillar-nav{position:sticky;top:var(--hh);z-index:50;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.pillar-nav::-webkit-scrollbar{display:none}
.pillar-nav__inner{display:flex}
.pnav-btn{padding:1rem 1.5rem;font-size:.79rem;font-weight:600;letter-spacing:.05em;color:var(--muted);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--dur),border-bottom-color var(--dur);font-family:var(--fn)}
.pnav-btn.active,.pnav-btn:hover{color:var(--green);border-bottom-color:var(--green)}

/* Pillar sections */
.pillar-section{padding:5rem 0;border-bottom:1px solid var(--border)}
.pillar-section:nth-child(odd){background:#fff}
.pillar-section:nth-child(even){background:var(--cream)}
.pillar-section__hdr{display:flex;align-items:flex-start;gap:3rem;margin-bottom:3rem}
.pillar-section__num{font-family:var(--fd);font-size:6rem;font-weight:900;line-height:1;color:var(--cream-d);flex-shrink:0}
.pillar-section:nth-child(even) .pillar-section__num{color:rgba(15,81,50,.08)}
.pillar-section__tb h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.75rem}
.pillar-section__tb h2 em{font-style:italic;color:var(--green)}
.pillar-section__tb p{font-family:var(--fs);font-size:1.08rem;color:var(--muted);line-height:1.75;max-width:58ch}
.pillar-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.pillar-points{display:flex;flex-direction:column;gap:1.5rem}
.pillar-point{display:flex;gap:1.25rem;align-items:flex-start}
.pillar-point__dot{width:8px;height:8px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:.55em}
.pillar-point h4{font-size:1rem;margin-bottom:.35rem}
.pillar-point p{font-family:var(--fs);font-size:.96rem;color:var(--muted);line-height:1.65;margin:0}
.pillar-aside{display:flex;flex-direction:column;gap:1.5rem}
.pillar-aside__img{position:relative;overflow:hidden}
.pillar-aside__img img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Primer band */
.primer-band{background:var(--green-dark);padding:4rem 0}
.primer-band__inner{display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}
.primer-band h2{color:#f5f1e8;margin-bottom:.5rem}
.primer-band p{color:rgba(245,241,232,.65);margin:0;font-family:var(--fs);font-size:1.02rem}

/* ── Work: tab nav ── */
.work-tabs{position:sticky;top:var(--hh);z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.work-tabs__inner{display:flex}
.wtab{flex:1;padding:1.2rem 1rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;color:var(--muted);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--dur);text-align:center;font-family:var(--fn)}
.wtab.active{color:var(--green);border-bottom-color:var(--green);background:rgba(15,81,50,.03)}
.wtab:hover:not(.active){color:var(--ink)}
.corridor-panel{display:none}
.corridor-panel.active{display:block}
.corridor-hero{background:var(--green-dark);padding:5rem 0 4rem;position:relative;overflow:hidden}
.corridor-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28}
.corridor-hero__ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,53,32,.6) 0%,transparent 70%)}
.corridor-hero__inner{position:relative;z-index:2}
.corridor-hero h2{color:#f5f1e8;font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.25rem}
.corridor-hero h2 em{font-style:italic;color:var(--gold)}
.corridor-hero p{font-family:var(--fs);font-size:1.1rem;color:rgba(245,241,232,.7);line-height:1.8;max-width:58ch}
.initiatives-section{padding:var(--sv) 0;background:var(--cream)}
.initiatives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.init-card{background:#fff;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--dur),transform var(--dur)}
.init-card:hover{box-shadow:var(--sh);transform:translateY(-4px)}
.init-card__img{height:180px;overflow:hidden;flex-shrink:0}
.init-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.init-card:hover .init-card__img img{transform:scale(1.06)}
.init-card__body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.init-card__tag{font-size:.67rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:.6rem}
.init-card h3{font-size:1.02rem;line-height:1.35;margin-bottom:.75rem}
.init-card p{font-family:var(--fs);font-size:.94rem;color:var(--muted);line-height:1.65;flex:1;margin-bottom:1.25rem}
.init-card__footer{padding-top:1rem;border-top:1px solid var(--border);margin-top:auto}

/* ── Archive ── */
.docs-grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border)}
.doc-row{background:#fff;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:1.5rem;padding:1.2rem 1.5rem;transition:background var(--dur);text-decoration:none;color:inherit}
.doc-row:hover{background:var(--cream)}
.doc-icon{width:44px;height:44px;background:rgba(15,81,50,.08);border:1px solid rgba(15,81,50,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc-icon svg{width:20px;height:20px;color:var(--green)}
.doc-info h4{font-size:.93rem;margin-bottom:.25rem;transition:color var(--dur)}
.doc-row:hover .doc-info h4{color:var(--green)}
.doc-meta{display:flex;gap:1rem;flex-wrap:wrap}
.doc-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.73rem;color:var(--muted)}
.doc-meta-item svg{width:12px;height:12px;color:var(--green)}
.doc-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}
.upload-section{background:#fff;padding:var(--sv) 0;border-top:4px solid var(--green)}
.upload-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:3rem}
.upload-step{background:#fff;padding:2rem 1.75rem}
.upload-step__num{width:36px;height:36px;background:var(--green);color:#fff;font-family:var(--fd);font-size:1.1rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.upload-step h3{font-size:1.02rem;margin-bottom:.5rem}
.upload-step p{font-size:.86rem;color:var(--muted);line-height:1.6;margin:0}
.upload-form-wrap{background:var(--cream);border:1px solid var(--border);padding:3rem;max-width:720px;margin:0 auto}
.security-note{background:rgba(15,81,50,.05);border:1px solid rgba(15,81,50,.12);padding:1rem 1.25rem;display:flex;gap:.75rem;align-items:flex-start;margin-bottom:2rem}
.security-note svg{width:18px;height:18px;color:var(--green);flex-shrink:0;margin-top:1px}
.security-note p{font-size:.81rem;color:var(--muted);line-height:1.55;margin:0}

/* ── About ── */
.about-origins{background:#fff;padding:var(--sv) 0}
.about-origins__inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-origins__text h2{margin-bottom:1.25rem}
.about-origins__text h2 em{font-style:italic;color:var(--green)}
.about-origins__text p{font-family:var(--fs);font-size:1.06rem;color:var(--muted);line-height:1.78}
.about-origins__img{position:relative}
.about-origins__img img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}
.about-origins__cap{position:absolute;bottom:0;left:0;right:0;background:var(--green-dark);padding:.9rem 1.5rem;font-family:var(--fs);font-size:.86rem;font-style:italic;color:rgba(245,241,232,.65)}
.principal-section{background:var(--cream);padding:var(--sv) 0;border-top:1px solid var(--border)}
.principal-inner{display:grid;grid-template-columns:320px 1fr;gap:4rem;align-items:start}
.principal-photo{position:relative}
.principal-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;display:block}
.principal-photo__acc{position:absolute;bottom:-16px;right:-16px;width:55%;height:55%;border:2px solid rgba(176,137,0,.3);z-index:-1}
.principal-content h2{margin-bottom:.5rem}
.principal-content h2 em{font-style:italic;color:var(--gold)}
.principal-title{font-size:.83rem;color:var(--green);font-weight:600;letter-spacing:.04em;margin-bottom:2rem}
.principal-content p{font-family:var(--fs);font-size:1.06rem;color:var(--muted);line-height:1.78}
.principal-creds{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0}
.cred-item{display:flex;align-items:center;gap:.75rem;font-size:.86rem;color:var(--muted)}
.cred-item svg{width:15px;height:15px;color:var(--green);flex-shrink:0}
.trustees-section{background:#fff;padding:var(--sv) 0;border-top:1px solid var(--border)}
.trustees-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}
.trustee-card{text-align:center}
.trustee-card__photo{width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:1rem;background:var(--cream);border:1px solid var(--border)}
.trustee-card__photo img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.trustee-card:hover .trustee-card__photo img{transform:scale(1.05)}
.trustee-card h4{font-size:.93rem;margin-bottom:.25rem}
.trustee-card p{font-size:.76rem;color:var(--muted);margin:0}
.transparency-section{background:var(--cream);padding:var(--sv) 0;border-top:1px solid var(--border)}
.transparency-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.funding-bars{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}
.fbar__label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:.45rem;font-weight:500}
.fbar__track{height:6px;background:var(--border);border-radius:3px;overflow:hidden}
.fbar__fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:3px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.contact-card{background:#fff;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:.75rem}
.contact-card__icon{width:44px;height:44px;background:rgba(15,81,50,.07);border:1px solid rgba(15,81,50,.15);display:flex;align-items:center;justify-content:center}
.contact-card__icon svg{width:20px;height:20px;color:var(--green)}
.contact-card h4{font-size:.93rem;margin:0}
.contact-card a{font-size:.83rem;color:var(--green);word-break:break-word}

/* ── Join ── */
.join-hero{background:var(--green-dark);position:relative;overflow:hidden;padding:7rem 0 5rem}
.join-hero__bg{position:absolute;inset:0;background-image:url('/assets/images/placeholder.jpg');background-size:cover;background-position:center top;opacity:.28}
.join-hero__ov{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 70% 50%,rgba(176,137,0,.06) 0%,transparent 65%)}
.join-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px}
.join-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 360px;gap:4rem;align-items:center}
.join-hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:#f5f1e8;margin-bottom:1.25rem}
.join-hero h1 em{font-style:italic;color:var(--gold)}
.join-hero__lede{font-family:var(--fs);font-size:1.12rem;color:rgba(245,241,232,.7);line-height:1.8;max-width:52ch;margin-bottom:2rem}
.join-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);margin-top:2.5rem}
.join-stat{text-align:center;padding:1.25rem 1rem;background:rgba(255,255,255,.02)}
.join-stat__num{font-family:var(--fd);font-size:2.2rem;font-weight:900;color:var(--gold);line-height:1;margin-bottom:.3rem}
.join-stat__lbl{font-size:.7rem;color:rgba(245,241,232,.5)}
.quick-reg{background:rgba(255,255,255,.05);border:1px solid rgba(176,137,0,.2);backdrop-filter:blur(8px);padding:2rem}
.quick-reg h3{color:#f5f1e8;font-size:1.2rem;margin-bottom:.5rem}
.quick-reg > p{color:rgba(245,241,232,.55);font-size:.84rem;margin-bottom:1.5rem}
.quick-reg .form-group label{color:rgba(245,241,232,.45)}
.quick-reg input,.quick-reg select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f5f1e8}
.quick-reg input::placeholder{color:rgba(245,241,232,.3)}
.quick-reg input:focus,.quick-reg select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,137,0,.12)}
.quick-reg .consent-row label{color:rgba(245,241,232,.45)}
.benefits-section{background:#fff;padding:var(--sv) 0;border-top:1px solid var(--border)}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.benefit-card{background:var(--cream);border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:border-color var(--dur),box-shadow var(--dur)}
.benefit-card:hover{border-color:rgba(15,81,50,.25);box-shadow:0 2px 8px rgba(0,0,0,.09)}
.benefit-card__icon{width:48px;height:48px;background:rgba(15,81,50,.07);border:1px solid rgba(15,81,50,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefit-card__icon svg{width:22px;height:22px;color:var(--green)}
.benefit-card h3{font-size:.98rem;margin:0}
.benefit-card p{font-family:var(--fs);font-size:.94rem;color:var(--muted);line-height:1.68;margin:0}
.register-section{background:var(--cream);padding:var(--sv) 0;border-top:1px solid var(--border)}
.contribute-section{background:#fff;padding:var(--sv) 0;border-top:1px solid var(--border)}
.contribute-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}
.contribute-card{background:var(--cream);border:1px solid var(--border);padding:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:border-color var(--dur),box-shadow var(--dur)}
.contribute-card:hover{border-color:rgba(15,81,50,.25);box-shadow:0 2px 8px rgba(0,0,0,.09)}
.contribute-card h3{font-size:1.08rem}
.contribute-card p{font-family:var(--fs);font-size:.93rem;color:var(--muted);line-height:1.65;max-width:32ch;margin:0}

/* ── Responsive: inner pages ── */
@media(max-width:960px){
  /* agenda */
  .pillar-content{grid-template-columns:1fr;gap:2rem}
  .pillar-section__hdr{flex-direction:column;gap:1rem}
  .pillar-section__num{font-size:4rem}
  .primer-band__inner{flex-direction:column}
  /* work */
  .initiatives-grid{grid-template-columns:1fr 1fr}
  /* archive */
  .upload-steps{grid-template-columns:1fr}
  .doc-row{grid-template-columns:44px 1fr}
  .doc-actions{display:none}
  /* about */
  .about-origins__inner{grid-template-columns:1fr;gap:3rem}
  .about-origins__img{max-height:340px;overflow:hidden}
  .principal-inner{grid-template-columns:1fr;gap:3rem}
  .principal-photo{max-width:280px}
  .trustees-grid{grid-template-columns:repeat(2,1fr)}
  .transparency-grid{grid-template-columns:1fr;gap:3rem}
  .contact-grid{grid-template-columns:1fr 1fr}
  /* join */
  .join-hero__inner{grid-template-columns:1fr;gap:3rem}
  .quick-reg{display:none}
  .benefits-grid{grid-template-columns:1fr 1fr}
  .contribute-cards{grid-template-columns:1fr}
}

@media(max-width:640px){
  .initiatives-grid{grid-template-columns:1fr}
  .trustees-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .benefits-grid{grid-template-columns:1fr}
  .wtab{font-size:.72rem;padding:1rem .75rem}
  .pillar-section__num{font-size:3rem}
}

/* ── Manifesto Featured Document ── */
.manifesto-featured {
  display: flex;
  gap: 0;
  background: var(--green-dark);
  border: 1px solid rgba(176,137,0,.25);
  overflow: hidden;
  margin-bottom: 2rem;
  position: relative;
}
.manifesto-featured__accent {
  width: 6px;
  background: var(--gold);
  flex-shrink: 0;
}
.manifesto-featured__body {
  padding: 2.5rem 3rem;
  flex: 1;
}
.manifesto-featured__eyebrow {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1rem;
}
.manifesto-featured__eyebrow svg {
  width: 14px;
  height: 14px;
}
.manifesto-featured__body h2 {
  color: #f5f1e8;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  margin-bottom: .9rem;
  line-height: 1.2;
}
.manifesto-featured__body p {
  font-family: var(--fs);
  font-size: 1rem;
  color: rgba(245,241,232,.7);
  line-height: 1.78;
  max-width: 62ch;
  margin-bottom: 1.5rem;
}
.manifesto-featured__meta {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  font-size: .78rem;
  color: rgba(245,241,232,.45);
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.08);
  margin-bottom: .5rem;
}
.manifesto-featured__meta strong {
  color: rgba(245,241,232,.65);
  font-weight: 600;
}

/* ── Five-pillar grid (3-col desktop, 5th item left-aligned) ── */
/* Override the index page pillars grid for 5 cards */
.pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}
/* 4th and 5th cards span cleanly — grid auto-places them left */

/* Pillar principle quote */
.pillar-principle {
  font-family: var(--fs);
  font-size: 1.05rem;
  font-style: italic;
  color: var(--ink-s);
  line-height: 1.78;
  border-left: 3px solid var(--gold);
  padding: .85rem 1.25rem;
  margin-bottom: 1.75rem;
  background: rgba(176,137,0,.04);
}

/* Pillar nav — horizontal scroll on mobile */
.pillar-nav__inner {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
}
.pillar-nav__inner::-webkit-scrollbar { display: none; }

@media (max-width: 960px) {
  .pillars-grid { grid-template-columns: repeat(2, 1fr); }
  .manifesto-featured__body { padding: 2rem 1.75rem; }
}

@media (max-width: 640px) {
  .pillars-grid { grid-template-columns: 1fr; }
  .manifesto-featured { flex-direction: column; }
  .manifesto-featured__accent { width: 100%; height: 5px; }
  .manifesto-featured__body { padding: 1.5rem 1.25rem; }
  .manifesto-featured__meta { gap: 1rem; }
}