.case-detail-page{overflow:clip;background:#fff;color:var(--color-text)}
.case-detail-page>section>.container{position:relative;width:100%;min-width:var(--container-min-width);max-width:var(--container-max-width);margin-inline:auto;padding-right:var(--container-padding-inline);padding-left:var(--container-padding-inline)}
.case-detail-page .section-word{top:calc(var(--header-sticky-offset,130px) + 40px);opacity:.055}
.case-detail-page>.process{padding-top:104px;padding-bottom:104px}
.case-hero{position:relative;padding:0 0 56px;background:linear-gradient(180deg,#fff,#f7f7f8)}
.case-hero>.container{position:relative;padding-top:56px}
.case-hero .marketing-breadcrumbs{left:var(--container-padding-inline);width:calc(100% - (var(--container-padding-inline) * 2))}
.case-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:56px;align-items:center}
.case-hero__copy h1{max-width:760px;margin:25px 0 22px;color:#c8102e;font:400 var(--fs-56)/1.1 "Russo One",sans-serif;letter-spacing:0;text-transform:uppercase}
.case-hero__lead{max-width:680px;margin:0;color:#4e4f55;font:500 18px/1.55 Montserrat,sans-serif}
.case-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.case-hero__actions :is(button,a){min-height:52px;border-radius:8px}.case-hero__actions .cost-button{--control-bg:var(--color-primary);--control-color:var(--color-surface);--control-border:var(--color-primary);--control-hover-bg:var(--color-primary-hover);--control-hover-color:var(--color-surface);--control-hover-border:var(--color-primary-hover);--control-active-bg:var(--color-primary-active);--control-active-color:var(--color-surface);--control-active-border:var(--color-primary-active);display:inline-flex;align-items:center;justify-content:center;text-align:center}
.case-hero__media{position:relative;min-height:520px;margin:0;overflow:hidden;border-radius:24px;background:#e9e9eb;box-shadow:0 28px 70px rgba(24,24,28,.14)}
.case-hero__media:after{position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(12,12,15,.8),transparent);content:""}.case-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-hero__media span{position:absolute;z-index:1;right:24px;bottom:24px;left:24px;color:#fff;font:800 14px/1.35 Montserrat,sans-serif}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 0;padding:0;overflow:hidden;border:1px solid #dedee2;border-radius:16px;background:#fff}.case-facts div{min-height:112px;padding:24px;border-right:1px solid #dedee2}.case-facts div:last-child{border-right:0}.case-facts dt{margin-bottom:10px;color:#87878d;font:700 12px/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em}.case-facts dd{margin:0;font:800 17px/1.3 Montserrat,sans-serif}
.case-story__grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:80px}.case-story header{position:sticky;top:calc(var(--header-sticky-offset,130px) + 40px);align-self:start}.case-story h2,.case-result h2{margin:0;color:#16161b;font:900 clamp(36px,4vw,58px)/1 Montserrat,sans-serif;letter-spacing:-.04em}.case-story header p{max-width:430px;margin:20px 0 0;color:#717177;font:500 15px/1.55 Montserrat,sans-serif}.case-story__content{display:grid;gap:12px}.case-story__content article{padding:30px;border:1px solid #dedee2;border-radius:16px;background:#fff;transition:.22s ease}.case-story__content article:hover{transform:translateY(-4px);border-color:rgba(207,19,24,.4);box-shadow:0 18px 42px rgba(20,20,24,.1)}.case-story__content h3{margin:0 0 12px;font:800 21px/1.2 Montserrat,sans-serif}.case-story__content p{margin:0;color:#58585f;font:500 15px/1.65 Montserrat,sans-serif}.case-story__content .case-story__accent{background:#171719;color:#fff}.case-story__content .case-story__accent p{color:rgba(255,255,255,.72)}
.case-changes{background:#f3f3f5}.case-changes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0 0;padding:0;list-style:none}.case-changes__grid li{display:flex;min-height:144px;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid #dedee2;border-radius:16px;background:#fff;transition:.22s ease}.case-changes__grid li:hover{transform:translateY(-4px);border-color:#cf1318;box-shadow:0 18px 42px rgba(20,20,24,.09)}.case-changes__grid span{color:#cf1318;font:800 12px/1 Montserrat,sans-serif}.case-changes__grid p{margin:28px 0 0;font:700 16px/1.4 Montserrat,sans-serif}
.case-work{background:#171719;color:#fff}.case-work .popular-conversions__header h2{color:#fff}.case-work .popular-conversions__header p{color:rgba(255,255,255,.68)}.case-work .task-grid{grid-template-columns:repeat(3,1fr)}.case-work .task-grid article{min-height:190px}.case-work .task-grid article h3{max-width:100%;font-size:17px}
.case-result{background:#f3f3f5}.case-result__card{position:relative;isolation:isolate;display:grid;grid-template-columns:1.35fr .65fr;gap:56px;padding:56px;overflow:hidden;border-radius:24px;background:#cf1318;color:#fff}.case-result__card::before{position:absolute;z-index:0;right:-7%;bottom:-40%;width:min(44%,560px);aspect-ratio:900/644.908;background:url('../main/assets/hero-decoration-solid.svg') center/contain no-repeat;content:"";opacity:.15;pointer-events:none;transform:rotate(-12deg)}.case-result__card>div,.case-result__card dl{position:relative;z-index:1}.case-result__card>div>span{display:block;margin-bottom:18px;font:800 12px/1 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em}.case-result__card h2{color:#fff}.case-result__card p{max-width:740px;margin:22px 0 0;color:rgba(255,255,255,.84);font:500 16px/1.6 Montserrat,sans-serif}.case-result__card dl{display:grid;align-content:center;gap:12px;margin:0}.case-result__card dl div{padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.08)}.case-result__card dt{font:700 12px/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.07em;opacity:.7}.case-result__card dd{margin:8px 0 0;font:800 16px/1.3 Montserrat,sans-serif}
.case-gallery__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;gap:12px;margin-top:38px}.case-gallery__item{grid-column:span 4;margin:0;overflow:hidden;border-radius:16px;background:#eee}.case-gallery__item:first-child{grid-column:span 8;grid-row:span 2}.case-gallery__item:nth-child(6n+4){grid-column:span 8}.case-gallery__item a{position:relative;display:block;width:100%;height:100%;color:#fff}.case-gallery__item a>span{position:absolute;right:14px;bottom:14px;padding:9px 12px;border-radius:8px;background:rgba(15,15,18,.78);font:700 12px/1 Montserrat,sans-serif;opacity:0;transform:translateY(5px);transition:.22s ease}.case-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.case-gallery__item:hover img{transform:scale(1.035)}.case-gallery__item:hover a>span,.case-gallery__item a:focus-visible>span{opacity:1;transform:none}.case-detail-page .marketing-request .request__media img{object-fit:contain}
.case-lightbox{position:fixed;z-index:10050;inset:0;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(8,8,10,.94)}.case-lightbox.is-open{display:flex}.case-lightbox__image{display:block;max-width:min(1440px,calc(100vw - 120px));max-height:calc(100vh - 80px);border-radius:12px;object-fit:contain}.case-lightbox__close,.case-lightbox__prev,.case-lightbox__next{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#fff;color:#171719;font:800 26px/1 Arial,sans-serif;cursor:pointer}.case-lightbox__close{top:20px;right:20px}.case-lightbox__prev{left:20px}.case-lightbox__next{right:20px}.case-lightbox__counter{position:absolute;bottom:18px;left:50%;padding:8px 12px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:700 12px/1 Montserrat,sans-serif;transform:translateX(-50%)}body.case-lightbox-open{overflow:hidden}
@media(max-width:1024px){.case-hero__grid{grid-template-columns:1fr;gap:32px}.case-hero__media{min-height:480px}.case-facts{grid-template-columns:repeat(2,1fr)}.case-facts div:nth-child(2){border-right:0}.case-facts div:nth-child(-n+2){border-bottom:1px solid #dedee2}.case-story__grid{grid-template-columns:1fr;gap:32px}.case-story header{position:static}.case-changes__grid,.case-work .task-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.case-hero{padding:0 0 32px}.case-hero__copy h1{margin:24px 0 18px;font-size:var(--fs-28);line-height:1.1}.case-hero__lead{font-size:15px}.case-hero__actions{align-items:stretch;flex-direction:column}.case-hero__media{min-height:360px;border-radius:16px}.case-facts{margin-top:24px}.case-facts div{min-height:96px;padding:18px}.case-facts dd{font-size:14px}.case-story__content article{padding:22px}.case-changes__grid,.case-work .task-grid{grid-template-columns:1fr}.case-changes__grid li{min-height:120px}.case-result__card{grid-template-columns:1fr;gap:28px;padding:30px 24px;border-radius:16px}.case-result__card::before{right:-34%;bottom:-88%;width:420px}.case-gallery__grid{grid-template-columns:1fr;grid-auto-rows:260px}.case-gallery__item,.case-gallery__item:first-child,.case-gallery__item:nth-child(6n+4){grid-column:auto;grid-row:auto}.case-detail-page .section-word{top:calc(var(--header-sticky-offset,96px) + 40px)}}
@media(max-width:700px){.case-detail-page>.process{padding-top:72px;padding-bottom:72px}.case-lightbox{padding:12px}.case-lightbox__image{max-width:100%;max-height:calc(100vh - 100px)}.case-lightbox__close,.case-lightbox__prev,.case-lightbox__next{width:42px;height:42px}.case-lightbox__close{top:12px;right:12px}.case-lightbox__prev{left:12px}.case-lightbox__next{right:12px}}
@media(prefers-reduced-motion:reduce){.case-story__content article,.case-changes__grid li,.case-gallery__item img{transition:none}}