/* A consistent frame and opening for every case study. */
.case-header .case-back-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:12px;line-height:1.5;font-weight:700;padding:8px 0;color:var(--blue)}
.case-header .case-back-link svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.case-header .case-back-link:hover span{text-decoration:underline;text-underline-offset:4px}
.case-main{padding-top:24px}
.case-main :is(.v-heading,.p-heading){display:block;width:100%;max-width:none;margin:0;padding:34px 0 28px}
.case-main :is(.v-heading,.p-heading) .eyebrow{display:block;font-size:10px;line-height:1.8;letter-spacing:.8px;color:var(--blue);margin:0 0 20px}
.case-main :is(.v-heading,.p-heading) h1{font-size:clamp(33px,8.6vw,56px);line-height:1.13;letter-spacing:-1.6px;max-width:none;margin:0;text-wrap:balance}
.case-main .p-intro{font-size:16px;line-height:1.7;width:100%;max-width:none;margin-top:25px;color:var(--blue)}
.project-visual .p-kicker{font-size:10px;line-height:1.8;color:var(--blue);letter-spacing:1.2px}
@media(min-width:700px){
 .case-main :is(.v-heading,.p-heading){padding:42px 0 34px}
 .case-main :is(.v-heading,.p-heading) h1{font-size:56px;letter-spacing:-2.1px}
 .case-main .p-intro{font-size:20px;line-height:1.65;margin-top:30px}
}
@media(min-width:1000px){
 .case-header .case-back-link{font-size:13px}
 .case-main :is(.v-heading,.p-heading){padding:48px 0 38px}
 .case-main :is(.v-heading,.p-heading) .eyebrow{font-size:11px;margin-bottom:25px}
 .case-main :is(.v-heading,.p-heading) h1{font-size:62px;line-height:1.12;letter-spacing:-2.4px}
 .case-main .p-intro{font-size:22px;line-height:1.65;margin-top:34px}
}

/* Let every Admin tool description use the full card width. */
.visual-case .tool-detail .detail-copy{max-width:none}