/* Case Studies: drinking-water-contact manufacturing */
.subnavlist:has(+ .casestudies-page){display:none;}
.casestudies-page.pages{max-width:none;padding:0;overflow:hidden;background:#fff;}
.casestudies-content{color:#4e5c6c;font-size:16px;line-height:1.75;}
.casestudies-content p{margin:0;}
.casestudies-page .container{position:relative;max-width:1250px;}
.casestudies-page h1,.casestudies-page h2,.casestudies-page h3{margin:0;color:#202b3a;font-weight:700;letter-spacing:-.035em;line-height:1.15;}
.casestudies-page h2{font-size:46px;}
.case-eyebrow{display:flex;align-items:center;margin:0 0 20px!important;color:var(--first_color);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;}
.case-eyebrow:before{width:32px;height:3px;margin-right:12px;background:currentColor;content:"";flex-shrink:0;}
.case-eyebrow--light{color:#8fb7ff;}

.case-hero{position:relative;padding:90px 0 94px;overflow:hidden;background-color:#f5f7fb;background-image:linear-gradient(rgba(18,45,84,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,45,84,.045) 1px,transparent 1px);background-size:64px 64px;}
.case-hero:before{position:absolute;top:-320px;left:-260px;width:680px;height:680px;border:140px solid rgba(1,67,196,.045);border-radius:50%;content:"";pointer-events:none;}
.case-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;}
.case-hero h1{max-width:590px;font-size:52px;letter-spacing:-.045em;line-height:1.06;text-wrap:balance;}
.case-hero h1 span{display:block;margin-top:8px;color:var(--first_color);}
.case-category{max-width:450px;margin-top:28px!important;padding-top:22px;border-top:1px solid #dbe2ec;color:#627083;font-size:13px;line-height:1.8;}
.case-category>span{display:block;margin-bottom:4px;color:#243b5b;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;}
.case-hero__visual{position:relative;margin:0;padding:15px 15px 0 0;}
.case-hero__visual:before{position:absolute;top:0;right:0;width:65%;height:65%;border-top:3px solid var(--first_color);border-right:3px solid var(--first_color);border-radius:0 22px 0 0;content:"";}
.case-hero__visual img{position:relative;display:block;width:100%;height:auto;border-radius:18px 18px 0 0;background:#fff;}
.case-hero__visual figcaption{position:relative;display:flex;padding:20px 23px;border-radius:0 0 18px 18px;background:#0d213e;box-shadow:0 22px 45px rgba(13,33,62,.12);gap:16px;align-items:center;justify-content:space-between;}
.case-hero__visual figcaption span{max-width:130px;color:#a8bfdf;font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;}
.case-hero__visual figcaption strong{color:#fff;font-size:17px;font-weight:600;line-height:1.4;}

.case-challenge{padding:82px 0 86px;border-bottom:1px solid #e3e8f0;background:#fff;}
.case-challenge__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;}
.case-challenge__lead{margin-top:23px!important;color:#2d3f56;font-size:19px;line-height:1.75;}
.case-challenge__copy{padding-left:28px;border-left:3px solid var(--first_color);}
.case-challenge__copy p+p{margin-top:22px;}

.case-solutions{padding:92px 0 94px;}
.case-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:end;margin-bottom:70px;}
.case-section-heading>p{max-width:540px;font-size:17px;line-height:1.8;}
.case-solution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:74px;align-items:center;}
.case-solution+.case-solution{margin-top:76px;padding-top:76px;border-top:1px solid #e0e6ef;}
.case-solution--reverse .case-solution__copy{order:2;}
.case-solution--reverse .case-photo{order:1;}
.case-solution__copy h3{max-width:540px;font-size:30px;line-height:1.25;}
.case-solution__copy h3>span{display:block;margin-bottom:14px;color:var(--first_color);font-size:24px;font-weight:500;letter-spacing:-.03em;}
.case-solution__copy>p{margin-top:20px;}
.case-solution__copy .case-list-intro{margin-top:17px;color:#263d5c;font-weight:600;}
.case-list{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none;}
.case-list>li{position:relative;padding-left:20px;font-size:15px;line-height:1.7;}
.case-list>li:before{position:absolute;top:.7em;left:0;width:5px;height:5px;background:var(--first_color);content:"";}
.case-photo{margin:0;overflow:hidden;border:1px solid #dce3ed;border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(24,47,79,.055);}
.case-photo img{display:block;width:100%;height:auto;}
.case-photo figcaption{display:flex;padding:18px 22px;gap:8px;align-items:center;justify-content:space-between;color:#253953;font-size:13px;font-weight:600;line-height:1.5;}
.case-photo figcaption>span{color:#7b8898;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;}

.case-workflow{position:relative;padding:86px 0 92px;background:#0d213e;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;}
.case-workflow__heading{max-width:690px;}
.case-workflow h2{color:#fff;font-size:43px;}
.case-workflow__steps{display:grid;margin:44px 0 0;padding:0;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;}
.case-workflow__steps>li{position:relative;padding:24px 18px 0 0;border-top:1px solid rgba(163,193,235,.3);}
.case-workflow__steps>li+li{padding-left:18px;}
.case-workflow__steps>li:before{position:absolute;top:-5px;left:0;width:9px;height:9px;border:2px solid #8fb7ff;border-radius:50%;background:#0d213e;content:"";}
.case-workflow__steps>li+li:before{left:18px;}
.case-workflow__number{color:#8fb7ff;font-size:14px;font-weight:700;letter-spacing:.1em;}
.case-workflow__steps h3{margin-top:12px;color:#fff;font-size:21px;letter-spacing:-.02em;}
.case-workflow__steps p{margin-top:12px;color:#b4c3d8;font-size:14px;line-height:1.8;}

.case-processes{padding:94px 0 100px;background:#f6f8fb;}
.case-process__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:80px;align-items:center;}
.case-list--columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;}
.case-process__note{padding:30px 32px;border:1px solid #d9e2ef;border-radius:16px;background:#fff;}
.case-process__icon{display:flex;width:48px;height:48px;margin-bottom:18px;border-radius:12px;background:#edf3ff;color:var(--first_color);font-size:24px;align-items:center;justify-content:center;}
.case-process__note p{color:#3e526e;font-size:16px;line-height:1.8;}
.case-process__photos{display:grid;margin-top:38px;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start;}
.case-solution--control{margin-top:80px;padding-top:78px;border-top:1px solid #dce3ed;}

.case-result{padding:94px 0 100px;background:#0d213e;}
.case-result__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:74px;align-items:center;}
.case-result h2{color:#fff;}
.case-result__visual .case-photo{margin-top:30px;border-color:rgba(255,255,255,.18);box-shadow:none;}
.case-result__list{margin:0;padding:0;list-style:none;counter-reset:case-result;}
.case-result__list>li{position:relative;padding:21px 0 21px 43px;border-bottom:1px solid rgba(255,255,255,.15);color:#e4eaf3;font-size:16px;line-height:1.7;counter-increment:case-result;}
.case-result__list>li:first-child{border-top:1px solid rgba(255,255,255,.15);}
.case-result__list>li:before{position:absolute;top:25px;left:0;color:#8fb7ff;font-size:11px;font-weight:700;letter-spacing:.1em;content:counter(case-result,decimal-leading-zero);}

.case-cta{padding:97px 0 0;background:#fff;}
.case-cta__copy{max-width:900px;margin:0 auto;text-align:center;}
.case-cta .case-eyebrow{justify-content:center;}
.case-cta h2{font-size:49px;line-height:1.13;}
.case-cta__copy>p:not(.case-eyebrow){max-width:740px;margin:23px auto 0;font-size:17px;line-height:1.8;}
.case-cta__actions{display:flex;gap:14px;margin-top:31px;justify-content:center;flex-wrap:wrap;}
.case-button{display:inline-flex;min-height:54px;padding:15px 22px;border:1px solid var(--first_color);border-radius:6px;gap:18px;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1.6;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;}
.case-button--primary{background:var(--first_color);color:#fff;}
.case-button--secondary{background:#fff;color:var(--first_color);}
.case-button--primary:hover,.case-button--secondary:hover{background:#0d213e;border-color:#0d213e;color:#fff;box-shadow:0 8px 20px rgba(13,33,62,.14);}
.case-button:focus-visible{outline:3px solid #82aeff;outline-offset:4px;}
.case-capabilities{display:flex;margin-top:75px;padding:29px 0;border-top:1px solid #dce3ec;gap:22px;align-items:center;justify-content:center;}
.case-capabilities>span{color:#253953;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.case-capabilities p{color:#6a798d;font-size:14px;line-height:1.7;}
.case-compliance{padding:36px 0 40px;background:#f3f6fa;}
.case-compliance__inner{display:grid;grid-template-columns:185px minmax(0,1fr);gap:40px;align-items:start;}
.case-compliance h2{margin-top:3px;color:#3c4f69;font-size:16px;letter-spacing:0;line-height:1.5;}
.case-compliance p{color:#667589;font-size:14px;line-height:1.85;}

@media(max-width:1199px){
  .case-hero__grid,.case-solution,.case-result__grid{gap:42px;}
  .case-hero h1{font-size:46px;}
  .case-challenge__grid,.case-section-heading,.case-process__grid{gap:48px;}
  .case-workflow__steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px;}
  .case-workflow__steps>li{padding-right:28px;}
  .case-workflow__steps>li:nth-child(4){padding-left:0;}
  .case-workflow__steps>li:nth-child(4):before{left:0;}
  .case-workflow__steps p{max-width:240px;font-size:13px;}
}

@media(max-width:991px){
  .case-hero{padding:70px 0;}
  .case-hero__grid{grid-template-columns:1fr;gap:42px;}
  .case-hero h1{max-width:760px;font-size:48px;}
  .case-category{max-width:620px;}
  .case-hero__visual{width:100%;max-width:680px;margin:0 auto;}
  .case-challenge,.case-solutions,.case-processes,.case-result{padding:72px 0;}
  .case-challenge__grid,.case-section-heading{grid-template-columns:1fr;gap:26px;}
  .case-challenge__lead{font-size:18px;}
  .case-challenge__copy{padding-left:22px;}
  .case-section-heading{margin-bottom:50px;}
  .case-section-heading>p{max-width:720px;}
  .case-solution,.case-result__grid{grid-template-columns:1fr;gap:32px;}
  .case-solution--reverse .case-solution__copy,.case-solution--reverse .case-photo{order:initial;}
  .case-solution__copy h3{max-width:720px;}
  .case-solution .case-photo{width:100%;max-width:720px;}
  .case-solution+.case-solution{margin-top:55px;padding-top:55px;}
  .case-workflow{padding:72px 0;}
  .case-process__grid{grid-template-columns:1fr;gap:26px;}
  .case-process__note{display:flex;gap:23px;align-items:center;padding:25px;}
  .case-process__icon{margin:0;flex-shrink:0;}
  .case-process__photos{gap:20px;margin-top:30px;}
  .case-process__photos figcaption{align-items:start;flex-direction:column;}
  .case-solution--control{margin-top:55px;padding-top:55px;}
  .case-result__visual .case-photo{max-width:720px;}
  .case-cta{padding-top:75px;}
  .case-capabilities{margin-top:56px;}
  .case-compliance__inner{grid-template-columns:160px minmax(0,1fr);gap:25px;}
}

@media(max-width:767px){
  .casestudies-content{font-size:15px;line-height:1.8;}
  .casestudies-page h2{font-size:35px;}
  .case-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:16px!important;}
  .case-hero{padding:51px 0 54px;background-size:44px 44px;}
  .case-hero h1{font-size:38px;line-height:1.08;}
  .case-hero__grid{gap:30px;}
  .case-category{margin-top:23px!important;padding-top:18px;font-size:14px;}
  .case-hero__visual{padding:10px 10px 0 0;}
  .case-hero__visual figcaption{padding:17px 18px;gap:12px;}
  .case-hero__visual figcaption strong{font-size:15px;}
  .case-hero__visual figcaption span{font-size:9px;}
  .case-challenge,.case-solutions,.case-processes,.case-result{padding:54px 0;}
  .case-challenge__lead{margin-top:18px!important;font-size:17px;line-height:1.75;}
  .case-challenge__copy{padding-left:18px;}
  .case-challenge__copy p+p{margin-top:17px;}
  .case-section-heading{gap:21px;margin-bottom:39px;}
  .case-section-heading>p{font-size:15px;}
  .case-solution{gap:27px;}
  .case-solution__copy h3{font-size:27px;}
  .case-solution__copy h3>span{font-size:21px;margin-bottom:10px;}
  .case-list{gap:9px;margin-top:18px;}
  .case-list>li{font-size:14px;line-height:1.75;}
  .case-list--columns{grid-template-columns:1fr;}
  .case-photo{border-radius:12px;}
  .case-photo figcaption{padding:15px 17px;align-items:start;flex-direction:column;gap:3px;font-size:14px;}
  .case-solution+.case-solution{margin-top:42px;padding-top:42px;}
  .case-workflow{padding:54px 0;}
  .case-workflow__steps{grid-template-columns:1fr;margin-top:31px;gap:0;}
  .case-workflow__steps>li,.case-workflow__steps>li+li,.case-workflow__steps>li:nth-child(4){display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:15px;row-gap:6px;padding:0 0 25px 24px;border-top:0;border-left:1px solid rgba(163,193,235,.3);}
  .case-workflow__steps>li:last-child{padding-bottom:0;}
  .case-workflow__steps>li:before,.case-workflow__steps>li+li:before,.case-workflow__steps>li:nth-child(4):before{top:8px;left:-5px;}
  .case-workflow__number{grid-column:1;grid-row:1;align-self:center;}
  .case-workflow__steps h3{margin:0;grid-column:2;font-size:21px;}
  .case-workflow__steps p{grid-column:2;max-width:none;margin:0;font-size:13px;line-height:1.75;}
  .case-process__note{display:block;padding:24px;}
  .case-process__icon{margin-bottom:15px;}
  .case-process__note p{font-size:15px;}
  .case-process__photos{grid-template-columns:1fr;gap:21px;}
  .case-solution--control{margin-top:43px;padding-top:42px;}
  .case-result__grid{gap:29px;}
  .case-result__visual .case-photo{margin-top:24px;}
  .case-result__list>li{padding:18px 0 18px 35px;font-size:14px;}
  .case-result__list>li:before{top:21px;}
  .case-cta{padding-top:55px;}
  .case-cta h2{font-size:35px;}
  .case-cta__copy>p:not(.case-eyebrow){margin-top:19px;font-size:15px;}
  .case-cta__actions{flex-direction:column;gap:12px;align-items:stretch;margin-top:25px;}
  .case-button{min-height:52px;font-size:14px;padding:14px 18px;gap:14px;}
  .case-capabilities{flex-direction:column;align-items:flex-start;gap:9px;margin-top:44px;padding:24px 0;}
  .case-capabilities p{font-size:11px;line-height:1.8;}
  .case-compliance{padding:28px 0 32px;}
  .case-compliance__inner{grid-template-columns:1fr;gap:12px;}
  .case-compliance h2{font-size:16px;}
  .case-compliance p{font-size:14px;}
}

@media(max-width:374px){
  .case-hero h1{font-size:33px;}
  .casestudies-page h2,.case-cta h2{font-size:31px;}
  .case-hero__visual figcaption{align-items:start;flex-direction:column;gap:7px;}
  .case-hero__visual figcaption span{max-width:none;}
  .case-solution__copy h3{font-size:25px;}
  .case-compliance h2{font-size:16px;}
}

@media(prefers-reduced-motion:reduce){
  .case-button{transition:none;}
}