.case-page{--pad:clamp(22px,6vw,120px);background:white}.case-page:before{display:none}.case-page #main-nav,.case-page #main-nav.scrolled{background:#fff;border-bottom:1px solid #e1e9ef}.case-page .nav-links a{color:#183951}.case-page .nav-hamburger span{background:#183951}.case-page main{padding-top:82px}.case-page section{padding:65px var(--pad);scroll-margin-top:85px}.case-page .section-tag{color:#086eac}.case-page .section-tag:before{background:#e73543}.case-page h2{font-size:clamp(26px,3vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.case-page p{line-height:1.85}.case-page-hero{position:relative;isolation:isolate;min-height:500px;display:flex;align-items:center;color:white;background:#08283f}.case-page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.case-page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06253ff5,#06253fa6);z-index:-1}.case-page-hero>div{max-width:1000px}.case-back{color:#d2e9f6;font-size:13px;text-underline-offset:5px}.case-eyebrow{margin:30px 0 15px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#b3dbf4}.case-page h1{font-size:clamp(34px,4.6vw,72px);line-height:1.1;letter-spacing:-.035em;font-weight:500;color:inherit}.case-page-hero h1+p{max-width:680px;margin-top:25px;font-size:17px;color:#d6e6f1}.case-story{display:grid;grid-template-columns:1fr 2.5fr;gap:65px}.case-story aside{border-top:3px solid #e73543;padding-top:25px;align-self:start}.case-story dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#607487;margin-top:25px}.case-story dd{font-size:18px;color:#173d58;margin-top:5px}.case-story aside>a{display:inline-block;margin-top:30px;color:#086eac;font-size:13px}.case-narrative>p{color:#587083;margin:20px 0 38px;max-width:900px}.case-process{list-style:none;margin-top:30px}.case-process li{display:flex;gap:25px;padding:25px 0;border-top:1px solid #dce5ec}.case-process li>span{font-size:13px;color:#e73543}.case-process h3{font-size:19px;margin-bottom:9px}.case-process p{font-size:15px;color:#587083}.case-page .case-results{background:#071f35;color:white}.case-results h2{color:white}.case-results .section-tag{color:#a3d6f4}.case-metrics{display:flex;gap:40px;margin:40px 0;flex-wrap:wrap}.case-metrics>div{flex:1;min-width:170px;border-left:2px solid #e73543;padding-left:24px}.case-metrics strong{display:block;font:500 clamp(35px,4vw,65px)/1.1 var(--font-display);color:#a5dcfc}.case-metrics span{display:block;margin-top:15px;font-size:14px;max-width:260px}.source-note{font-size:12px;color:#adc5d6}.source-note a{color:#d7ecfa;text-underline-offset:4px}.case-related>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.case-related a{padding:30px;background:#f0f5f9;text-decoration:none;border-bottom:2px solid #086eac}.case-related a>span{font-size:11px;color:#086eac}.case-related h3{font-size:25px;margin:12px 0}.case-related p{font-size:14px;color:#587083}.case-page .case-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#eaf3f9}.case-contact h2{font-size:clamp(27px,3vw,40px)}.case-contact p{margin-top:15px;font-size:14px}.case-contact-button{background:#086eac;color:white;border-radius:6px;padding:15px 24px;text-decoration:none;font-size:14px;flex-shrink:0}.case-index-head{background:#eef5f9;text-align:center}.case-index-head>a{display:block;text-align:left;font-size:13px;color:#086eac;margin-bottom:35px}.case-index-head h1{color:#12344e}.case-index-head h1 em{font-style:normal;color:#086eac}.case-index-head p{max-width:650px;margin:25px auto 0;color:#587083}.case-page .case-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.case-index-card{border:1px solid #dce5ed;border-radius:6px;overflow:hidden;text-decoration:none;transition:transform .2s}.case-index-card:hover{transform:translateY(-5px)}.case-index-card>img{width:100%;height:250px;object-fit:cover}.case-index-card>div{padding:26px}.case-index-card .section-tag{font-size:9px}.case-index-card p{font-size:15px;color:#587083;margin:15px 0 25px}.case-index-card strong{color:#086eac;font-size:13px}.case-page a:focus-visible{outline:3px solid #e73543;outline-offset:4px}
@media(max-width:900px){.case-story{grid-template-columns:1fr;gap:35px}.case-story aside{display:none}.case-page .case-index-grid{grid-template-columns:1fr 1fr}.case-contact{flex-wrap:wrap}}
@media(max-width:600px){.case-page main{padding-top:72px}.case-page #main-nav{height:72px}.case-page section{padding:45px var(--pad)}.case-page-hero{min-height:500px}.case-page-hero h1+p{font-size:15px}.case-related>div,.case-page .case-index-grid{grid-template-columns:1fr}.case-metrics{gap:30px}.case-process li{gap:15px}.case-index-card>img{height:220px}.case-metrics>div{min-width:100%}}
@media(prefers-reduced-motion:reduce){.case-page *{transition:none!important;scroll-behavior:auto!important}}

.client-profile,.case-project-visual{padding:60px 6%;display:grid;grid-template-columns:1fr 2fr;gap:6%;align-items:center}.client-profile{border-bottom:1px solid #dce7ee;background:#f5f9fc}.client-brand{padding:35px;background:white;border-radius:12px;display:grid;place-items:center}.client-brand img{width:100%;max-width:220px;height:110px;object-fit:contain}.client-profile h2,.case-project-visual h2{color:#163951;margin:15px 0;line-height:1.3}.client-profile p,.case-project-visual p{color:#587083;line-height:1.85}.case-project-visual{grid-template-columns:1fr 1.4fr;background:#eef5f9}.case-project-visual figure{margin:0;background:white;padding:24px;border-radius:12px;min-width:0}.case-project-visual img{width:100%;height:auto;max-height:420px;object-fit:contain}.case-project-visual figcaption{font-size:11px;color:#587083;line-height:1.6;margin-top:18px}@media(max-width:700px){.client-profile,.case-project-visual{grid-template-columns:1fr;gap:28px;padding:40px 6%}.client-brand{max-width:280px}.case-project-visual figure{padding:16px}}
