.case-study{overflow:hidden}
.case-hero{position:relative;min-height:520px;background:#edf2f7;overflow:hidden}
.case-hero::before{content:"";position:absolute;inset:0;background:url('../figma/hero/52cea.png') repeat;opacity:.025;pointer-events:none}
.case-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,508px);gap:65px;align-items:center;min-height:520px}
.case-hero__copy{max-width:660px}
.case-hero__client{color:#3c434a;font:500 16px/24px var(--wpx-sans);margin:0 0 24px}
.case-hero h1{font:600 clamp(40px,3.4vw,48px)/1.17 var(--wpx-serif);letter-spacing:-.02em;margin:0}
.case-hero__art{width:100%;height:434px;overflow:hidden;border-radius:174px 31px 174px 31px;background:#bfcfdc}
.case-hero__art img{width:100%;height:100%;object-fit:cover}
.case-overview{display:grid;grid-template-columns:minmax(0,660px) minmax(0,1fr);gap:clamp(48px,8vw,115px);padding-top:90px;padding-bottom:90px}
.case-overview__copy{min-width:0}
.case-overview__logo{width:min(340px,100%);max-height:84px;object-fit:contain;object-position:left;margin-bottom:42px}
.case-overview h2,.case-challenge h2,.case-identity h3,.case-results h2,.case-related h2{font:600 42px/50px var(--wpx-serif);letter-spacing:-.02em;margin:0 0 24px}
.case-overview__deliverables{border-left:1px solid #d8dfe6;padding-left:clamp(32px,5.5vw,90px);min-width:0}
.case-overview__deliverables>p{font:600 18px/28px var(--wpx-serif);margin:0 0 24px}
.case-rich-text{color:#3c434a;font:500 16px/24px var(--wpx-sans)}
.case-rich-text p{margin:0 0 22px}.case-rich-text p:last-child{margin-bottom:0}
.case-overview__intro{max-width:620px;margin-bottom:22px}
.case-overview__intro p{margin:0;font:400 16px/1.65 var(--wpx-sans);color:#3c434a}
.case-overview__points{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.case-overview__points li{position:relative;padding-left:24px;color:#3c434a;font:400 15px/1.55 var(--wpx-sans)}
.case-overview__points li::before{content:"";position:absolute;left:0;top:.58em;width:8px;height:8px;border-radius:50%;background:#3858e9}
.case-tags{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:50px}
.case-tags span{display:inline-flex;align-items:center;min-height:46px;padding:10px 22px;border:1px solid #9797978a;border-radius:0 0 12px 0;font-size:14px;line-height:22px}
.case-visit{margin-top:8px}
.case-showcase{background:#3858e9;padding:100px 0}
.case-showcase__inner{display:flex;flex-direction:column;align-items:stretch;gap:0}
.case-stack{width:100%;max-width:1080px;margin:0 auto;color:#fff}
.case-stack__copy{max-width:760px;margin:0 auto 34px;text-align:center}
.case-stack__copy h2{font:600 clamp(30px,3.8vw,44px)/1.16 var(--wpx-serif);letter-spacing:-.025em;margin:0 0 17px;color:#fff}
.case-stack__copy .case-rich-text{max-width:740px;margin:0 auto;color:#fff;font:400 16px/1.65 var(--wpx-sans)}
.case-stack__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none}
.case-stack__item{width:98px;height:98px;display:grid;flex:0 0 98px;place-items:center;border:1px solid rgb(255 255 255 / 46%);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgb(14 31 106 / 12%)}
.case-stack__item img{display:block;width:64px;height:64px;object-fit:contain}
.case-challenge{display:grid;grid-template-columns:minmax(0,564px) minmax(0,1fr);gap:clamp(50px,7vw,95px);align-items:center;padding-top:90px;padding-bottom:90px}
.case-challenge__image{height:530px;overflow:hidden;border-radius:174px 31px 174px 31px;background:#edf2f7}
.case-challenge__image img{width:100%;height:100%;object-fit:cover}
.case-brand{display:flex;align-items:center;justify-content:center;min-height:554px;max-width:1120px;padding:100px;background:#edf2f7;border-radius:24px}
.case-brand img{width:min(761px,100%);height:auto;object-fit:contain}
.case-identity{padding-top:90px;padding-bottom:90px}
.case-identity>h2{text-align:center;font:600 clamp(48px,5vw,72px)/1.2 var(--wpx-serif);letter-spacing:-.04em;margin:0 0 80px}
.case-palette{display:flex;gap:18px;margin-bottom:76px}
.case-palette__swatch{height:124px;min-width:0;flex:1;border-radius:21px;padding:18px 24px;color:#fff}
.case-palette__swatch:first-child{flex:1.35}
.case-palette__swatch:nth-child(2){flex:1}
.case-palette__swatch:nth-child(n+3){flex:.65}
.case-palette__swatch[style*="#f2f2f2"],.case-palette__swatch[style*="#ffffff"]{color:#121212}
.case-identity__feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.case-identity__image{min-width:0}.case-identity__image img{width:100%;height:auto;border-radius:24px}
.case-results{padding-top:20px;padding-bottom:90px}
.case-results h2{max-width:650px;margin-bottom:64px}
.case-results__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.case-result{min-height:270px;padding:50px;border:1px solid #b2b2b2;border-radius:9px}
.case-result h3{font:600 18px/28px var(--wpx-serif);margin:0 0 24px}
.case-result strong{display:block;font:600 clamp(52px,5vw,72px)/1 var(--wpx-serif);letter-spacing:-.04em;margin-bottom:24px}
.case-result p{color:#3c434a;font:500 16px/24px var(--wpx-sans);margin:0}
.case-cta{position:relative;padding:80px 0 30px;background:linear-gradient(#edf2f7 0%,#fff 100%)}
.case-cta__inner{position:relative;top:0;background:#3858e9;color:#fff;border-radius:42px;padding:69px 73px}
.case-cta h2{color:#fff;font:600 42px/50px var(--wpx-serif);letter-spacing:-.02em;margin:0 0 42px}
.case-cta__actions{display:flex;flex-wrap:wrap;gap:24px}
.case-cta__actions .wpx-button{min-height:58px;font-size:14px;border-radius:0 0 12px 0}
.case-cta__outline{background:transparent;border:1px solid #ffffff8a;color:#fff}
.case-cta__outline:hover{background:#ffffff26;color:#fff}
.case-related{display:grid;grid-template-columns:412px minmax(0,1fr);gap:94px;align-items:center;padding-top:70px;padding-bottom:120px}
.case-related__intro p{color:#202020;line-height:24px;margin:0 0 62px}
.case-related__intro .wpx-button{font-size:14px;border-radius:0 0 12px 0}
.case-related__carousel{min-width:0}
.case-related__track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.case-related__track::-webkit-scrollbar{display:none}
.case-related__card{position:relative;display:block;flex:0 0 min(625px,80%);height:440px;overflow:hidden;border-radius:20px;background:#edf2f7;box-shadow:0 4px 12px #0d0a2c0f;scroll-snap-align:start}
.case-related__card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.case-related__card:hover img{transform:scale(1.04)}
.case-related__card span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:102px;height:102px;border-radius:50%;background:#ffffffb0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:16px;text-align:center;color:#121212}
.case-related__controls{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}
.case-related__controls button{width:44px;height:44px;border:1px solid #d7dfe8;border-radius:50%;background:#fff;color:#121212;cursor:pointer}
.case-related__controls button:hover{background:#3858e9;color:#fff}
@media(max-width:1100px){.case-hero__inner{gap:32px;grid-template-columns:1fr 44%}.case-related{gap:40px;grid-template-columns:330px minmax(0,1fr)}.case-results__grid{gap:18px}.case-result{padding:32px}}
@media(max-width:760px){.case-hero,.case-hero__inner{min-height:0}.case-hero__inner{grid-template-columns:1fr;padding-top:55px;padding-bottom:65px}.case-hero h1{font-size:clamp(36px,9vw,48px)}.case-hero__art{height:auto;aspect-ratio:508/434}.case-overview,.case-challenge{grid-template-columns:1fr;gap:42px;padding-top:65px;padding-bottom:65px}.case-overview__deliverables{border-left:0;border-top:1px solid #d8dfe6;padding:38px 0 0}.case-overview h2,.case-challenge h2,.case-identity h3,.case-results h2,.case-related h2{font-size:clamp(32px,7vw,42px);line-height:1.2}.case-showcase{padding:65px 0}.case-stack__copy{margin-bottom:26px}.case-stack__item{width:84px;height:84px;flex-basis:84px;border-radius:17px}.case-stack__item img{width:54px;height:54px}.case-challenge__image{height:auto;aspect-ratio:564/530}.case-brand{min-height:260px;padding:50px 30px}.case-identity{padding-top:65px;padding-bottom:65px}.case-identity>h2{margin-bottom:45px}.case-palette{flex-wrap:wrap;margin-bottom:50px}.case-palette__swatch{flex:1 1 45%!important;height:90px}.case-identity__feature{grid-template-columns:1fr;gap:35px}.case-results{padding-bottom:65px}.case-results h2{margin-bottom:35px}.case-results__grid{grid-template-columns:1fr}.case-result{min-height:0}.case-cta{padding-top:60px}.case-cta__inner{padding:48px 28px;border-radius:28px}.case-cta h2{font-size:clamp(32px,7vw,42px);line-height:1.2}.case-related{grid-template-columns:1fr;padding-top:65px;padding-bottom:70px}.case-related__intro p{margin-bottom:24px}.case-related__card{height:340px}}
@media(max-width:480px){.case-cta__actions{flex-direction:column;align-items:stretch}.case-related__card{flex-basis:85%;height:280px}}