.case-filters{display:flex;gap:8px;flex-wrap:wrap;margin:45px 0 72px}.case-filters button{border:1px solid #b9c6eb;border-radius:100px;background:#ffffff;color:#243767;padding:12px 18px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.case-filters button:hover,.case-filters button:focus-visible{border-color:#385dda}.case-filters button[aria-pressed="true"]{background:#182d89;color:#fff;border-color:#182d89}.case-subhead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:45px 0 22px}.case-subhead h2{font-size:clamp(35px,4vw,58px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:0}.case-subhead p{max-width:360px;color:#58657d;margin:0}.case-examples .case-example-grid{margin-top:0}.case-example-grid article[hidden],.case-published[hidden],.case-filter-empty[hidden]{display:none}.case-filter-empty{border:1px solid #cbd6ef;border-radius:18px;padding:30px;background:#fff;color:#475777}.case-example-grid article>a{color:#294998;border-bottom:1px solid #294998;width:max-content;padding-bottom:6px;margin-top:auto}.case-detail{background:#080e27;padding-top:180px}.case-detail>a{color:#b7c8ff}.case-detail>.eyebrow{display:block;margin-top:90px}.case-detail h1{font-size:clamp(60px,7vw,105px);line-height:.95;letter-spacing:-.07em;max-width:900px;margin:25px 0}.case-detail>p{color:#d2ddff;max-width:680px;font-size:21px}.case-detail>img{width:100%;max-height:700px;object-fit:cover;border-radius:24px;margin:60px 0}.case-detail>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.case-detail section{border-top:1px solid #7d94e0;padding:25px 0}.case-detail section span{font-size:11px;color:#a6b8f3;letter-spacing:.13em}.case-detail h2{font-size:36px;font-weight:500;letter-spacing:-.05em}.case-detail section p{color:#c7d2f1;line-height:1.5}.case-example-grid article small{margin-top:auto}
@media(max-width:700px){.case-filters{margin:35px 0 50px}.case-filters button{font-size:12px;padding:10px 13px}.case-subhead{display:block}.case-subhead p{margin-top:12px}.case-detail{padding-top:140px}.case-detail>div{grid-template-columns:1fr}.case-detail>.eyebrow{margin-top:55px}}
@media(prefers-reduced-motion:reduce){.case-filters button{transition:none}}