/* ══════════════════════════════════════════════════════════════
   CASE STUDIES · COLOR PASS (2026-10-16)
   Loaded after lsd-refresh.css on /case-studies/ and each case study.
   To roll back: remove the <link> to this file.
   ══════════════════════════════════════════════════════════════ */

/* ───────── shared: real photos in the avatar tiles ───────── */
.ava.has-photo{overflow:hidden;padding:0;background:var(--navy) !important;}
.ava.has-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.grad-card .ava.has-photo{width:76px;height:76px;}
.csx-card .ava.has-photo{width:64px;height:64px;}

/* ───────── index: cards with color ───────── */
.csx-card{border-color:transparent;box-shadow:0 10px 30px rgba(34,58,76,.08);}
.csx-card::before{opacity:1;height:5px;}
.csx-card:nth-child(4n+2)::before,.csx-card:nth-child(4n+3)::before{background:linear-gradient(90deg,#BC8260,var(--sienna));}
.csx-arc{background:var(--mist);border-radius:12px;padding:12px 16px;}
.csx-card:nth-child(4n+2) .csx-arc,.csx-card:nth-child(4n+3) .csx-arc{background:var(--cream);}
.csx-card:nth-child(4n+2) .a-line,.csx-card:nth-child(4n+3) .a-line{background:linear-gradient(90deg,rgba(172,113,77,.25),var(--sienna));}
.csx-card:nth-child(4n+2) .a-line::after,.csx-card:nth-child(4n+3) .a-line::after{border-left-color:var(--sienna);}

/* index: navy quote band inside the grid */
.csx-band{grid-column:1/-1;position:relative;overflow:hidden;border-radius:var(--radius-lg);
  background:linear-gradient(135deg,#2A4A5E 0%,var(--navy) 55%,#16303F 100%);color:#fff;
  padding:52px 64px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;box-shadow:var(--shadow-lg);}
.csx-band::after{content:"";position:absolute;inset:0;background:var(--light-sweep);pointer-events:none;}
.csx-band .bq-mark{font-family:var(--font-script);font-size:110px;line-height:.7;color:var(--teal);}
.csx-band .bq-text{font-family:var(--font-display);font-size:clamp(22px,2.4vw,30px);line-height:1.4;color:#fff;}
.csx-band .bq-who{margin-top:18px;font-family:var(--font-display);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sky);}
.csx-band .bq-who a{color:var(--sky);text-decoration:none;border-bottom:1px solid rgba(143,232,237,.4);}
@media(max-width:640px){.csx-band{grid-template-columns:1fr;padding:36px 26px;gap:6px;}.csx-band .bq-mark{font-size:80px;}}

/* ───────── single case study: alternating bands ───────── */
.cs-article .bio-chap{margin-bottom:0;padding:64px 0;}
.cs-article .bio-chap:nth-of-type(even){background:var(--mist);box-shadow:0 0 0 100vmax var(--mist);clip-path:inset(0 -100vmax);}
#story.sec{padding-top:24px;padding-bottom:24px;}
@media(max-width:960px){.cs-article .bio-chap{padding:44px 0;}}

/* pull quotes: bigger, warmer */
.cs-article .q-light.cs-pull{background:linear-gradient(135deg,#fff 0%,#F3FCFD 100%);border:0;border-left:5px solid var(--teal);box-shadow:0 12px 34px rgba(34,58,76,.09);padding:32px 34px;}
.cs-article .bio-chap:nth-of-type(even) .q-light.cs-pull{background:#fff;}
.cs-article .q-light .qt{font-family:var(--font-display);font-size:clamp(18px,1.7vw,21px);line-height:1.55;color:var(--navy);}
.cs-article .q-light .qm{font-size:72px;}

/* quotes that were just bold text */
.cs-article .bio-chap p.cs-bq{margin:30px 0;padding:6px 0 6px 24px;border-left:5px solid var(--sienna);}
.cs-article .bio-chap p.cs-bq b{font-family:var(--font-display);font-weight:400;font-size:clamp(19px,1.8vw,22px);line-height:1.55;color:var(--navy);}

/* "In her words": full navy band */
.cs-article .bio-chap.cs-words{background:var(--navy);box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax);}
.cs-article .bio-chap.cs-words .chap{color:var(--sky);}
.cs-article .bio-chap.cs-words .q-light.cs-pull{background:transparent;box-shadow:none;border-left-color:var(--teal);margin:0;}
.cs-article .bio-chap.cs-words .q-light .qt{color:#fff;font-size:clamp(20px,2.1vw,26px);}
.cs-article .bio-chap.cs-words .q-light .qa{color:var(--sky);}
.cs-article .bio-chap.cs-words p{color:rgba(255,255,255,.85);}
.cs-article .bio-chap.cs-words p b{color:#fff;}