/* Page-specific layout for the expanded case study. Shared artwork and styling remain unchanged. */
.case-page{line-height:1.5}
.case-nav{position:relative;height:70px;aspect-ratio:auto}
.case-nav>img{display:block;width:100%;height:70px;object-fit:cover}
.case-nav .nav-overlay{left:60.2%;width:39.8%;height:70px}
.case-hero{height:214px;position:relative;overflow:hidden;background:#062335;color:#fff;padding:30px 34px 28px;display:flex;flex-direction:column;justify-content:center}
.case-hero .hero-photo{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:right center;z-index:0}
.case-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062335 0%,rgba(6,35,53,.98) 39%,rgba(6,35,53,.52) 69%,rgba(6,35,53,.12) 100%);z-index:1}
.case-hero>*{position:relative;z-index:2;max-width:455px}
.case-hero .eyebrow{font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:800;color:#20c2bd;margin:0 0 10px}
.case-hero h1{font-size:clamp(27px,3.8vw,34px);line-height:1.08;letter-spacing:-.7px;margin:0 0 12px;color:#fff;max-width:455px}
.case-hero p{font-size:14px;line-height:1.45;color:#e2edf1;margin:0;max-width:430px}
.case-body{height:auto;padding:26px 25px 30px;background:#fff;overflow:visible}
.case-intro{margin-bottom:16px}
.case-intro .eyebrow,.case-conclusion .eyebrow{margin:0 0 6px;font-size:9px;letter-spacing:1.25px;text-transform:uppercase;font-weight:800;color:#087f87}
.case-intro h2,.case-conclusion h2{margin:0 0 8px;font-size:22px;line-height:1.16;letter-spacing:-.45px;color:#071d37}
.case-intro p,.case-conclusion p{font-size:12px;line-height:1.48;color:#39485a;margin:0;max-width:690px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0 8px}
.stat{min-height:78px;padding:10px 10px;background:#eef0f4;border-radius:3px;display:flex;flex-direction:column;justify-content:center}
.stat strong{display:block;color:#087f87;font-size:22px;line-height:1.05;margin-bottom:5px;letter-spacing:-.5px}
.stat span{font-size:9.5px;line-height:1.25;color:#263347;font-weight:700}
.qualification{font-size:9.5px;line-height:1.35;color:#687781;margin:0 0 20px;font-style:italic}
.story-list{border-top:1px solid #dce6e8}
.story-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid #dce6e8}
.story-label .step{font-size:9px;line-height:1.2;letter-spacing:1px;color:#07878a;font-weight:800;margin:0 0 7px;text-transform:uppercase}
.story-label h3{font-size:15px;line-height:1.23;color:#081d38;margin:0}
.story-copy p{font-size:11px;line-height:1.5;color:#243246;margin:0 0 8px}
.story-copy p:last-child{margin-bottom:0}
.story-copy ul{padding:0 0 0 15px;margin:0}
.story-copy li{font-size:11px;line-height:1.46;color:#243246;margin:0 0 5px;padding-left:2px}
.story-copy li::marker{color:#08a9a4}
.case-conclusion{margin-top:19px;padding:17px 18px;background:#eef3f4;border-left:3px solid #13b8b1}
.case-conclusion h2{font-size:18px;max-width:620px}
.case-conclusion p{font-size:11px}
.case-cta,.case-footer{position:relative;width:100%;line-height:0}
.case-cta img,.case-footer img{display:block;width:100%;height:auto}
.case-cta a{position:absolute;right:4.8%;top:25%;width:21%;height:55%;display:block}
.case-footer a.phone{position:absolute;left:34%;top:18%;width:17%;height:45%}
.case-footer a.email{position:absolute;left:56%;top:18%;width:18%;height:45%}
.case-footer a.linkedin{position:absolute;left:79%;top:18%;width:19%;height:45%}
@media(max-width:600px){
 .case-nav .nav-overlay{gap:7px;padding-right:2.5%}
 .case-nav .nav-overlay a{font-size:8px}
 .case-hero{height:auto;min-height:198px;padding:24px 22px}
 .case-hero>*{max-width:78%}
 .case-body{padding:20px 17px 24px}
 .case-intro h2{font-size:20px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .stat{padding:9px 8px;min-height:72px}
 .stat strong{font-size:20px}
 .story-row{grid-template-columns:1fr;gap:7px;padding:15px 0}
 .story-label h3{font-size:15px}
 .story-copy p,.story-copy li{font-size:12px}
}
@media(max-width:420px){
 .case-nav .nav-overlay{left:55%;width:45%;gap:5px}
 .case-nav .nav-overlay a{font-size:7.5px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@page{size:747px auto;margin:0}