.case-study{--case-page:min(100%, 1300px);color:#2f3440;background:#f3f1ec}.case-section-inner,.case-hero-inner,.case-footer-inner{max-width:1340px}.case-hero{background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--case-accent) 28%, transparent), transparent 28rem), #06182b;color:#fff;padding:42px 0 0;overflow:hidden}.case-breadcrumb{color:#ffffff94;font-family:var(--peaks-font-heading);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:flex}.case-breadcrumb a{color:#fff;text-decoration:none}.case-hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.36fr);align-items:end;gap:clamp(48px,8vw,120px);padding:clamp(52px,7vw,94px) 0 clamp(48px,6vw,76px);display:grid}.case-kicker,.case-mini-label{color:var(--case-accent);font-family:var(--peaks-font-heading);letter-spacing:.2em;text-transform:uppercase;font-size:.83rem;font-weight:700}.case-hero h1{color:#fff;letter-spacing:-.055em;text-transform:uppercase;max-width:1000px;margin-top:25px;font-size:clamp(4.6rem,11vw,10.8rem);line-height:.84}.case-tagline{color:#fff;font-family:var(--peaks-font-heading);max-width:830px;margin-top:38px;font-size:clamp(1.55rem,3vw,2.7rem);font-weight:500;line-height:1.13}.case-summary{color:#ffffffb8;max-width:760px;margin-top:28px;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.75}.case-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:38px;display:flex}.case-live-button{background:var(--case-accent);color:#06182b;min-width:230px}.case-live-button span{margin-left:10px;font-size:1.1em}.case-contact-link{color:#fff;font-family:var(--peaks-font-heading);text-decoration-color:color-mix(in srgb, var(--case-accent) 75%, transparent);text-underline-offset:7px;text-transform:uppercase;font-weight:700}.case-contact-link span{color:var(--case-accent);margin-left:6px}.case-facts{border-top:1px solid #ffffff2e;margin:0}.case-facts div{border-bottom:1px solid #ffffff2e;grid-template-columns:76px 1fr;gap:16px;padding:17px 0;display:grid}.case-facts dt{color:#ffffff73;font-family:var(--peaks-font-heading);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700}.case-facts dd{color:#fff;margin:0;font-size:.92rem;line-height:1.45}.case-hero-visual{background:#eef0f2;border-radius:6px 6px 0 0;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.case-hero-visual:before{background:var(--case-accent);content:"";z-index:1;width:100%;height:4px;position:absolute;top:0;left:0}.case-hero-visual img{width:100%;height:auto}.case-brief,.case-decisions,.case-outcome{padding:clamp(88px,10vw,148px) 0}.case-brief-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);gap:clamp(60px,9vw,145px);display:grid}.case-section-number{color:var(--case-accent);font-family:var(--peaks-font-heading);letter-spacing:-.05em;margin-bottom:36px;font-size:clamp(4rem,8vw,7.5rem);font-weight:200;line-height:.75}.case-section-heading .eyebrow,.case-scope-heading .eyebrow,.case-live-heading .eyebrow,.case-footer .eyebrow{color:#727a83;margin-bottom:14px}.case-section-heading h2,.case-scope-heading h2,.case-live-heading h2{letter-spacing:-.025em;text-transform:uppercase;max-width:800px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98}.case-challenge{border-left:1px solid #bcc1c5;padding-left:clamp(30px,5vw,72px)}.case-challenge h3,.case-outcome-grid h3{letter-spacing:.04em;text-transform:uppercase;font-size:1.25rem}.case-challenge>p{margin-top:18px;font-size:clamp(1.16rem,2vw,1.5rem);line-height:1.6}.case-challenge h3:nth-of-type(2){margin-top:48px}.case-challenge ol{counter-reset:objectives;margin:18px 0 0;padding:0;list-style:none}.case-challenge li{counter-increment:objectives;border-top:1px solid #cfd2d4;grid-template-columns:34px 1fr;align-items:baseline;gap:18px;padding:18px 0;display:grid}.case-challenge li:before{color:#7c838a;content:"0" counter(objectives);font-family:var(--peaks-font-heading);font-size:.8rem;font-weight:700}.case-scope{color:#fff;background:#06182b;padding:clamp(86px,9vw,128px) 0}.case-scope-heading{grid-template-columns:160px 1fr;align-items:end;gap:45px;display:grid}.case-scope-heading h2{color:#fff}.case-scope-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:70px 0 0;padding:0;list-style:none;display:grid}.case-scope-list li{border-top:1px solid #ffffff2e;grid-template-columns:42px 1fr;align-items:center;gap:24px;min-height:84px;padding:18px 28px 18px 0;display:grid}.case-scope-list li:nth-child(odd){margin-right:40px}.case-scope-list span{color:var(--case-accent);font-family:var(--peaks-font-heading);font-size:.77rem;font-weight:700}.case-scope-list strong{color:#fff;font-family:var(--peaks-font-heading);text-transform:uppercase;font-size:clamp(1rem,1.7vw,1.32rem);font-weight:600}.case-decisions{background:#fff}.case-decisions-heading{max-width:940px}.case-decisions-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(60px,8vw,130px);margin-top:75px;display:grid}.case-visual-direction{border-top:5px solid var(--case-accent);background:#eef0f1;padding:clamp(32px,5vw,58px)}.case-visual-direction>p:nth-child(2){color:#222b34;margin-top:25px;font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1.65}.case-accent-swatch{border-top:1px solid #c8cbcd;align-items:center;gap:14px;margin-top:42px;padding-top:22px;display:flex}.case-accent-swatch span{background:var(--case-accent);border-radius:50%;width:28px;height:28px}.case-accent-swatch code{color:#5f666d;text-transform:uppercase;font-size:.8rem}.case-technical-list article{border-top:1px solid #bfc4c7;grid-template-columns:42px 1fr;gap:28px;padding:26px 0 30px;display:grid}.case-technical-list article>span{color:var(--case-accent);font-family:var(--peaks-font-heading);font-size:.8rem;font-weight:700}.case-technical-list h3{text-transform:uppercase;font-size:clamp(1.35rem,2.3vw,2rem)}.case-technical-list p{max-width:650px;margin-top:10px;line-height:1.7}.case-live{background:#dfe3e5;padding:clamp(88px,10vw,142px) 0}.case-live-heading{justify-content:space-between;align-items:end;gap:50px;display:flex}.case-live-heading>a{color:#06182b;font-family:var(--peaks-font-heading);text-decoration-color:var(--case-accent);text-underline-offset:8px;text-transform:uppercase;flex:none;padding-bottom:8px;font-weight:700}.case-browser{background:#fff;border-radius:10px;margin:70px 0 0;overflow:hidden;box-shadow:0 28px 72px #16202b2e}.case-browser-bar{background:#f7f7f7;border-bottom:1px solid #dedede;align-items:center;gap:8px;height:48px;padding:0 18px;display:flex}.case-browser-bar>span{background:#c6c6c6;border-radius:50%;width:9px;height:9px}.case-browser-bar>span:first-child{background:var(--case-accent)}.case-browser-bar p{color:#7a7a7a;text-align:center;background:#fff;border:1px solid #e4e4e4;border-radius:999px;width:42%;max-width:420px;margin:0 auto;padding:5px 25px;font-size:.74rem}.case-browser>img{width:100%;height:auto}.case-browser figcaption{color:#767b80;border-top:1px solid #ececec;padding:15px 20px;font-size:.78rem}.case-outcome{background:#f3f1ec}.case-metrics{border-top:1px solid #bfc3c5;border-bottom:1px solid #bfc3c5;grid-template-columns:repeat(3,1fr);margin:70px 0 0;display:grid}.case-metrics div{padding:34px 32px}.case-metrics div+div{border-left:1px solid #bfc3c5}.case-metrics dt{color:#06182b;font-family:var(--peaks-font-heading);letter-spacing:-.04em;font-size:clamp(2.3rem,5vw,4.6rem);font-weight:900;line-height:1}.case-metrics dd{color:#6a7075;text-transform:uppercase;margin:12px 0 0;font-size:.86rem}.case-outcome-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(60px,9vw,150px);margin-top:74px;display:grid}.case-deliverables ul{margin:24px 0 0;padding:0;list-style:none}.case-deliverables li{border-top:1px solid #c7cacc;padding:14px 0 14px 25px;position:relative}.case-deliverables li:before{background:var(--case-accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:2px}.case-results>p{color:#303942;margin-top:24px;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.62}.case-transparency{border-left:3px solid var(--case-accent);margin-top:42px;padding:4px 0 4px 24px}.case-transparency strong{color:#06182b;font-family:var(--peaks-font-heading);letter-spacing:.08em;text-transform:uppercase;font-size:.86rem}.case-transparency p{color:#6b7176;margin-top:8px;font-size:.88rem;line-height:1.65}.case-footer{color:#fff;background:#06182b;padding:clamp(72px,9vw,118px) 0}.case-footer-inner{grid-template-columns:1fr 1fr;align-items:end;gap:70px;display:grid}.case-footer-inner>div:first-child>a{color:#fff;font-family:var(--peaks-font-heading);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2.8rem,6vw,6rem);font-weight:900;line-height:1;text-decoration:none}.case-footer-inner>div:first-child>a span{color:var(--case-accent);transition:transform .24s;display:inline-block}.case-footer-inner>div:first-child>a:hover span{transform:translate(8px)}.case-footer-inner>div:last-child{border-left:1px solid #fff3;padding-left:clamp(30px,5vw,70px)}.case-footer-inner>div:last-child p{color:#ffffffb8;max-width:450px;font-size:1.1rem}.case-footer .button{margin-top:25px}@media (hover:hover){.case-hero-visual img,.case-browser>img{transition:transform .7s var(--peaks-motion)}.case-hero-visual:hover img{transform:scale(1.015)}.case-browser:hover>img{transform:scale(1.008)}}@media (width<=900px){.case-hero-grid,.case-brief-grid,.case-decisions-grid,.case-outcome-grid,.case-footer-inner{grid-template-columns:1fr}.case-hero h1{font-size:clamp(4rem,17vw,7rem)}.case-facts{grid-template-columns:repeat(2,1fr);display:grid}.case-facts div:nth-child(odd){padding-right:25px}.case-facts div:nth-child(2n){padding-left:25px}.case-brief-grid,.case-decisions-grid,.case-outcome-grid{gap:50px}.case-challenge{border-top:1px solid #bcc1c5;border-left:0;padding-top:38px;padding-left:0}.case-scope-heading{grid-template-columns:105px 1fr;align-items:start;gap:25px}.case-scope-list{grid-template-columns:1fr}.case-scope-list li:nth-child(odd){margin-right:0}.case-live-heading{flex-direction:column;align-items:start}.case-footer-inner>div:last-child{border-top:1px solid #fff3;border-left:0;padding-top:40px;padding-left:0}}@media (width<=600px){.case-hero{padding-top:28px}.case-hero-grid{padding-top:45px}.case-hero h1{font-size:clamp(3rem,13.5vw,4.7rem);line-height:.9}.case-tagline{margin-top:30px}.case-actions{flex-direction:column;align-items:flex-start}.case-live-button{width:100%;padding-inline:28px}.case-facts{grid-template-columns:1fr}.case-facts div:nth-child(odd),.case-facts div:nth-child(2n){padding-left:0;padding-right:0}.case-hero-visual{margin-inline:-20px}.case-hero-visual img{object-fit:cover;min-height:260px}.case-section-number{margin-bottom:25px;font-size:4.4rem}.case-section-heading h2,.case-scope-heading h2,.case-live-heading h2{font-size:clamp(2.2rem,11vw,3.25rem)}.case-scope-heading{display:block}.case-scope-list{margin-top:48px}.case-decisions-grid,.case-outcome-grid{margin-top:50px}.case-visual-direction{margin-inline:-20px}.case-live-heading>a{white-space:normal}.case-browser{margin-inline:-20px;border-radius:5px;margin-top:48px}.case-browser-bar p{text-overflow:ellipsis;white-space:nowrap;width:65%;padding-inline:12px;overflow:hidden}.case-browser>img{aspect-ratio:9/8;object-fit:cover;object-position:top center}.case-metrics{grid-template-columns:1fr;margin-top:50px}.case-metrics div{padding-inline:0}.case-metrics div+div{border-top:1px solid #bfc3c5;border-left:0}.case-footer-inner>div:first-child>a{font-size:clamp(2.6rem,15vw,4.5rem)}}
