.case-hero{background:#101010;color:#fff;padding-bottom:0}
.case-back{display:inline-block;font-size:16px;color:#bbb;margin-bottom:32px}
.case-back:hover{color:#e55030}
.case-title{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;padding-bottom:55px}
.case-title .section-index{color:#bbb;margin-bottom:22px}
.case-title h1{font:650 clamp(44px,5vw,72px)/1.02 InterTight,Arial;letter-spacing:-.04em}
.case-title h1 em,.case-overview em,.case-brief em,.case-solution em,.case-delivery em{font-style:normal;color:#e55030}
.case-title p{font-size:19px;line-height:1.65;color:#c3c3c3;margin:0}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;padding:27px 0 35px;gap:22px}
.case-facts span{display:block;color:#aaa;font-size:15px;margin-bottom:10px}
.case-facts b{font-size:18px;font-weight:500}
.case-overview,.case-brief,.case-delivery{padding:80px 0;background:#fff}
.case-split{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:start}
.case-split .section-index{color:#666;margin-bottom:23px}
.case-split h2,.case-centered h2{font:600 clamp(36px,3.8vw,52px)/1.08 InterTight,Arial;letter-spacing:-.035em}
.case-split p{font-size:19px;line-height:1.7;color:#626262;margin:0 0 20px}
.case-split .case-editor-note,.case-editor-note{font-size:16px;line-height:1.6;color:#6c5a40;border-left:2px solid #d4b285;padding-left:15px;margin-top:20px}
.case-comparison{background:#eeeeea;padding:75px 0}
.case-centered{text-align:center;max-width:760px;margin:0 auto 37px}
.case-centered>p{font-size:18px;color:#626262;line-height:1.6;margin-top:18px}
.case-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.case-compare-grid figure{margin:0;min-width:0;background:#fff;border:1px solid #ddd;border-radius:7px;overflow:hidden}
.case-compare-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 23px;font-size:16px;border-bottom:1px solid #ddd}
.case-compare-grid figcaption span{color:#666;font-size:15px}
.case-before-placeholder,.case-after{height:410px;overflow:hidden}
.case-before-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:#f8f8f5}
.case-before-placeholder>span{font-size:45px;color:#999;margin-bottom:20px}
.case-before-placeholder h3{font:550 27px/1.15 InterTight,Arial;letter-spacing:-.02em;max-width:300px}
.case-before-placeholder p{font-size:17px;line-height:1.6;max-width:300px;color:#777;margin-top:15px}
.case-after img{display:block;width:100%;height:auto}
.case-brief{border-bottom:1px solid #e6e6e6}
.case-solution{padding:80px 0;background:#f5f5f2}
.case-solution .section-index{justify-content:center;color:#666;margin-bottom:22px}
.case-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:45px}
.case-decisions article{border-top:2px solid #e55030;padding-top:22px}
.case-decisions h3{font:600 26px/1.15 InterTight,Arial;letter-spacing:-.02em}
.case-decisions p{font-size:18px;line-height:1.65;color:#626262;margin-top:16px}
.case-full-design{max-width:799px;margin:0 auto;background:#fff;box-shadow:0 18px 45px #0001;border-radius:7px;overflow:hidden}
.case-full-design img{display:block;width:100%;height:auto}
.case-full-design figcaption{padding:18px 23px;font-size:15px;color:#666;border-top:1px solid #eee}
.case-delivery-details>div{border-top:1px solid #ddd;padding:20px 0}
.case-delivery h3{font:600 23px/1.2 InterTight,Arial;margin-bottom:12px}
.case-delivery p{font-size:18px;margin:0}
@media(max-width:800px){.case-title,.case-split{grid-template-columns:1fr;gap:28px}.case-facts{grid-template-columns:1fr 1fr;gap:25px}.case-hero h1{font-size:clamp(42px,8vw,62px)}.case-title{padding-bottom:35px}.case-compare-grid{grid-template-columns:1fr;gap:24px}.case-before-placeholder{height:260px}.case-after{height:360px}.case-decisions{grid-template-columns:1fr;gap:28px}.case-overview,.case-brief,.case-delivery,.case-comparison,.case-solution{padding:55px 0}.case-split h2,.case-centered h2{font-size:38px}.case-title p,.case-split p{font-size:18px}.case-back{margin-bottom:26px}}
