.case-project-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;border-bottom:1px solid #dce5f2;margin-top:10px}
.case-project-facts>div{padding:0 25px;border-left:1px solid #dce5f2}
.case-project-facts>div:first-child{padding-left:0;border-left:0}
.case-project-facts dt{font-size:11px;color:#758ba8;line-height:1.7;margin-bottom:9px}
.case-project-facts dd{font-size:14px;line-height:1.8;color:#304e76;margin:0}
.case-rich-story{display:grid;grid-template-columns:1fr 1.14fr;gap:9%;padding-top:78px;padding-bottom:60px}
.case-rich-story h2,.case-audience h2{font-size:clamp(32px,3.4vw,49px);letter-spacing:-1.6px;line-height:1.3;margin-top:21px}
.case-rich-story>div>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#526b8c;margin-bottom:19px}
.case-rich-story>div>p:last-child{margin-bottom:0}
.case-audience{display:grid;grid-template-columns:1fr 1.14fr;gap:9%;padding-top:6px;padding-bottom:75px}
.case-audience ol{padding:0;margin:0;list-style:none}
.case-audience li{display:flex;gap:24px;padding:23px 0;border-top:1px solid #dce5f2}
.case-audience li>span{font-size:10px;color:#7291bd;padding-top:6px}
.case-audience h3{font-size:19px;line-height:1.6;margin-bottom:9px;letter-spacing:-.3px}
.case-audience li p{font-size:13px;line-height:1.95;color:#526b8c}
.case-product-shot{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:7%;padding-bottom:75px}
.case-product-shot figure{margin:0;min-width:0}
.case-product-shot figure>div{border:1px solid #dce5f2;border-radius:22px;overflow:hidden;background:white;padding:12px;box-shadow:0 18px 50px #183a7108}
.case-product-shot img{display:block;width:100%;height:auto;border-radius:13px}
.case-product-shot .is-phone>div{background:#112a48;display:flex;justify-content:center;padding:30px}
.case-product-shot .is-phone img{height:465px;width:auto;max-width:100%;object-fit:contain;border:5px solid #28465f;border-radius:22px}
.case-product-shot figcaption{font-size:10px;line-height:1.8;color:#7b90af;margin-top:15px}
.case-product-shot h2{font-size:clamp(30px,2.9vw,43px);letter-spacing:-1.3px;line-height:1.3;margin:20px 0 23px}
.case-product-shot>div>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#526b8c}
.case-product-shot .text-link{font-size:12px;color:#3563ff;margin-top:25px}
.case-functional{padding:65px 0 38px;background:#edf2fb}
.case-functional-heading h2{font-size:clamp(32px,3.4vw,49px);line-height:1.25;letter-spacing:-1.5px;margin:20px 0 42px}
.case-functional-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}
.case-functional-grid article{display:grid;grid-template-columns:25px 1fr;gap:20px;border-top:1px solid #cddbef;padding:25px 0 31px}
.case-functional-grid article>span{font-size:10px;color:#7291bd;padding-top:6px}
.case-functional-grid h3{font-size:21px;line-height:1.5;letter-spacing:-.4px;margin-bottom:13px}
.case-functional-grid p{font-size:13px;line-height:1.95;color:#526b8c}
.case-product-flow{padding:62px 0 66px;background:#102744;color:#eaf2fd}
.case-product-flow .eyebrow{color:#91add1}
.case-product-flow h2{font-size:clamp(30px,3.3vw,46px);line-height:1.3;letter-spacing:-1.4px;margin-top:21px;max-width:1000px}
.case-product-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:40px 0 0}
.case-product-flow li{border-top:1px solid #3a5575;padding-top:20px}
.case-product-flow li>span{font-size:11px;color:#8cadd9}
.case-product-flow h3{font-size:17px;line-height:1.6;margin:17px 0 11px}
.case-product-flow li p{font-size:12px;line-height:1.9;color:#b3c5df;max-width:230px}
.case-questions{display:grid;grid-template-columns:1fr 1.14fr;gap:9%;padding-top:70px;padding-bottom:65px}
.case-questions>h2{font-size:36px;line-height:1.3;letter-spacing:-1.2px;margin:6px 0}
.case-questions details{border-top:1px solid #dce5f2}
.case-questions details:last-child{border-bottom:1px solid #dce5f2}
.case-questions summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:23px;font-size:14px;line-height:1.8;padding:23px 0}
.case-questions summary::-webkit-details-marker{display:none}
.case-questions summary>span{color:#537bb6;font-size:21px;flex:none}
.case-questions details[open] summary>span{transform:rotate(45deg)}
.case-questions details p{font-size:13px;line-height:1.95;color:#526b8c;padding:0 25px 24px 0}
.case-more{padding-top:8px;padding-bottom:70px}
.case-more h2{font-size:36px;line-height:1.3;letter-spacing:-1.2px;margin:18px 0 30px}
.case-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 6%}
.case-more-grid>a{position:relative;display:block;border-top:1px solid #d7e2f2;padding:23px 45px 26px 0}
.case-more-grid h3{font-size:24px;line-height:1.5;letter-spacing:-.6px;margin-bottom:7px}
.case-more-grid p{font-size:12px;line-height:1.9;color:#7289aa}
.case-more-grid a>span{position:absolute;right:2px;top:30px;font-size:21px;color:#527cc7;transition:transform .2s}
.case-more-grid a:hover>span{transform:translate(3px,-3px)}
@media(max-width:1050px){.case-rich-story,.case-audience,.case-questions{gap:6%;grid-template-columns:1fr 1.15fr}.case-product-shot{grid-template-columns:1fr 1fr;gap:5%}.case-product-shot h2{font-size:32px}.case-product-flow ol{gap:20px}.case-product-flow h3{font-size:16px}}
@media(max-width:700px){.case-project-facts{grid-template-columns:1fr;padding:11px 0 0;margin-top:14px}.case-project-facts>div,.case-project-facts>div:first-child{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:15px 0;border:0;border-top:1px solid #dce5f2}.case-project-facts dt{font-size:10px;margin:0}.case-project-facts dd{font-size:11px}.case-rich-story,.case-audience{grid-template-columns:1fr;gap:24px;padding:41px 0}.case-rich-story h2,.case-audience h2{font-size:31px;letter-spacing:-1px;line-height:1.3;margin-top:17px}.case-rich-story>div>p:not(.eyebrow){font-size:13px;line-height:1.95;margin-bottom:16px}.case-audience{padding-top:0;gap:25px}.case-audience h3{font-size:17px;margin-bottom:8px}.case-audience li{gap:19px;padding:21px 0}.case-audience li>span{font-size:9px}.case-audience li p{font-size:12px}.case-product-shot{grid-template-columns:1fr;gap:27px;padding-bottom:44px}.case-product-shot figure>div{padding:8px;border-radius:18px}.case-product-shot img{border-radius:10px}.case-product-shot .is-phone>div{padding:25px}.case-product-shot .is-phone img{height:400px;max-width:100%;border-width:4px;border-radius:18px}.case-product-shot figcaption{font-size:8px;margin-top:12px}.case-product-shot h2{font-size:31px;line-height:1.3;letter-spacing:-1px;margin:18px 0 21px}.case-product-shot>div>p:not(.eyebrow){font-size:13px}.case-product-shot .text-link{font-size:11px;margin-top:22px}.case-functional{padding:42px 0 18px}.case-functional-heading h2{font-size:31px;letter-spacing:-1px;margin:18px 0 29px}.case-functional-grid{grid-template-columns:1fr}.case-functional-grid article{grid-template-columns:20px 1fr;gap:16px;padding:22px 0 25px}.case-functional-grid article>span{font-size:9px}.case-functional-grid h3{font-size:19px;margin-bottom:10px}.case-functional-grid p{font-size:12px}.case-product-flow{padding:42px 0 45px}.case-product-flow h2{font-size:30px;line-height:1.35;letter-spacing:-1px;margin-top:18px}.case-product-flow ol{grid-template-columns:1fr 1fr;gap:25px 22px;margin-top:29px}.case-product-flow li{padding-top:17px}.case-product-flow li>span{font-size:9px}.case-product-flow h3{font-size:15px;margin:14px 0 9px}.case-product-flow li p{font-size:11px}.case-questions{grid-template-columns:1fr;gap:25px;padding:43px 0}.case-questions>h2{font-size:30px;letter-spacing:-1px;margin:0}.case-questions summary{font-size:12px;padding:20px 0;gap:18px}.case-questions details p{font-size:12px;padding:0 15px 20px 0}.case-more{padding-top:0;padding-bottom:42px}.case-more h2{font-size:30px;letter-spacing:-1px;margin:17px 0 26px}.case-more-grid{grid-template-columns:1fr}.case-more-grid>a{padding:20px 35px 22px 0}.case-more-grid h3{font-size:22px;margin-bottom:6px}.case-more-grid p{font-size:11px}.case-more-grid a>span{top:24px;font-size:19px}}
@media(max-width:370px){.case-rich-story h2,.case-audience h2,.case-product-shot h2{font-size:28px}.case-product-flow ol{grid-template-columns:1fr}.case-product-flow h3{font-size:16px}.case-product-flow li p{max-width:none}.case-product-shot .is-phone img{height:360px}}
@media(prefers-reduced-motion:reduce){.case-more-grid a>span{transition:none}}