/* Editorial case studies: shared dark treatment, scoped away from the homepage. */
.case-study {background:#111827;color:#f8fafc;color-scheme:dark;padding:64px 24px 88px;}
.case-article {--case-panel-padding:36px;max-width:814px;margin-inline:auto;min-width:0;}
.case-copy {width:100%;}
.case-heading {width:calc(100% - var(--case-panel-padding) - var(--case-panel-padding) - 2px);max-width:740px;margin-inline:auto;}
.case-panel {margin-top:44px;padding:var(--case-panel-padding);background:#151e2d;border:1px solid rgba(248,250,252,.12);border-radius:12px;}
.case-study p,.case-study li {font-size:16px;font-weight:400;line-height:1.75;letter-spacing:normal;}
.case-study p {margin:0 0 20px;}
.case-study a {overflow-wrap:anywhere;}
.case-study a:focus-visible {outline:2px solid #72bfff;outline-offset:5px;}
.case-study .case-back {display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#a9b4c5;margin-bottom:30px;}
.case-study .case-category,.case-study .case-label {font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#57adf5;}
.case-study .case-category {margin-bottom:18px;}
.case-study h1 {font-size:clamp(40px,5.2vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;overflow-wrap:break-word;}
.case-study .case-deck {font-size:clamp(18px,2vw,22px);line-height:1.5;color:#c6d0dd;max-width:680px;margin-bottom:0;}
.case-visual {margin:0 0 48px;}
.case-visual.case-visual-inline {margin:28px 0 0;}
.case-visual img {width:100%;height:auto;border-radius:7px;}
.case-visual figcaption {margin:14px 0 0;font-size:13px;line-height:1.5;color:#a9b4c5;}
.case-introduction {padding-bottom:4px;}
.case-study-storefit .case-introduction {padding-bottom:0;}
.case-study-storefit .case-introduction > p:last-child {margin-bottom:0;}
.case-study-storefit .case-introduction a {color:#a8d4ff;text-decoration:underline;text-decoration-color:rgba(168,212,255,.55);text-underline-offset:3px;}
.case-study-storefit .case-introduction a:hover {color:#f8fafc;text-decoration-color:currentColor;}
.case-study-simple-payments .case-introduction {padding-bottom:0;}
.case-study-simple-payments .case-introduction > p:last-child {margin-bottom:0;}
.case-section {margin-top:52px;}
.case-study .case-label {margin-bottom:12px;}
.case-study h2 {font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.25;letter-spacing:-.035em;margin:0 0 22px;}
.case-section > p:last-child {margin-bottom:0;}
.case-features {list-style:none;padding:0;margin:0;}
.case-features li {border-top:1px solid rgba(248,250,252,.12);padding:15px 0 15px 20px;position:relative;}
.case-features li::before {content:"";width:5px;height:5px;border-radius:50%;background:#1689e8;position:absolute;left:0;top:26px;}
.case-site-link {display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#72bfff;font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:5px;}
.case-study .case-site-link:hover,.case-study .case-back:hover {color:#f8fafc;}
.case-contact {border-top:1px solid rgba(248,250,252,.12);margin-top:56px;padding-top:36px;}
.case-contact .button.primary {color:#111827;background:#1689e8;min-height:48px;}
.case-contact .button.primary:hover {background:#f8fafc;border-color:#f8fafc;color:#111827;}
.case-author {display:flex;align-items:flex-start;gap:20px;border-top:1px solid rgba(248,250,252,.12);margin-top:56px;padding-top:32px;}
.case-author-photo {display:block;flex:0 0 72px;width:72px;height:72px;object-fit:cover;border-radius:50%;border:1px solid rgba(248,250,252,.12);}
.case-author-details {min-width:0;}
.case-study .case-author-name {font-size:17px;font-weight:600;line-height:1.4;margin:0 0 4px;color:#f8fafc;}
.case-study .case-author-skills {font-size:13px;line-height:1.5;color:#a9b4c5;margin:0 0 12px;}
.case-study .case-author-bio {font-size:14px;line-height:1.6;color:#c6d0dd;margin:0 0 12px;}
.case-author a {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#72bfff;font-size:14px;font-weight:500;text-decoration:none;transition:color .18s ease;}
.case-author a:hover {color:#f8fafc;}
.case-author + .case-contact {margin-top:32px;}
.case-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(max-width:760px) {
 .case-study {padding:32px 12px 64px;}
 .case-article {--case-panel-padding:18px;}
 .case-panel {margin-top:30px;}
 .case-study .case-back {margin-bottom:22px;}
 .case-visual {margin:0 0 34px;}
 .case-section {margin-top:36px;}
 .case-contact {margin-top:40px;padding-top:28px;}
 .case-author {gap:14px;margin-top:40px;padding-top:26px;}
 .case-author-photo {flex-basis:56px;width:56px;height:56px;}
}