/* Case study pages — editorial design system */
:root{--case-accent:#946a5e;--case-light:#efe1d8;--case-dark:#292321}
.case-page{background:#f7f4ef;color:#292321}
.case-header a{transition:opacity .2s ease}
.case-header a:hover{opacity:.75}
.case-top{padding-top:46px;padding-bottom:98px}
.case-back{display:inline-flex;align-items:center;gap:11px;color:#765c54;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #cbb9af;padding-bottom:9px}
.case-back:hover{color:var(--case-dark)}
.case-index{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:68px 0 18px;border-top:1px solid #ddd2c9;padding-top:18px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#776c65}
.case-index span:last-child{color:var(--case-accent)}
.case-title{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(62px,8vw,122px);letter-spacing:-.09em;line-height:.97;font-weight:700;margin:18px 0 36px;max-width:1220px}
.case-title em{color:var(--case-accent);font-style:normal}
.case-intro{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:10%;margin-bottom:46px}
.case-lead{font-size:clamp(18px,2vw,23px);line-height:1.58;color:#5b524c;max-width:765px;margin:0}
.case-role{border-left:2px solid var(--case-accent);padding-left:16px;font-size:13px;line-height:1.55;color:#52463f}
.case-role span{font-size:10px;color:#8a756a;text-transform:uppercase;letter-spacing:.12em;font-weight:800;display:block;margin-bottom:8px}
.case-image{position:relative;height:clamp(340px,49vw,630px);overflow:hidden;background:var(--case-light)}
.case-image img{width:100%;height:100%;object-fit:cover;display:block}
.case-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(36,23,20,.22),transparent 60%)}
.case-image-note{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0 0;color:#8b8078;font-size:10px;line-height:1.5}
.case-image-note strong{font-size:11px;letter-spacing:.13em;color:var(--case-accent);text-transform:uppercase}
.case-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--case-dark);color:#faf4ee}
.case-focus-item{padding:33px 27px 35px;border-right:1px solid rgba(255,255,255,.19)}
.case-focus-item:first-child{padding-left:max(5.4%,28px)}
.case-focus-item:last-child{border-right:0}
.case-focus-item span{display:block;font-size:10px;letter-spacing:.16em;color:#d4b7aa;text-transform:uppercase;font-weight:800;margin-bottom:12px}
.case-focus-item strong{font-size:clamp(18px,2vw,25px);line-height:1.2;letter-spacing:-.025em;font-weight:700}
.case-body{display:grid;grid-template-columns:220px minmax(0,850px);justify-content:space-between;gap:7%;padding-top:105px;padding-bottom:110px}
.case-aside{align-self:start;position:sticky;top:120px}
.case-aside small{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#9a756b;margin-bottom:26px}
.case-aside a{display:block;width:max-content;max-width:100%;padding:12px 0;border-top:1px solid #d8cbc3;color:#82736b;font-size:13px;font-weight:700}
.case-aside a:hover{color:var(--case-accent)}
.case-section{scroll-margin-top:112px;margin-bottom:88px}
.case-section:last-child{margin-bottom:0}
.case-label{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--case-accent);display:flex;align-items:center;gap:16px}
.case-label:after{content:'';height:1px;background:#ddcfc6;flex:1}
.case-section h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(33px,4vw,53px);line-height:1.12;letter-spacing:-.066em;max-width:790px;margin:25px 0 23px}
.case-section p{color:#61574f;font-size:17px;line-height:1.78;margin:0 0 20px;max-width:800px}
.case-contributions{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:28px}
.case-contribution{padding:24px 0 28px;border-top:1px solid #d9ccc3}
.case-contribution .item-no{font-size:11px;color:var(--case-accent);font-weight:800;letter-spacing:.12em}
.case-contribution h3{font-family:Manrope,'DM Sans',sans-serif;font-size:19px;line-height:1.3;letter-spacing:-.045em;margin:13px 0 10px}
.case-contribution p{font-size:14px;line-height:1.73;margin:0}
.case-results{background:var(--case-light);padding:42px 45px 45px;margin-top:17px}
.case-results h2{margin-top:18px;font-size:clamp(30px,3vw,42px)}
.case-results p{font-size:16px;line-height:1.76;margin-bottom:28px}
.case-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid rgba(65,45,39,.22);padding-top:20px}
.case-proof strong{display:block;color:#382d2a;font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(22px,2.5vw,31px);letter-spacing:-.05em;line-height:1.15;margin-bottom:7px}
.case-proof span{font-size:11px;color:#6d5d56;line-height:1.4}
.case-quote{background:var(--case-dark);color:#fff6f0;padding:64px 5.4%;text-align:center}
.case-quote p{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(27px,4vw,50px);line-height:1.18;letter-spacing:-.058em;max-width:920px;margin:0 auto}
.case-quote:before{content:'✳';display:block;color:#d7b0a0;font-size:20px;margin-bottom:21px}
.case-next{padding:82px 0 99px}
.case-next-head{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#88746b;border-top:1px solid #daccbe;padding-top:20px}
.case-next a{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:27px}
.case-next h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(60px,8vw,110px);letter-spacing:-.085em;line-height:1;margin:0}
.case-next a span{font-size:44px;border:1px solid #c9b3a8;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease}
.case-next a:hover span{transform:translate(5px,-5px)}
.case-footer{border-top:1px solid rgba(255,255,255,.15)}
@media(max-width:960px){.case-title{font-size:clamp(55px,9vw,85px)}.case-body{grid-template-columns:150px 1fr;gap:5%}.case-top{padding-bottom:70px}.case-contributions{gap:0 20px}}
@media(max-width:680px){.case-top{padding-top:25px;padding-bottom:60px}.case-back{font-size:10px;min-height:36px}.case-index{margin:43px 0 16px;font-size:9px;letter-spacing:.12em}.case-title{font-size:clamp(43px,12vw,66px);letter-spacing:-.075em;line-height:1.05;margin:17px 0 25px;overflow-wrap:break-word}.case-intro{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.case-lead{font-size:16px;line-height:1.68}.case-role{font-size:12px}.case-image{height:auto;aspect-ratio:1.16}.case-image-note{flex-direction:column;align-items:flex-start;margin-top:9px}.case-focus{grid-template-columns:1fr}.case-focus-item,.case-focus-item:first-child{padding:19px 6%;border:0;border-bottom:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:105px 1fr;align-items:baseline;gap:18px}.case-focus-item span{font-size:9px;margin:0}.case-focus-item strong{font-size:16px}.case-body{display:block;padding-top:57px;padding-bottom:65px}.case-aside{position:static;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #d8cbc3;padding-bottom:5px;margin-bottom:44px}.case-aside small{display:none}.case-aside a{border:0;flex-shrink:0;font-size:12px}.case-section{margin-bottom:67px}.case-section h2{font-size:clamp(31px,8vw,39px);margin:21px 0 19px}.case-section p{font-size:15.5px;line-height:1.73}.case-contributions{grid-template-columns:1fr;gap:0;margin-top:22px}.case-contribution{padding:21px 0 22px}.case-contribution h3{font-size:20px;margin:10px 0}.case-contribution p{font-size:14px}.case-results{padding:28px 23px 27px}.case-results h2{font-size:29px}.case-results p{font-size:14.5px}.case-proof{grid-template-columns:1fr;gap:15px}.case-proof>div{border-top:1px solid rgba(65,45,39,.15);padding-top:13px}.case-proof>div:first-child{border:0;padding-top:0}.case-proof strong{font-size:25px}.case-quote{padding:46px 6%}.case-quote p{font-size:clamp(26px,7.5vw,40px)}.case-next{padding:58px 0 67px}.case-next h2{font-size:clamp(52px,14vw,75px)}.case-next a span{width:52px;height:52px;font-size:30px}}
@media(max-width:360px){.case-title{font-size:40px}.case-focus-item,.case-focus-item:first-child{grid-template-columns:90px 1fr}.case-next h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.case-next a span{transition:none}}


/* SKIMS extended case study — bespoke chapters and executive overview */
.skims-case .case-title{max-width:1140px}
.skims-case .case-title em{display:inline}
.skims-case .case-focus-item small{display:block;color:#e4d3ca;font-size:11px;font-weight:500;line-height:1.6;margin-top:9px;max-width:260px}
.skims-case .case-contribution h3{font-size:20px}
.skims-case .case-contribution p{font-size:14px}
.skims-mandate{background:#e8ddd4;border-left:3px solid #946a5e;padding:25px 28px;display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:35px}
.skims-mandate>span{grid-column:1/-1;font-size:11px;font-weight:800;color:#885f53;letter-spacing:.16em;text-transform:uppercase}
.skims-mandate>div{font-size:16px;color:#392d29;font-weight:700;line-height:1.38;border-top:1px solid #d0bdb1;padding-top:15px}
.skims-platform-path{background:#2c2522;color:#faf1eb;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px;margin:26px 0 24px}
.skims-platform-path>div{flex:1;min-width:0}
.skims-platform-path>div>span{display:block;text-transform:uppercase;letter-spacing:.12em;color:#d9b9a9;font-size:10px;margin-bottom:10px;font-weight:800}
.skims-platform-path>div>strong{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(16px,2vw,23px);letter-spacing:-.05em;line-height:1.23;display:block}
.skims-path-arrow{font-size:27px;color:#c49787;flex:0 0 auto}
.skims-results{background:#e9ded5}
.skims-proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}
.skims-proof strong{font-size:clamp(20px,2.25vw,27px)}
.skims-disclosure{font-size:12px!important;color:#877970!important;line-height:1.6!important;margin-top:17px!important}
@media(max-width:680px){
 .skims-case .case-title{font-size:clamp(44px,10.4vw,66px)}
 .skims-case .case-focus-item small{grid-column:2;font-size:10px;margin-top:-7px}
 .skims-mandate{padding:22px 20px;grid-template-columns:1fr 1fr;gap:12px 14px}
 .skims-mandate>div{font-size:13px;padding-top:10px}
 .skims-platform-path{flex-direction:column;align-items:stretch;gap:12px;padding:23px}
 .skims-platform-path>div>span{margin-bottom:5px}
 .skims-platform-path>div>strong{font-size:20px}
 .skims-path-arrow{font-size:21px;transform:rotate(90deg);align-self:flex-start;margin:1px 0 1px 10px}
 .skims-proof{grid-template-columns:1fr;gap:16px}
}
@media(max-width:360px){.skims-case .case-title{font-size:40px}.skims-mandate{grid-template-columns:1fr 1fr}}

/* V10 AI-led case-study emphasis */
.skims-ai-highlight{margin:30px 0 12px;background:#302422;color:#fff5ed;padding:34px 36px;border-left:4px solid #cb9989}.skims-ai-highlight span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#d1b3a8;font-weight:800;margin-bottom:14px}.skims-ai-highlight strong{display:block;font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(24px,3vw,38px);line-height:1.2;letter-spacing:-.04em}.skims-ai-highlight i{font-style:normal;color:#d5a695}.skims-ai-highlight p{color:#e9d8d1!important;font-size:14px!important;line-height:1.7!important;margin-bottom:0!important}@media(max-width:680px){.skims-ai-highlight{padding:25px 22px}.skims-case .case-focus-item strong{font-size:clamp(21px,6.1vw,29px)}}