/* ===== case study pages (indigo / light) ===== */
.chero{padding:clamp(120px,16vh,180px) var(--pad) 0;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,70px);align-items:end}
.chero .crumb{font-family:var(--mono);font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px;align-items:center;margin-bottom:26px}
.chero .crumb a:hover{color:var(--indigo)}
.chero h1{font-weight:800;font-size:clamp(40px,6.5vw,104px);line-height:.98;letter-spacing:-.03em;color:var(--ink)}
.chero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.chero h1 .ln span{display:block;animation:crise 1s var(--ease) both}
.chero h1 .ln:nth-child(2) span{animation-delay:.09s}
@keyframes crise{from{transform:translateY(108%)}to{transform:none}}
.chero .right{padding-bottom:8px}
.chero .right .tag{font-size:clamp(16px,1.6vw,21px);line-height:1.4;color:var(--ink-soft);margin-bottom:22px;text-wrap:pretty}
.chero .facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.chero .facts .k{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin-bottom:6px}
.chero .facts .v{font-size:15px;font-weight:600;color:var(--ink)}
@media (max-width:840px){.chero{grid-template-columns:1fr;gap:30px}}

.cbig{margin:clamp(36px,6vw,72px) var(--pad) 0;aspect-ratio:16/9;border-radius:24px;overflow:hidden}
.cbig image-slot{width:100%;height:100%;border-radius:24px}

.csec{padding:clamp(70px,10vw,128px) var(--pad)}
.csplit{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:start}
.csplit .head .lbl{margin-bottom:18px}
.csplit .head .tags{margin-top:18px}
.csplit .body h2{font-weight:800;font-size:clamp(26px,3.6vw,46px);line-height:1.08;letter-spacing:-.02em;text-wrap:pretty}
.csplit .body h2 .i{color:var(--indigo)}
.csplit .body p{margin-top:20px;font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:58ch}
.csplit .body p strong{color:var(--ink);font-weight:700}
.csplit .body p+p{margin-top:16px}
@media (max-width:840px){.csplit{grid-template-columns:1fr;gap:22px}}

.cfull{padding:0 var(--pad) clamp(18px,3vw,32px)}
.cfull image-slot{width:100%;aspect-ratio:21/9;border-radius:24px}
.cfull.tall image-slot{aspect-ratio:16/10}

.cduo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);padding:0 var(--pad) clamp(18px,3vw,32px)}
.cduo image-slot{width:100%;aspect-ratio:4/5;border-radius:22px}
@media (max-width:620px){.cduo{grid-template-columns:1fr}}

.ccap{font-family:var(--mono);font-size:12px;color:var(--mut);padding:14px var(--pad) 0;text-transform:uppercase;letter-spacing:.04em}

/* pull quote */
.cquote{padding:clamp(70px,10vw,130px) var(--pad)}
.cquote .inner{max-width:1100px;margin:0 auto;background:var(--indigo);color:#fff;border-radius:32px;padding:clamp(40px,6vw,80px)}
.cquote blockquote{font-weight:700;font-size:clamp(24px,3.6vw,46px);line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.cquote blockquote .i{color:#cfceff}
.cquote .who{margin-top:28px;display:flex;flex-direction:column;gap:3px}
.cquote .who b{font-size:16px}
.cquote .who span{font-size:14px;color:#cfceff}

/* metrics */
.cmetrics{padding:0 var(--pad)}
.cmetrics .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cmetrics .m{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,32px)}
.cmetrics .m .big{font-weight:800;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.03em;color:var(--indigo)}
.cmetrics .m .cap{font-size:14px;color:var(--ink-soft);margin-top:12px;line-height:1.4}
@media (max-width:860px){.cmetrics .grid{grid-template-columns:1fr 1fr}}

/* deliverables / list */
.cdel{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.cdel li{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink);display:flex;justify-content:space-between;gap:14px}
.cdel li .n{font-family:var(--mono);font-size:12px;color:var(--indigo)}
@media (max-width:620px){.cdel{grid-template-columns:1fr}}

/* next project */
.cnext{display:block;position:relative;overflow:hidden;margin:clamp(40px,6vw,70px) var(--pad) 0;background:var(--bg2);border:1px solid var(--line);border-radius:28px;padding:clamp(36px,5vw,64px)}
.cnext .k{font-family:var(--mono);font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em}
.cnext .row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}
.cnext .nm{font-weight:800;font-size:clamp(36px,7vw,92px);line-height:.95;letter-spacing:-.03em;transition:transform .5s var(--ease),color .35s}
.cnext .arr{font-size:clamp(30px,4vw,54px);color:var(--indigo);transition:transform .5s var(--ease)}
.cnext:hover .nm{color:var(--indigo);transform:translateX(14px)}
.cnext:hover .arr{transform:translate(12px,-12px)}