/* V24.28.8 — Success Stories archive and single-page design. */
.cs28-stories-archive,.cs28-story-page{color:#22384b}
.cs28-stories-hero,.cs28-story-hero{background:radial-gradient(circle at 82% 8%,rgba(11,138,146,.33),transparent 34%),linear-gradient(115deg,#061d38,#093653 72%,#075b68);color:#fff}
.cs28-stories-hero{padding:82px 0 78px}
.cs28-story-eyebrow,.cs28-stories-intro span,.cs28-story-bottom-cta span{display:block;font-size:12px;letter-spacing:.16em;font-weight:800;color:#bbdf70}
.cs28-stories-hero h1,.cs28-story-hero h1{color:#fff;letter-spacing:-.025em;line-height:1.1}
.cs28-stories-hero h1{font-size:clamp(38px,4.4vw,60px);margin:15px 0 16px;max-width:800px}
.cs28-stories-hero p{font-size:18px;color:#e3eff3;max-width:750px;line-height:1.65;margin:0}
.cs28-stories-content{padding:64px 0 90px}
.cs28-stories-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dbe8ed;padding-bottom:18px;margin-bottom:30px}
.cs28-stories-intro span{color:#08799a}
.cs28-stories-intro p{color:#526a7c;margin:0;font-size:14px}
.cs28-stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.cs28-story-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe7eb;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(6,29,56,.07)}
.cs28-story-card-image{display:block;overflow:hidden;background:#e6f1f2;aspect-ratio:16/9}
.cs28-story-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.cs28-story-card-image:hover img{transform:scale(1.03)}
.cs28-story-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:30px}
.cs28-story-card-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;width:100%;font-size:12px;font-weight:800;color:#0c7898;letter-spacing:.03em}
.cs28-story-status{background:#e9f4f3;color:#075864;border-radius:999px;padding:7px 11px;font-size:11px;letter-spacing:0}
.cs28-story-card h2{font-size:clamp(22px,2.2vw,29px);line-height:1.22;letter-spacing:-.015em;color:#082b4e;margin:17px 0 13px}
.cs28-story-card h2 a:hover,.cs28-story-card h2 a:focus-visible{color:#087ea1}
.cs28-story-card p{font-size:15px;line-height:1.62;color:#40576b;margin:0 0 17px}
.cs28-story-focus{font-size:12px;font-weight:700;color:#47657b;background:#f0f6f8;padding:7px 11px;border-radius:5px;margin-bottom:19px}
.cs28-story-text-link{margin-top:auto;font-size:14px;font-weight:800;color:#075b79;border-bottom:2px solid #afd544;padding-bottom:4px}
.cs28-story-text-link:hover,.cs28-story-text-link:focus-visible{color:#061d38}
.cs28-story-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.06fr 1fr;min-height:390px}
.cs28-story-card-featured .cs28-story-card-image{height:100%;aspect-ratio:auto}
.cs28-story-card-featured .cs28-story-card-copy{padding:clamp(30px,4vw,54px);justify-content:center}
.cs28-story-card-featured h2{font-size:clamp(28px,3.1vw,40px)}
.cs28-stories-pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}
.cs28-stories-pagination .page-numbers{padding:10px 15px;border:1px solid #cee1e8;border-radius:7px;color:#064b65}
.cs28-stories-pagination .current{background:#082e50;color:#fff}
.cs28-story-empty{background:#f3f8fa;border-radius:12px;padding:30px}

.cs28-story-hero{padding:40px 0 46px}
.cs28-story-crumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#d6e7ee;margin-bottom:50px}
.cs28-story-crumb a{text-decoration:underline;text-underline-offset:3px}
.cs28-story-crumb a:hover{color:#d2ed82}
.cs28-story-hero h1{font-size:clamp(38px,4.3vw,60px);max-width:940px;margin:13px 0 18px}
.cs28-story-hero-heading p{color:#e5f0f4;font-size:19px;line-height:1.65;max-width:810px;margin:0}
.cs28-story-facts{display:flex;gap:36px;flex-wrap:wrap;margin:39px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}
.cs28-story-facts div{min-width:145px}
.cs28-story-facts dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a8cfdd;font-weight:800;margin-bottom:5px}
.cs28-story-facts dd{margin:0;color:#fff;font-size:15px;font-weight:700}
.cs28-story-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.75fr);gap:clamp(35px,4vw,70px);padding-top:55px;padding-bottom:80px;align-items:start}
.cs28-story-main{min-width:0}
.cs28-story-featured{margin:0 0 42px}
.cs28-story-featured img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px}
.cs28-story-featured figcaption{font-size:12px;color:#62798a;margin-top:9px}
.cs28-story-prose{max-width:770px;font-size:17px;line-height:1.76;color:#284254}
.cs28-story-prose p{margin:0 0 22px}
.cs28-story-prose h2{font-size:clamp(24px,2.4vw,31px);line-height:1.28;letter-spacing:-.01em;color:#082d4f;margin:43px 0 14px;scroll-margin-top:115px}
.cs28-story-prose h2:first-child{margin-top:0}
.cs28-story-prose ul{margin:0 0 26px;padding-left:22px}
.cs28-story-prose li{margin:8px 0}
.cs28-story-prose a{color:#087ca0;text-decoration:underline;text-underline-offset:3px}
.cs28-story-sidebar{position:sticky;top:110px;min-width:0}
.cs28-story-toc{border-left:2px solid #d9e8ed;padding-left:20px;margin-bottom:25px}
.cs28-story-toc strong{display:block;color:#082d50;font-size:15px;margin-bottom:10px}
.cs28-story-toc a{display:block;color:#416079;padding:8px 0;font-size:14px}
.cs28-story-toc a:hover,.cs28-story-toc a:focus-visible{color:#087ea1;text-decoration:underline}
.cs28-story-side-action{border-radius:13px;padding:26px;background:linear-gradient(140deg,#061d38,#075b6a);color:#fff}
.cs28-story-side-action span{font-size:11px;letter-spacing:.13em;color:#d3ee89;font-weight:800}
.cs28-story-side-action h2{font-size:23px;line-height:1.23;color:#fff;margin:10px 0}
.cs28-story-side-action p{font-size:14px;color:#e1eff2;line-height:1.6;margin:0 0 20px}
.cs28-story-side-action a,.cs28-story-bottom-cta a{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#a4d43c;color:#061d38!important;font-size:14px;font-weight:800;padding:13px 19px;border-radius:7px;text-align:center}
.cs28-story-side-action a:hover,.cs28-story-bottom-cta a:hover{background:#bce45e;color:#061d38!important}
.cs28-story-service{font-size:13px;color:#60798a;line-height:1.7;margin:20px 0 0}
.cs28-story-service a{color:#086d8e;font-weight:800}
.cs28-story-bottom-cta{background:#eef6f6;padding:44px 0}
.cs28-story-bottom-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cs28-story-bottom-cta span{color:#087391}
.cs28-story-bottom-cta h2{color:#082d4d;font-size:clamp(25px,2.8vw,34px);line-height:1.2;margin:8px 0 5px}
.cs28-story-bottom-cta p{margin:0;color:#486175;font-size:15px}
.cs28-story-bottom-cta a{flex:0 0 auto}
.cs28-story-more{padding:70px 0 90px}
.cs28-story-more-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}
.cs28-story-more-heading h2{font-size:30px;color:#092d50;margin:0}
.cs28-story-more-heading a{font-size:14px;color:#086f91;font-weight:800}
.cs28-story-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.cs28-story-page a:focus-visible,.cs28-stories-archive a:focus-visible{outline:3px solid #079fcb;outline-offset:3px}
@media(max-width:930px){.cs28-story-shell{grid-template-columns:1fr}.cs28-story-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:22px}.cs28-story-service{grid-column:1/-1;margin:0}}
@media(max-width:700px){.cs28-stories-hero{padding:58px 0}.cs28-stories-content{padding:44px 0 60px}.cs28-stories-grid,.cs28-story-more-grid{grid-template-columns:1fr}.cs28-story-card-featured{display:flex;min-height:0}.cs28-story-card-featured .cs28-story-card-image{aspect-ratio:16/9;height:auto}.cs28-story-card-featured .cs28-story-card-copy{padding:26px}.cs28-story-card-featured h2{font-size:25px}.cs28-story-hero{padding:28px 0 35px}.cs28-story-crumb{margin-bottom:30px}.cs28-story-hero-heading p{font-size:17px}.cs28-story-facts{gap:18px 25px;margin-top:27px}.cs28-story-facts div{min-width:110px}.cs28-story-shell{padding-top:30px;padding-bottom:52px}.cs28-story-featured{margin-bottom:24px}.cs28-story-sidebar{display:block}.cs28-story-toc{margin-bottom:24px}.cs28-story-bottom-cta .wrap{display:block}.cs28-story-bottom-cta a{margin-top:22px;width:100%}.cs28-story-more{padding:50px 0 65px}}
@media(max-width:500px){.cs28-stories-intro{display:block}.cs28-stories-intro p{margin-top:8px}.cs28-story-card-copy{padding:23px}.cs28-story-prose{font-size:16px}.cs28-story-more-heading{align-items:flex-start;flex-direction:column}}