.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{position:relative;isolation:isolate}
.case-detail-page .section-word{inset:0;opacity:1}
.case-detail-page .marketing-request .request__word{top:var(--case-question-start,120px);overflow:visible}
.case-detail-page .marketing-request .request__word>span{position:sticky;top:var(--section-word-top);padding-right:var(--container-padding-inline)}
.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(//mirpts.ru/wp-content/themes/pts-limited/assets/source/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{inset:0}}
@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}}
.case-service-card-grid .case-service-title { color: inherit; font: inherit; text-decoration: none; }
.case-service-card-grid .case-service-title:hover { text-decoration: underline; }
.case-service-card-grid a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.case-service-card-grid { margin-top: 36px; }
@media (max-width: 700px) {
.case-service-card-grid { margin-top: 24px; }
}
.case-gallery__grid[hidden]{display:none}
.case-viewer{margin-top:36px;min-width:0}
.case-viewer__stage{position:relative;overflow:hidden;border-radius:24px;background:#f3f3f5}
.case-viewer__open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.case-viewer__open img{display:block;width:100%;height:clamp(320px,48vw,660px);object-fit:cover;object-position:center}
.case-viewer__open span{position:absolute;right:20px;bottom:20px;padding:12px 16px;border-radius:12px;background:#171719;color:#fff;font:600 14px/1.4 Montserrat,sans-serif}
.case-viewer__prev,.case-viewer__next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:12px;background:var(--color-primary,#cf1318);color:#fff;font-size:32px;cursor:pointer}
.case-viewer__prev{left:16px}.case-viewer__next{right:16px}
.case-viewer__footer{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font:500 14px/1.5 Montserrat,sans-serif}.case-viewer__count{font-weight:700;color:var(--color-primary,#cf1318)}
.case-viewer__thumbs{position:relative;display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}
.case-viewer__thumbs button{flex:0 0 108px;height:80px;overflow:hidden;padding:3px;border:2px solid transparent;border-radius:12px;background:#f3f3f5;cursor:pointer}
.case-viewer__thumbs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}
.case-viewer__thumbs button[aria-pressed=true]{border-color:var(--color-primary,#cf1318)}
.case-viewer button:focus-visible{outline:3px solid var(--color-primary,#cf1318);outline-offset:-3px}
@media(max-width:700px){.case-viewer{margin-top:24px}.case-viewer__stage{border-radius:16px}.case-viewer__open img{height:320px}.case-viewer__thumbs button{flex-basis:84px;height:64px}.case-viewer__prev{left:8px}.case-viewer__next{right:8px}.case-viewer__open span{right:12px;bottom:12px;font-size:12px}}
.case-viewer.case-viewer--side{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:16px 24px;margin-top:36px}
.case-viewer__prev,.case-viewer__next{display:grid;place-items:center;padding:0;line-height:1}
.case-viewer__prev svg,.case-viewer__next svg{display:block}
.case-viewer--side .case-viewer__open{height:100%}
.case-viewer--side .case-viewer__stage{grid-column:1;grid-row:1}
.case-viewer--side .case-viewer__open img{height:clamp(400px,43vw,620px)}
.case-viewer--side .case-viewer__footer{grid-column:1;grid-row:2;margin:0}
.case-viewer__panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;max-height:clamp(400px,43vw,620px);min-width:0}
.case-viewer__panel h3{display:none;margin:0 0 20px;font:400 22px/1.25 'Russo One',sans-serif;color:inherit}
.case-viewer--side .case-viewer__thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;overflow-y:auto;overflow-x:hidden;padding:3px 6px 3px 3px;min-height:0}
.case-viewer--side .case-viewer__thumbs button{width:100%;height:clamp(110px,13vw,194px);min-width:0}
.case-viewer.case-viewer--dark-panel{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
.case-viewer--dark-panel .case-viewer__panel{padding:24px;border-radius:24px;background:#171719;color:#fff}
.case-viewer--dark-panel .case-viewer__panel h3{display:block}
.case-viewer--dark-panel .case-viewer__thumbs button{background:#303034;height:clamp(100px,12vw,172px)}
@media(max-width:700px){
.case-viewer.case-viewer--side,.case-viewer.case-viewer--dark-panel{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}
.case-viewer--side .case-viewer__open img{height:320px}
.case-viewer__panel{grid-column:1;grid-row:3;max-height:none}
.case-viewer--side .case-viewer__thumbs{display:flex;overflow-x:auto;overflow-y:hidden}
.case-viewer--side .case-viewer__thumbs button{flex:0 0 84px;height:64px}
.case-viewer--dark-panel .case-viewer__panel{padding:16px;border-radius:16px}
.case-viewer__panel h3{font-size:18px}
}