/* /case-studies/ index: section styles from the batch-2 master the-lab-case-studies.html.
   Global chrome (nav/footer/buttons .cta|.btn-*), reset, body, .wrap, h1-h3, .eyebrow +
   responsive hero type come from style.css + responsive.css; only this page's section
   vocabulary lives here. NO stat band: 100svh full-viewport content hero. The
   master's compact 62vh .lib-hero is shipped as .ac-hero so the h1 inherits responsive
   header.ac-hero h1{var(--hero-h1)} (master font-size clamp dropped). The master's filter
   pills are restored, driven by each post's _cs_domain meta (data-domain on the card);
   assets/case-studies.js does the filter + 9-then-view-more. Card hover-zoom + reduced-motion guarded. */

  /* Hero (100svh content hero; h1 size via responsive.css; warm gradient, no scrim/image). */
  .ac-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(100% 130% at 80% -10%, rgba(201,166,115,.18), rgba(201,166,115,0) 55%),linear-gradient(165deg,#3a2c1b 0%,#2b2015 60%,#241b12 100%);}
  @media(max-width:860px){ header.ac-hero{ min-height:100svh; } }
  @media(max-width:600px){ header.ac-hero{ min-height:100svh; } }
  .ac-hero .inner{position:relative;padding-bottom:64px;width:100%;}
  .crumb{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:26px;}
  .crumb a{color:rgba(255,255,255,.65);text-decoration:none;}
  .crumb a:hover{color:#e8c79a;}
  .ac-hero h1{color:#fff;max-width:18ch;margin-bottom:14px;}
  .ac-hero h1 em{font-family:'Fraunces';font-style:italic;color:#e8c79a;font-size:1.03em;}
  .ac-hero .sub{color:rgba(255,255,255,.82);font-size:1.18rem;max-width:56ch;}

  /* intro */
  .lib-intro{padding:90px 0 0;}
  .lib-intro p{max-width:64ch;color:var(--ink-soft);font-size:1.16rem;}
  .lib-intro p em{font-family:'Fraunces';font-style:italic;color:var(--accent);}

  /* grid */
  .cs-sec{padding:50px 0 120px;}
  /* .cs-grid + .cs-card base moved to the style.css generic layer (shared with the archive
     templates + the single.php Further reading block). Only the page-specific filter state
     (.cs-card.cs-hide) and the .cs-sec section padding stay here. */

  /* filter pills + 9-then-view-more (driven by _cs_domain via assets/case-studies.js) */
  .filters{display:flex;flex-wrap:wrap;gap:10px 8px;margin:0 0 50px;}
  .filter{font-family:'Archivo';font-weight:400;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:none;border:1px solid var(--line);padding:10px 20px;cursor:pointer;transition:color .3s ease,border-color .3s ease,background-color .3s ease;}
  .filter:hover{border-color:var(--accent);color:var(--accent);}
  .filter.active{background:var(--ink);border-color:var(--ink);color:var(--paper);}
  .cs-card.cs-hide{display:none;}
  .cs-more-wrap{margin-top:64px;text-align:center;}
  .view-more{font-family:'Archivo';font-weight:400;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--ink);padding:14px 32px;cursor:pointer;transition:color .3s ease,border-color .3s ease,background-color .3s ease;}
  .view-more:hover{background:var(--ink);color:var(--paper);}
  .view-more[hidden]{display:none;}

  /* authorship */
  .authors{background:var(--paper-deep);padding:120px 0;}
  .authors .sec-head{max-width:52ch;margin-bottom:50px;}
  .authors .sec-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:18px 0;}
  .authors .sec-head h2 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .authors .sec-head p{color:var(--ink-soft);font-size:1.08rem;}
  .auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .auth-card{background:var(--paper);border:1px solid var(--line);padding:40px 38px;display:flex;gap:26px;align-items:flex-start;}
  .auth-card .mono{flex:0 0 64px;height:64px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-style:italic;font-size:1.5rem;color:var(--accent);}
  .auth-card .role{font-family:'Archivo';font-weight:500;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);}
  .auth-card h3{font-size:1.45rem;margin:8px 0 12px;}
  .auth-card p{color:var(--ink-soft);font-size:.98rem;}
  .auth-card .profile-link{display:inline-block;margin-top:16px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none;}
  .auth-card .profile-link:hover{text-decoration:underline;}
  @media(max-width:760px){.auth-grid{grid-template-columns:1fr;}}

  /* .final dark-band base + heading/eyebrow/p colors moved to the style.css generic layer
     (Step-1 lift) so archives can reuse the CTA band. This page keeps its <section class="final">
     markup and now reads the base from style.css with no local override. */

  .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1;transform:none;}
  :target{scroll-margin-top:90px;}
  @media(prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    .filter,.view-more{transition:none;}
  }