/* Apple-style full-width case-study bands (home + detail) */
.cs-home,.cs-detail{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#1d1d1f}
.cs-home{padding:0!important;margin:0;background:#fff}
.cs-intro{text-align:center;padding:120px 24px 96px;background:#fff;border-bottom:1px solid #d2d2d7}
.cs-intro h2{font-size:80px;font-weight:700;letter-spacing:-.03em;margin:0;color:#1d1d1f}
.cs-band{width:100%;padding:96px 32px 80px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#1d1d1f}
.cs-tall{min-height:90vh}
.cs-dark{color:#f5f5f7;background:#000}
.cs-band p,.cs-band h1,.cs-band h2,.cs-band h3,.cs-band ul{margin:0}
.cs-eyebrow{font-size:15px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#6e6e73!important;margin-bottom:12px!important}
.cs-dark .cs-eyebrow{color:#a1a1a6!important}
.cs-h1{font-size:112px;font-weight:700;letter-spacing:-.04em;line-height:1;color:inherit}
.cs-h{font-size:56px;font-weight:600;letter-spacing:-.03em;line-height:1.07;max-width:960px;color:inherit;text-wrap:balance}
.cs-home .cs-h{font-size:72px}
.cs-outcome{font-size:28px;line-height:1.3;margin-top:20px!important;max-width:900px;color:#d2d2d7;text-wrap:balance}
.cs-lede{overflow-wrap:anywhere;font-size:21px;line-height:1.45;margin-top:18px!important;max-width:700px;color:#424245;text-wrap:pretty}
.cs-home .cs-lede{font-size:24px}
.cs-dark .cs-lede{color:#d2d2d7}
.cs-list{list-style:none;padding:0;margin-top:20px!important;max-width:700px;font-size:19px;line-height:1.5;color:#424245}
.cs-list li{padding:6px 0;border-top:1px solid rgba(0,0,0,.08)}
.cs-dark .cs-list{color:#d2d2d7}.cs-dark .cs-list li{border-color:rgba(255,255,255,.12)}
.cs-more{display:inline-block;margin-top:20px;font-size:19px;color:#0066cc!important;text-decoration:none}
.cs-dark .cs-more{color:#2997ff!important}
.cs-more:hover{text-decoration:underline}
.cs-media{flex:1;width:100%;max-width:1000px;margin-top:56px;display:flex;align-items:center;justify-content:center}
.cs-media img{max-width:100%;max-height:62vh;width:auto;height:auto;object-fit:contain;border-radius:12px;display:block}
.cs-home .cs-media img{max-height:58vh}
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1080px;width:100%;text-align:left}
.cs-k{font-size:14px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.03em}
.cs-v{font-size:40px;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-top:8px!important}
.cs-s{font-size:17px;color:#6e6e73;margin-top:6px!important}
.cs-big{font-size:96px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:16px!important;background:linear-gradient(90deg,#2997ff,#30d158);-webkit-background-clip:text;background-clip:text;color:transparent}
.cs-outcomeband{justify-content:center}
.cs-next .cs-h{font-size:72px}
.cs-bar{position:sticky;top:0;z-index:1030;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(24px,calc(50% - 540px));background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif}
.cs-bar a{text-decoration:none}
.cs-back,.cs-contact{color:#0066cc;flex:1}.cs-contact{text-align:right}
.cs-name{font-weight:600;color:#1d1d1f;font-size:17px;letter-spacing:-.01em}
.cs-detail{display:block;padding-top:0}
@media (max-width:734px){
.cs-intro{padding:72px 16px 56px}.cs-intro h2{font-size:48px}
.cs-band{padding:64px 20px 56px}.cs-tall{min-height:0}
.cs-h1{font-size:56px}.cs-h,.cs-home .cs-h,.cs-next .cs-h{font-size:36px}
.cs-home .cs-h{font-size:40px}
.cs-outcome{font-size:20px}.cs-lede,.cs-home .cs-lede{font-size:17px}.cs-list{font-size:16px}
.cs-eyebrow{font-size:12px}.cs-more{font-size:17px}
.cs-media{margin-top:36px}.cs-media img,.cs-home .cs-media img{max-height:none;border-radius:8px}
.cs-facts{grid-template-columns:1fr 1fr;gap:32px 20px}.cs-v{font-size:28px}.cs-s{font-size:15px}.cs-big{font-size:56px}
.cs-bar{padding:0 16px}.cs-name{font-size:15px}
}

/* v3 */
.cs-facts.v3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px}
.cs-facts.v3 .cs-k{font-size:12px}
.cs-facts.v3 .cs-v{font-size:21px;line-height:1.25;letter-spacing:-.01em}
.cs-short{min-height:60vh}
.cs-short .cs-h{font-size:48px}
.cs-short .cs-media img{max-height:40vh}
.cs-earlier{padding-top:96px}
.cs-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1080px;width:100%;margin-top:32px}
.cs-gitem{margin:0}.cs-gitem img{width:100%;height:auto;border-radius:12px;display:block}
.cs-gitem figcaption{font-size:15px;color:#6e6e73;margin-top:8px;text-align:center}
@media (max-width:734px){.cs-gallery{grid-template-columns:1fr}.cs-short .cs-h{font-size:32px}.cs-facts.v3 .cs-v{font-size:18px}}
/* img-scale: images scale with viewport up to native size, bands hug content */
.cs-tall,.cs-short{min-height:0}
.cs-band{padding:clamp(72px,8vw,120px) 32px clamp(64px,7vw,112px)}
.cs-media{flex:none;max-width:min(92vw,1400px);margin-top:clamp(40px,4vw,64px)}
.cs-media img,.cs-home .cs-media img,.cs-short .cs-media img{max-width:100%;width:auto;height:auto;max-height:max(85vh,640px)}
.cs-gallery{max-width:min(92vw,1400px);gap:32px}
.cs-gitem{display:flex;flex-direction:column;align-items:center}
.cs-gitem img{width:auto;max-width:100%}
@media (max-width:734px){.cs-band{padding:64px 20px 56px}.cs-media{max-width:100%;margin-top:36px}.cs-media img,.cs-home .cs-media img,.cs-short .cs-media img{max-height:none}}