.case-modal[data-astro-cid-w7zlmy7u]{position:fixed;inset:32px 0 0;margin:0 auto;width:min(1280px,calc(100% - 64px));height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--background);color:var(--text);overflow:hidden;box-shadow:0 16px 80px #0003}.case-modal[data-astro-cid-w7zlmy7u]::backdrop{background:#00000040;backdrop-filter:blur(4px)}.modal-toolbar[data-astro-cid-w7zlmy7u]{position:absolute;inset:0 0 auto;height:72px;z-index:2;pointer-events:none}.modal-close[data-astro-cid-w7zlmy7u]{position:absolute;inset-block-start:16px;inset-inline-end:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--background);cursor:pointer;pointer-events:auto}.modal-close[data-astro-cid-w7zlmy7u]:hover{background:var(--surface-hover)}.modal-scroll[data-astro-cid-w7zlmy7u]{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.case-content[data-astro-cid-w7zlmy7u]{width:min(1120px,calc(100% - 96px));margin-inline:auto;padding-block:var(--space-7) var(--space-8);container-type:inline-size;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-5);align-items:start}.case-heading[data-astro-cid-w7zlmy7u]{grid-column:1 / -1;margin-bottom:var(--space-6)}.case-summary[data-astro-cid-w7zlmy7u]{grid-column:1 / 5;grid-row:2;min-width:0;padding-inline-end:var(--space-5);margin-bottom:var(--space-7);align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}.case-summary[data-astro-cid-w7zlmy7u] .project-link[data-astro-cid-w7zlmy7u]{margin-top:auto}.project-links[data-astro-cid-w7zlmy7u]{display:flex;flex-wrap:wrap;gap:0 var(--space-4);margin-top:auto}.case-description[data-astro-cid-w7zlmy7u]+.project-links[data-astro-cid-w7zlmy7u]{margin-top:var(--space-4)}.case-summary[data-astro-cid-w7zlmy7u]{padding-block-start:var(--space-5)}.case-summary[data-astro-cid-w7zlmy7u]>.case-tags[data-astro-cid-w7zlmy7u]:first-child{margin-top:auto}.case-summary[data-astro-cid-w7zlmy7u]>.case-tags[data-astro-cid-w7zlmy7u]:first-child+.project-link[data-astro-cid-w7zlmy7u]{margin-top:0}.case-body[data-astro-cid-w7zlmy7u] hr{position:relative;height:1px;padding:0;border:0}.case-body[data-astro-cid-w7zlmy7u] hr:before{content:"";position:absolute;top:0;left:50%;width:min(1280px,calc(100vw - 64px));height:1px;transform:translate(-50%);background:var(--border)}.case-body[data-astro-cid-w7zlmy7u] .case-section:has(hr){margin-bottom:var(--space-7)}.case-body[data-astro-cid-w7zlmy7u] .case-step>hr{margin-top:calc(var(--space-7) - var(--space-6))}.case-body[data-astro-cid-w7zlmy7u] ul ul>li:before{border-radius:50%}.case-content--compact-summary[data-astro-cid-w7zlmy7u] .case-summary[data-astro-cid-w7zlmy7u]{grid-column:1 / -1;grid-row:auto;padding:0}.case-content--compact-summary[data-astro-cid-w7zlmy7u] .case-tags[data-astro-cid-w7zlmy7u]{margin-top:0}.case-body[data-astro-cid-w7zlmy7u] li>ul{margin-top:var(--space-4);padding-inline-start:var(--space-5)}.case-body[data-astro-cid-w7zlmy7u]{display:contents}.case-body[data-astro-cid-w7zlmy7u] .case-section{grid-column:1 / -1}.case-body[data-astro-cid-w7zlmy7u] .case-section:first-child{display:contents}.case-body[data-astro-cid-w7zlmy7u] .case-section:first-child>blockquote{grid-column:5 / -1;grid-row:2;margin-bottom:var(--space-7)}.case-body[data-astro-cid-w7zlmy7u] .case-section:first-child>.case-figure{margin-bottom:var(--space-8)}.case-heading[data-astro-cid-w7zlmy7u]>p[data-astro-cid-w7zlmy7u]{color:var(--text-secondary)}.case-heading[data-astro-cid-w7zlmy7u] h2[data-astro-cid-w7zlmy7u]{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.03em;margin-block:var(--space-4) var(--space-5);text-wrap:balance}.case-description[data-astro-cid-w7zlmy7u]{font-size:var(--text-intro);color:var(--text-secondary)}.case-tags[data-astro-cid-w7zlmy7u]{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);list-style:none;padding:0;margin-block:var(--space-5) var(--space-3);color:var(--text-secondary);font-size:var(--text-small)}.case-tags[data-astro-cid-w7zlmy7u] li[data-astro-cid-w7zlmy7u]{white-space:nowrap}.project-link[data-astro-cid-w7zlmy7u]{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;text-decoration:none;text-underline-offset:4px}.project-link[data-astro-cid-w7zlmy7u]:hover{color:var(--text-secondary);text-decoration:underline}.case-cover[data-astro-cid-w7zlmy7u]{display:block;width:100%;height:auto;max-height:250px;object-fit:cover;object-position:center;background:var(--surface)}.case-body[data-astro-cid-w7zlmy7u] .case-section,.case-body[data-astro-cid-w7zlmy7u] .case-step{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-5);row-gap:var(--space-6)}.case-body[data-astro-cid-w7zlmy7u] .case-section{margin-bottom:var(--space-9)}.case-body[data-astro-cid-w7zlmy7u] .case-section>*,.case-body[data-astro-cid-w7zlmy7u] .case-step>*{grid-column:5 / -1;min-width:0;margin:0}.case-body[data-astro-cid-w7zlmy7u] .case-section>hr,.case-body[data-astro-cid-w7zlmy7u] .case-step>hr{grid-column:1 / -1}.case-body[data-astro-cid-w7zlmy7u] .case-section>h3,.case-body[data-astro-cid-w7zlmy7u] .case-step>h4{grid-column:1 / 5;grid-row:1;padding-inline-end:var(--space-6);font-weight:600;text-wrap:balance}.case-body[data-astro-cid-w7zlmy7u] h3{font-size:var(--text-card);line-height:1.4}.case-body[data-astro-cid-w7zlmy7u] h4{font-size:var(--text-intro);line-height:1.5}.case-body[data-astro-cid-w7zlmy7u] p,.case-body[data-astro-cid-w7zlmy7u] li{max-width:66ch;font-size:var(--text-intro);color:var(--text-secondary);line-height:1.6;overflow-wrap:break-word}.case-body[data-astro-cid-w7zlmy7u] strong{color:var(--text);font-weight:600}.case-body[data-astro-cid-w7zlmy7u] p>strong:first-child{display:block;margin-bottom:var(--space-2)}.case-body[data-astro-cid-w7zlmy7u] ul{list-style:none;padding:0}.case-body[data-astro-cid-w7zlmy7u] ul>li{position:relative}.case-body[data-astro-cid-w7zlmy7u] ul>li:before{content:"";position:absolute;inset-inline-start:-14px;top:.65em;width:4px;height:4px;background:var(--text-muted)}.case-body[data-astro-cid-w7zlmy7u] ol{padding-inline-start:var(--space-5)}.case-body[data-astro-cid-w7zlmy7u] li+li{margin-top:var(--space-4)}.case-body[data-astro-cid-w7zlmy7u] blockquote{padding:0}.case-body[data-astro-cid-w7zlmy7u] .case-section:first-child>blockquote{padding:var(--space-5);border-radius:var(--radius-small);background:var(--surface)}.case-body[data-astro-cid-w7zlmy7u] .case-section:first-child>blockquote:before{content:"О сервисе";display:block;margin-bottom:var(--space-3);color:var(--text);font-size:var(--text-small);font-weight:600}.case-modal[data-astro-cid-w7zlmy7u][data-locale=en] .case-body[data-astro-cid-w7zlmy7u] .case-section:first-child>blockquote:before{content:"About the service"}.case-body[data-astro-cid-w7zlmy7u] .case-section>.case-step{grid-column:1 / -1;margin-top:var(--space-5)}.case-body[data-astro-cid-w7zlmy7u] .case-section>.case-figure,.case-body[data-astro-cid-w7zlmy7u] .case-step>.case-figure{grid-column:1 / -1;margin-block:var(--space-4)}.case-body[data-astro-cid-w7zlmy7u] figcaption{color:var(--text-muted);font-size:var(--text-small);line-height:1.5;margin-top:var(--space-3)}.case-body[data-astro-cid-w7zlmy7u] img{width:100%;height:auto;border-radius:var(--radius-small)}.case-body[data-astro-cid-w7zlmy7u] img[src$=".gif"]{max-width:360px;margin-inline:auto}.case-body[data-astro-cid-w7zlmy7u] img[src="/cases/devino/01-case/19-devonline.gif"]{max-width:none}.case-body[data-astro-cid-w7zlmy7u] img[src="/cases/devino/01-case/20-devonline.gif"],.case-body[data-astro-cid-w7zlmy7u] img[src="/cases/devino/01-case/17-devonline.gif"]{margin-inline:0 auto}.case-body[data-astro-cid-w7zlmy7u] img[src="/cases/devino/01-case/20-devonline.gif"]{max-width:280px}@container (min-width: 801px){.case-body[data-astro-cid-w7zlmy7u] .case-section>.case-figure:has(img[src="/cases/devino/01-case/17-devonline.gif"]){grid-column:1 / 5;grid-row:2;margin:0}.case-body[data-astro-cid-w7zlmy7u] .case-section>.case-figure:has(img[src="/cases/devino/01-case/17-devonline.gif"])+p{grid-column:5 / -1;grid-row:2;align-self:center}.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/19-devonline.gif"]),.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/20-devonline.gif"]){row-gap:var(--space-4);grid-template-rows:auto 1fr;margin-top:var(--space-7);align-items:start}.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/19-devonline.gif"])>h4,.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/20-devonline.gif"])>h4{grid-column:1 / 6;grid-row:1}.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/19-devonline.gif"])>.case-figure,.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/20-devonline.gif"])>.case-figure{grid-column:1 / 6;grid-row:2;margin:0;align-self:center}.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/19-devonline.gif"])>p,.case-body[data-astro-cid-w7zlmy7u] .case-step:has(img[src="/cases/devino/01-case/20-devonline.gif"])>p{grid-column:6 / -1;grid-row:2;align-self:center}}.case-body[data-astro-cid-w7zlmy7u] img[src="/cases/vk/2-case/1-tabbar.webp"]{clip-path:inset(1.5% round var(--radius-small))}.related[data-astro-cid-w7zlmy7u]{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:var(--space-7)}.related-cards[data-astro-cid-w7zlmy7u]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}@container (max-width: 800px){.case-summary[data-astro-cid-w7zlmy7u]{grid-column:1 / -1;grid-row:auto;padding:0;margin-bottom:var(--space-6)}.case-body[data-astro-cid-w7zlmy7u] .case-section:first-child>blockquote{grid-column:1 / -1;grid-row:auto}.case-body[data-astro-cid-w7zlmy7u] .case-section,.case-body[data-astro-cid-w7zlmy7u] .case-step{grid-template-columns:minmax(0,1fr);row-gap:var(--space-5)}.case-body[data-astro-cid-w7zlmy7u] .case-section>*,.case-body[data-astro-cid-w7zlmy7u] .case-step>*{grid-column:1;grid-row:auto}.case-body[data-astro-cid-w7zlmy7u] .case-section>h3,.case-body[data-astro-cid-w7zlmy7u] .case-step>h4{grid-column:1;grid-row:auto;padding:0}.case-body[data-astro-cid-w7zlmy7u] .case-section{margin-bottom:var(--space-8)}.case-body[data-astro-cid-w7zlmy7u] .case-section:has(hr){margin-bottom:var(--space-7)}.case-body[data-astro-cid-w7zlmy7u] .case-step>hr{margin-top:calc(var(--space-7) - var(--space-5))}.related-cards[data-astro-cid-w7zlmy7u]{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(300px,calc(100% - 50.56px));gap:var(--space-4);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-block:var(--space-4);margin-block:calc(-1 * var(--space-4));scrollbar-width:thin;scrollbar-color:var(--border) transparent}}@media(max-width:700px){.case-body[data-astro-cid-w7zlmy7u] hr:before{width:100vw}.case-modal[data-astro-cid-w7zlmy7u]{inset:0;width:100%;height:100dvh;border:0;border-radius:0}.case-content[data-astro-cid-w7zlmy7u]{width:calc(100% - 40px);padding-block:var(--space-6) 40px}.related-cards[data-astro-cid-w7zlmy7u]{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}}