/* Case-study extensions to the existing service-refresh body components. */
.cs-project{--cs-space:40px}
.cs-project .cs-section{padding-block:var(--cs-space) 0}
.cs-project .cs-hero{padding-bottom:28px}
.cs-project .sr-hero-grid{grid-template-columns:44% 56%;min-height:520px}
.cs-project .sr-hero-copy{padding-right:32px}
.cs-project .sr-hero-art{min-height:400px}
.cs-project .cs-hero-image>img{width:100%;height:auto;max-height:510px;object-fit:contain;filter:drop-shadow(0 12px 20px #10254015)}
.cs-project .cs-subtitle{font-size:22px;font-weight:750;color:var(--sr-ink);line-height:1.25;margin-bottom:18px}
.cs-project .sr-lead{font-size:16px;line-height:1.45}
.cs-project .sr-intro{line-height:1.5}
.cs-project .sr-button{padding:12px 19px;font-size:12px;min-height:46px}
.cs-project .sr-actions{gap:12px}
.cs-project .sr-features{margin-top:32px}
.cs-project .sr-features>span{font-size:11px}
.cs-project .sr-features i{font-size:21px}
.cs-project .cs-heading{margin-bottom:20px}
.cs-project .cs-heading h2{font-size:clamp(24px,2.15vw,32px)}
.cs-project .cs-heading>p:last-child:not(.sr-eyebrow){margin-top:12px}
.cs-project .cs-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.cs-project .cs-section p{font-size:15px;line-height:1.55}
.cs-project .cs-section p+p{margin-top:12px}
.cs-project .cs-panel{padding:28px;border-radius:12px}
.cs-project .cs-panel h2{font-size:26px}
.cs-project .cs-pink{background:linear-gradient(130deg,#fff1f5,#fff7f9)}
.cs-project .cs-blue{background:linear-gradient(130deg,#f3faff,#edf6ff)}
.cs-project .cs-blue .sr-eyebrow,.cs-project .cs-blue .cs-checks i{color:#1766ff}
.cs-project .cs-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.cs-project .cs-checks li{display:flex;gap:10px;align-items:start;font-size:14px;color:var(--sr-muted);line-height:1.5}
.cs-project .cs-checks i{color:var(--sr-red);font-size:18px;flex-shrink:0;margin-top:2px}
.cs-project .cs-checks a,.cs-project .cs-cta a:not(.sr-button){text-decoration:underline;text-underline-offset:3px}
.cs-project .cs-info{display:grid;gap:18px;padding:24px;background:linear-gradient(130deg,#fff7f8,#f5f9ff);border:1px solid var(--sr-line);border-radius:12px}
.cs-project .cs-info>div{display:flex;gap:16px;align-items:start}
.cs-project .cs-info i{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;color:var(--sr-red);background:#ffe9ee;font-size:21px}
.cs-project .cs-info strong,.cs-project .cs-info span{display:block}
.cs-project .cs-info strong{font-size:14px;color:var(--sr-ink);margin-bottom:3px}
.cs-project .cs-info span{font-size:13px}
.cs-project .cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cs-project .cs-card{min-width:0;display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--sr-line);border-radius:10px;background:linear-gradient(130deg,#fff,#f8fbff)}
.cs-project .cs-card>i{align-self:start;font-size:25px;color:var(--sr-red);background:#fff0f3;border-radius:10px;padding:12px}
.cs-project .cs-card h3{font-size:16px;line-height:1.35;margin-bottom:8px}
.cs-project .cs-card p{font-size:13px;line-height:1.5}
.cs-project .cs-number{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffedef;color:var(--sr-red);font-size:16px;font-weight:750}
.cs-project .cs-card:has(.cs-number){flex-direction:row;gap:12px;padding:18px}
.cs-project .cs-card:has(.cs-number) h3{font-size:14px}
.cs-project .cs-card:has(.cs-number) p{font-size:12px}
.cs-project .cs-phone-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.cs-project .cs-phone-grid figure{padding:8px 8px 18px;border:1px solid var(--sr-line);border-radius:14px;background:#fbfdff;text-align:center}
.cs-project .cs-phone-grid img{width:100%;height:auto;aspect-ratio:79/144;object-fit:contain}
.cs-project figcaption h3{font-size:15px;margin:14px 0 6px}
.cs-project figcaption p{font-size:13px}
.cs-project .cs-tech{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.cs-project .cs-tech>div{border:1px solid var(--sr-line);border-radius:10px;min-height:110px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;padding:14px 10px;text-align:center}
.cs-project .cs-tech img{width:38px;height:38px;object-fit:contain}
.cs-project .cs-tech i{font-size:30px;color:#2f7fc8}
.cs-project .cs-tech strong{font-size:12px}
.cs-project .cs-tech span{font-size:11px;color:var(--sr-muted)}
.cs-project .cs-impact-quote{display:grid;grid-template-columns:7fr 3fr;gap:24px;align-items:center}
.cs-project .cs-impact .cs-card{padding:16px}
.cs-project .cs-impact h3{font-size:13px}
.cs-project .cs-quote{margin:0;padding:26px;background:#fff2f5;border-radius:12px;color:var(--sr-ink)}
.cs-project .cs-quote>i,.cs-project .cs-message>i{font-size:32px;color:var(--sr-red);margin-bottom:12px}
.cs-project .cs-quote p{font-size:15px}
.cs-project .cs-quote cite{font-style:normal;font-weight:700;font-size:13px;display:block;margin-top:16px}
.cs-project .cs-cta{position:relative;display:grid;grid-template-columns:1fr 210px;gap:40px;align-items:center;margin-top:40px;margin-bottom:28px;padding:40px;border-radius:16px;color:#fff;overflow:hidden;background:linear-gradient(100deg,#061324 50%,#06132488),url('../../images/home-technology-globe.png') right center/cover}
.cs-project .cs-cta h2{color:#fff;font-size:30px;max-width:900px;margin-bottom:14px}
.cs-project .cs-cta p{color:#d8e1ec;max-width:850px}
.cs-project .cs-cta .sr-eyebrow{color:#ff4a64}
.cs-project .cs-cta .sr-secondary{color:#fff;background:#ffffff0d;border-color:#aab5c2}
.cs-project .cs-cta .sr-art-note{position:static;justify-self:end;align-self:center;padding-right:20px;font-size:27px}
.cs-project .cs-cta-benefits{background:#fff0f3e8;padding:20px;border-radius:12px}
.cs-project .cs-cta-benefits .cs-checks{margin:0}
.cs-project .cs-cta-benefits li{color:#14243d}
.cs-project .cs-floral{background:linear-gradient(100deg,#080d18 50%,#50121ca6),url('../../images/case-studies/funeral-flowers.webp') right center/cover}
.cs-project .cs-claims-cta{background:linear-gradient(110deg,#24131bec,#8d2634e0),url('../../images/staff/cloud_solutions.jpg') center/cover}
.cs-project .cs-flow{list-style:none;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px;margin:40px 0 0}
.cs-project .cs-flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;font-size:12px;font-weight:700;line-height:1.4}
.cs-project .cs-flow i{display:grid;place-items:center;border:1px solid #ffdce4;width:48px;height:48px;border-radius:50%;color:var(--sr-red);font-size:20px}
.cs-project .cs-flow li:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:12px;font-size:20px;color:#8da0b9}
.cs-project .cs-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;text-align:center}
.cs-project .cs-module-grid img{width:100%;aspect-ratio:1.75;object-fit:contain;border:1px solid var(--sr-line);box-shadow:0 6px 18px #132d4810}
.cs-project .cs-challenge-split{display:grid;grid-template-columns:32% 1fr;gap:32px}
.cs-project .cs-compassion{padding:32px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:340px;color:#fff;background:linear-gradient(90deg,#140d17cf,#1c192677),url('../../images/case-studies/funeral-flowers.webp') center/cover;border-radius:12px}
.cs-project .cs-compassion p{font-size:25px;font-weight:700;color:#fff}
.cs-project .cs-compassion span{font-size:15px;margin-top:14px}
.cs-project .cs-compact{gap:12px;margin-top:22px}
.cs-project .cs-compact .cs-card{padding:16px;gap:10px}
.cs-project .cs-compact h3{font-size:14px}
.cs-project .cs-compact p{font-size:12px}
.cs-project .cs-compact .cs-card>i{font-size:19px;padding:10px}
.cs-project .cs-testimonial .cs-quote{padding:30px 15%;background:linear-gradient(90deg,#fff2f5c9,#fff2f5),url('../../images/case-studies/funeral-flowers.webp') left/contain}
.cs-project .cs-two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.cs-project .cs-message{background:#f1f5fa;padding:24px;border-radius:10px;margin-top:24px}
.cs-project .cs-message p{color:var(--sr-ink);font-weight:550}
.cs-project .cs-screen img{width:100%;height:auto;border:1px solid var(--sr-line);border-radius:10px;box-shadow:0 5px 20px #152d4510}
.cs-project .cs-results{display:grid;grid-template-columns:35% 1fr;gap:28px;background:#fff5f7;padding:28px;margin-top:40px;border-radius:12px}
.cs-project .cs-results .sr-secondary{display:none}
.cs-project .cs-summary{padding-top:20px}
.cs-project .cs-summary .cs-info{grid-template-columns:repeat(4,minmax(0,1fr));background:#fff2f4}
.cs-ifas h1,.cs-claims h1{font-size:clamp(32px,3vw,48px)}
.cs-ifas .sr-hero-grid,.cs-claims .sr-hero-grid{grid-template-columns:40% 60%}
.cs-ifas .sr-lead,.cs-ifas .sr-intro,.cs-claims .sr-lead{font-size:14px;font-weight:400}
.cs-ifas .sr-hero-image,.cs-claims .sr-hero-image{padding:18px}
.cs-ifas .cs-hero-image>img,.cs-claims .cs-hero-image>img{border-radius:10px;box-shadow:0 12px 30px #0b172c1a}
.cs-ifas .sr-art-note{top:auto;bottom:-24px;font-size:19px}
.cs-fama .cs-hero-image>img{width:78%;max-height:560px;margin-right:14%}
.cs-fama .sr-art-note{right:0;top:45px}
@media(max-width:1100px){.cs-project .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-project .cs-tech{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-project .cs-phone-grid{gap:12px}.cs-project .cs-challenge-split{grid-template-columns:1fr}.cs-project .cs-compassion{min-height:240px}.cs-project .cs-flow{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.cs-project .cs-flow li::after{display:none}.cs-project .cs-results{grid-template-columns:1fr}.cs-project .cs-summary .cs-info{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-project .cs-impact-quote{grid-template-columns:1fr}.cs-project .cs-hero-grid{min-height:0}.cs-project .sr-hero-copy{padding-right:20px}}
@media(max-width:800px){.cs-project .sr-hero-grid,.cs-project .cs-split{grid-template-columns:1fr;gap:28px}.cs-project .sr-hero-copy{padding-right:0}.cs-project .cs-hero-image{max-width:600px;min-height:0}.cs-project .cs-module-grid{grid-template-columns:1fr}.cs-project .cs-module-grid img{max-width:640px;margin:auto}.cs-project .cs-cta{grid-template-columns:1fr;padding:28px;gap:24px}.cs-project .cs-cta-benefits{max-width:360px}.cs-project .cs-cta .sr-art-note{display:none}.cs-project .cs-phone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-project .cs-testimonial .cs-quote{padding:26px}.cs-project .sr-hero-art{margin-top:12px}.cs-ifas .sr-art-note{position:static;text-align:right;margin-top:20px}.cs-ifas .cs-hero-image{display:block}}
@media(max-width:480px){.cs-project{--cs-space:30px}.cs-project .cs-grid,.cs-project .cs-summary .cs-info,.cs-project .cs-phone-grid{grid-template-columns:1fr}.cs-project .cs-card:has(.cs-number){padding:20px}.cs-project .cs-card h3,.cs-project .cs-card:has(.cs-number) h3{font-size:16px}.cs-project .cs-card p,.cs-project .cs-card:has(.cs-number) p{font-size:14px}.cs-project .cs-subtitle{font-size:20px}.cs-project .cs-tech{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-project .cs-phone-grid figure{max-width:250px;width:100%;margin:auto}.cs-project .cs-flow{display:flex;flex-direction:column;gap:20px}.cs-project .cs-flow li{flex-direction:row;text-align:left;gap:16px;font-size:14px}.cs-project .cs-flow li:not(:last-child)::after{display:block;content:'';top:48px;left:24px;height:20px;width:1px;background:#ffbdc8}.cs-project .cs-flow i{flex-shrink:0}.cs-project .cs-panel,.cs-project .cs-info{padding:22px}.cs-project .cs-cta{padding:24px 20px}.cs-project .cs-cta h2{font-size:26px}.cs-project .cs-results{padding:20px}.cs-project .cs-hero-image>img{max-height:400px}.cs-fama .sr-art-note{font-size:18px;top:24px}.cs-project .sr-features{margin-top:24px}.cs-project .cs-hero-copy{padding-bottom:0}}
.cs-fama #features .cs-card{position:relative;padding-bottom:40px}
.cs-fama .sr-hero-badge{width:105px;bottom:28px;color:#193252}
.cs-fama .sr-hero-badge i{font-size:13px;color:#275183}
@media(max-width:480px){.cs-fama .sr-hero-badge{width:68px;font-size:9px;padding:8px;bottom:12px}.cs-fama .sr-hero-badge span{gap:5px;margin:8px 0}}
