/* Case detail styles are scoped so lists, designers and shared chrome stay consistent. */
.client-content.jys-case-detail{width:1366px;max-width:calc(100% - 48px);margin:0 auto;padding:34px 0 72px;box-sizing:border-box;color:#252a30;line-height:1.7}
.jys-case-detail *{box-sizing:border-box}
.jys-case-detail .jys-channel-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 26px;font-size:14px;color:#8a8e93}
.jys-case-detail .jys-channel-breadcrumb a{color:#656b72}
.jys-case-detail .jys-channel-breadcrumb a:hover{color:#d80012}
.jys-case-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:400px;border:1px solid #ece9e5;border-radius:18px;overflow:hidden;background:#f8f6f3}
.jys-case-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:44px;min-width:0}
.jys-case-eyebrow{margin:0 0 16px;font-size:14px;color:#c90013;font-weight:600;letter-spacing:2px}
.jys-case-hero h1{margin:0;font-size:36px;line-height:1.45;letter-spacing:-.5px;font-weight:700;color:#252a30;text-wrap:balance}
.jys-case-intro{margin:22px 0 0;color:#6b6b6b;font-size:16px;line-height:1.95}
.jys-case-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:30px}
.jys-case-detail .client-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:6px;background:#d80012;color:#fff;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none}
.jys-case-detail .client-button:hover{background:#b9000f}
.jys-case-text-link{font-size:14px;color:#656b72;text-decoration:underline;text-underline-offset:5px}
.jys-case-hero-image{position:relative;min-width:0;margin:0;min-height:400px;background:#ede8e1}
.jys-case-hero-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.jys-case-hero-image figcaption{position:absolute;right:20px;bottom:18px;padding:5px 13px;border-radius:4px;background:#252a30b3;color:#fff;font-size:12px}
.jys-case-detail .jys-demo-notice,.jys-case-detail .client-example-note{margin:18px 0 0;padding:12px 16px;border:1px solid #eee8df;border-radius:6px;background:#fcfaf7;color:#8a7966;font-size:13px;line-height:1.7}
.jys-case-detail .jys-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 0;padding:0;background:transparent}
.jys-case-detail .jys-detail-facts>div{margin:0;border:1px solid #ececec;border-radius:10px;background:#fff;padding:22px 26px;text-align:left;min-width:0}
.jys-case-detail .jys-detail-facts dt{font-size:13px;color:#8b8b8b;margin:0 0 8px}
.jys-case-detail .jys-detail-facts dd{margin:0;color:#30343a;font-size:23px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.jys-case-detail .jys-case-team,.jys-case-story{margin:46px 0 0}
.jys-case-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #e9e9e9}
.jys-case-section-heading>div>p{margin:0 0 3px;font-size:11px;font-weight:600;letter-spacing:2px;color:#a2a2a2}
.jys-case-section-heading h2{margin:0;font-size:27px;line-height:1.5;font-weight:600;color:#252a30}
.jys-case-section-heading>span{padding-bottom:3px;font-size:14px;color:#888}
.jys-case-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jys-case-detail .jys-case-team .jys-case-designer{max-width:none;min-width:0;width:100%;margin:0;padding:18px;gap:12px;min-height:136px;border:1px solid #e9e9e9;border-radius:10px;background:#fff;box-shadow:0 4px 16px #252a3004;transition:border-color .2s,box-shadow .2s}
.jys-case-detail .jys-case-team .jys-case-designer:hover{border-color:#e2bbbb;box-shadow:0 6px 22px #252a3009}
.jys-case-detail .jys-case-designer-person{gap:16px}
.jys-case-detail .jys-case-designer .jys-case-designer-person img{width:78px!important;height:98px!important;flex-basis:78px;object-fit:cover;object-position:center 18%;border-radius:6px;background:#f3f3f3}
.jys-case-detail .jys-case-designer-person>span{gap:9px}
.jys-case-detail .jys-case-designer-person strong{font-size:19px;font-weight:600;line-height:1.5}
.jys-case-detail .jys-case-designer-person small{font-size:13px;color:#898989}
.jys-case-detail .jys-case-design-action{margin:0;padding:7px 10px;border:1px solid #f3cccc;border-radius:5px;background:#fff8f8;color:#c90013!important;font-size:13px;line-height:1.5}
.jys-case-detail .jys-case-unassigned{grid-column:1/-1;min-height:88px!important;padding:24px!important}
.jys-case-detail .jys-case-unassigned>span{font-size:16px}
.jys-case-detail .jys-resource-body{margin:0;padding:0;color:#555;font-size:16px;line-height:2}
.jys-case-detail .jys-resource-body>figure{margin:0 0 36px;border:1px solid #edeae6;border-radius:12px;overflow:hidden;background:#f8f6f3}
.jys-case-detail .jys-resource-body>figure>img{display:block;width:100%;height:auto;margin:0;max-height:860px;object-fit:contain}
.jys-case-detail .jys-resource-body figcaption{padding:14px 20px;color:#8a8176;text-align:center;font-size:13px;line-height:1.6}
.jys-case-detail .jys-resource-body>section,.jys-case-detail .jys-resource-body>.jys-detail-prose{margin:36px 0;padding:38px 44px;border:1px solid #ececec;border-radius:12px;background:#fff}
.jys-case-detail .jys-resource-body h2{margin:38px 0 18px;padding:0 0 0 16px;border-left:4px solid #d80012;font-size:25px;font-weight:600;line-height:1.4;color:#252a30}
.jys-case-detail .jys-resource-body h2:first-child{margin-top:0}
.jys-case-detail .jys-resource-body h3{margin:28px 0 10px;font-size:19px;line-height:1.5;font-weight:600;color:#353b42}
.jys-case-detail .jys-resource-body p{margin:0 0 18px;font-size:16px;line-height:2;color:#646970}
.jys-case-detail .jys-resource-body ul,.jys-case-detail .jys-resource-body ol{margin:16px 0;padding-left:24px}
.jys-case-detail .jys-resource-body li{margin:8px 0}
.jys-case-detail .jys-resource-body img{max-width:100%;border-radius:8px}
.jys-case-detail .jys-detail-gallery{margin:0 0 36px;gap:20px}
.jys-case-detail .jys-detail-gallery figure{overflow:hidden;border-radius:10px;border:1px solid #ececec;background:#f8f6f3}
.jys-case-detail .jys-detail-gallery figcaption{margin:0}
.jys-case-detail .jys-gallery-thumbnails{max-height:760px}
.jys-case-detail .jys-gallery-single{grid-template-columns:minmax(0,1fr)}
.jys-case-consult{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:46px 0 0;padding:34px 40px;border:1px solid #efe2de;border-radius:12px;background:#fcf4f1}
.jys-case-consult h2{margin:0 0 8px;color:#30343a;font-size:25px;font-weight:600;line-height:1.5}
.jys-case-consult p{margin:0;color:#897770;font-size:15px}
.jys-case-consult .client-button{flex-shrink:0}
.jys-case-detail a:focus-visible{outline:2px solid #d80012;outline-offset:4px}
.jys-case-detail #case-designers,.jys-case-detail #case-story{scroll-margin-top:110px}
@media(max-width:1199px){.jys-case-hero-copy{padding:32px}.jys-case-hero h1{font-size:30px}.jys-case-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jys-case-detail .jys-detail-facts>div{padding:20px}.jys-case-detail .jys-resource-body>section,.jys-case-detail .jys-resource-body>.jys-detail-prose{padding:30px}}
@media(max-width:767px){
 .client-content.jys-case-detail{width:auto;max-width:none;padding:24px 20px 38px}
 .jys-case-detail .jys-channel-breadcrumb{font-size:12px;gap:8px;margin-bottom:18px}
 .jys-case-hero{grid-template-columns:1fr;border-radius:12px;min-height:0}
 .jys-case-hero-copy{padding:25px 22px;order:2}
 .jys-case-eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:12px}
 .jys-case-hero h1{font-size:25px;line-height:1.5;letter-spacing:0}
 .jys-case-intro{font-size:14px;margin-top:16px;line-height:1.9}
 .jys-case-hero-image{min-height:0;aspect-ratio:4/3;order:1}
 .jys-case-hero-image figcaption{right:12px;bottom:12px;font-size:11px}
 .jys-case-hero-actions{margin-top:22px;gap:16px}
 .jys-case-detail .client-button{font-size:14px;padding:12px 20px}
 .jys-case-text-link{font-size:13px}
 .jys-case-detail .jys-demo-notice,.jys-case-detail .client-example-note{font-size:12px;margin-top:14px;padding:12px}
 .jys-case-detail .jys-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
 .jys-case-detail .jys-detail-facts>div{padding:16px;border:1px solid #ececec!important;border-radius:8px}
 .jys-case-detail .jys-detail-facts dt{font-size:12px;margin-bottom:6px}
 .jys-case-detail .jys-detail-facts dd{font-size:19px}
 .jys-case-detail .jys-case-team,.jys-case-story{margin-top:32px}
 .jys-case-section-heading{display:block;margin-bottom:18px;padding-bottom:14px}
 .jys-case-section-heading h2{font-size:23px}
 .jys-case-section-heading>span{display:block;margin-top:6px;font-size:12px}
 .jys-case-team-grid{grid-template-columns:1fr;gap:12px}
 .jys-case-detail .jys-case-team .jys-case-designer{padding:14px;min-height:110px;border-radius:8px}
 .jys-case-detail .jys-case-designer .jys-case-designer-person img{width:66px!important;height:82px!important;flex-basis:66px}
 .jys-case-detail .jys-case-designer-person{gap:14px}
 .jys-case-detail .jys-case-designer-person strong{font-size:18px}
 .jys-case-detail .jys-case-design-action{font-size:12px;padding:8px 10px}
 .jys-case-detail .jys-resource-body{font-size:14px;line-height:1.9}
 .jys-case-detail .jys-resource-body>section,.jys-case-detail .jys-resource-body>.jys-detail-prose{margin:24px 0;padding:22px 18px;border-radius:8px}
 .jys-case-detail .jys-resource-body h2{margin:28px 0 16px;font-size:21px;padding-left:12px}
 .jys-case-detail .jys-resource-body h3{font-size:17px;margin:22px 0 9px}
 .jys-case-detail .jys-resource-body p{font-size:14px;line-height:1.95;margin-bottom:16px}
 .jys-case-detail .jys-resource-body figcaption{padding:12px;font-size:12px}
 .jys-case-detail .jys-resource-body>figure{margin-bottom:24px;border-radius:8px}
 .jys-case-consult{display:block;margin-top:30px;padding:25px 22px;border-radius:8px}
 .jys-case-consult h2{font-size:21px}
 .jys-case-consult p{font-size:14px}
 .jys-case-consult .client-button{display:flex;margin-top:20px}
}