@font-face{font-family:Portfolio Manrope;src:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/maxim/assets/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
.project-stack{--stack-ink:#1a1a2e;--stack-muted:#656570;--stack-paper:#f5f5f7;position:relative;padding:52px 0 0;color:var(--stack-ink);font-family:Portfolio Manrope,Krub,sans-serif}
.project-stack *{box-sizing:border-box}
.project-stack ::selection{background:#d8d5f1;color:#252239}
.project-stack :is(a,button):focus-visible{outline:3px solid #8177d0;outline-offset:6px}
.project-stack button{font:inherit;cursor:pointer}
.project-stack a{color:inherit;text-decoration:none}
.project-stack-heading,.project-stack-list,.stack-end{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}
.project-stack-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px;padding-inline:8px}
.project-stack-heading h2{font-size:clamp(28px,3.8vw,48px);font-weight:650;line-height:1.14;letter-spacing:-.035em;margin:0 0 14px;text-wrap:balance}
.project-stack-heading p{font-size:17px;color:var(--stack-muted);margin:0;line-height:1.5}
.stack-scroll-hint{display:flex;align-items:center;gap:14px;min-height:44px;font-size:13px;color:var(--stack-muted)!important}
.stack-scroll-hint svg{width:20px;height:20px;transition:transform .25s ease}
.stack-scroll-hint:hover svg{transform:translateY(4px)}
.project-slot{position:sticky;top:calc(106px + var(--case-index)*8px);padding-bottom:46px;scroll-margin-top:110px;z-index:calc(2 + var(--case-index))}
.project-tile{--tile-bg:#e9e5dc;--tile-ink:#282820;--tile-muted:#626157;--tile-accent:#4b4f3d;--stack-scale:1;--stack-shade:0;position:relative;display:grid;grid-template-columns:37% 63%;height:min(670px,calc(100svh - 170px));min-height:510px;background:var(--tile-bg);color:var(--tile-ink);border-radius:20px;overflow:hidden;box-shadow:0 16px 50px -24px #24233650;transform:scale(var(--stack-scale));transform-origin:50% 0;isolation:isolate}
.project-tile:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:#111018;opacity:var(--stack-shade);border-radius:inherit}
.project-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:32px 34px 36px 38px;position:relative;z-index:2}
.project-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--tile-muted);font-variant-numeric:tabular-nums}
.project-number{opacity:.8;white-space:nowrap}
.project-copy{padding-block:28px 22px}
.project-copy h3{font-size:clamp(30px,3.3vw,48px);font-weight:600;line-height:1.13;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.project-category{display:block;font-size:13px;font-weight:600;line-height:1.5;margin:0 0 18px;color:var(--tile-accent)}
.project-copy p{font-size:14px;line-height:1.75;margin:0;color:var(--tile-muted);max-width:35ch;text-wrap:pretty}
.project-bottom{display:flex;flex-direction:column;gap:25px}
.project-tags{display:flex;flex-wrap:wrap;list-style:none;gap:7px 16px;margin:0;padding:0;color:var(--tile-muted);font-size:10px;line-height:1.6}
.project-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;max-width:260px;gap:12px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--tile-ink) 25%,transparent);font-size:13px;font-weight:600;transition:color .2s ease}
.project-link svg,.stack-end svg{width:21px;height:21px;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.project-link:hover{color:var(--tile-accent)}
.project-link:hover svg,.stack-end a:hover svg{transform:translate(3px,-3px)}
.project-visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand-art{position:absolute;inset:0;overflow:hidden}
.brand-art img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.art-caption{position:absolute;right:24px;bottom:22px;color:#36332b;font-size:10px;padding:7px 11px;background:#f5f0e7e8;border-radius:4px}
.tile-brand .project-info{background:#eae6dd}
.tile-maxim{--tile-bg:#e7ebe2;--tile-ink:#2c332a;--tile-muted:#5d6758;--tile-accent:#4d5d44}
.tile-maxim .project-visual{padding:40px 0 50px 20px;display:block}
.website-stage{position:relative;margin-top:5px;width:calc(100% + 60px);height:calc(100% - 22px);background:#f6f6f2;border-radius:10px 0 0 10px;overflow:hidden;box-shadow:0 24px 50px -22px #25311c45;transform:rotate(-2deg);transform-origin:70% 50%}
.browser-chrome{height:34px;background:#fbfbf9;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;font-size:9px;color:#777971;font-family:Portfolio Manrope,sans-serif;border-bottom:1px solid #2025200c}
.browser-chrome>span:last-child{width:12px;height:12px;display:block}
.browser-chrome svg{width:12px;height:12px}
.browser-dots{display:flex;gap:5px;flex-shrink:0}
.browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c5c7c0}
.website-viewport{position:relative;width:100%;height:calc(100% - 34px);overflow:hidden}
.website-viewport iframe{position:absolute;inset:0;width:1200px;height:900px;transform-origin:0 0;border:0;background:#f6f6f2}
.frame-hint{position:absolute;bottom:18px;left:30px;font-size:10px;color:#57614e;display:flex;align-items:center;gap:7px}
.status-dot{width:5px;height:5px;border-radius:50%;background:#56874a;display:inline-block;flex-shrink:0}
.tile-seo{--tile-bg:#283c35;--tile-ink:#eff3e6;--tile-muted:#b5c4b4;--tile-accent:#d5edaa}
.tile-seo .project-visual{padding:40px 44px 40px 12px}
.seo-board{width:100%;padding:28px 30px;color:#edf4e5;background:#31483d;border-radius:14px}
.report-header{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:500}
.demo-note{font-size:9px;padding:5px 8px;border:1px solid currentColor;border-radius:4px;opacity:.7;white-space:nowrap}
.report-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:30px}
.report-main>strong{font-size:clamp(42px,5vw,70px);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.report-main>span:not(.report-growth){font-size:10px;max-width:12ch;color:#c1d0bd;line-height:1.5}
.report-growth{align-self:flex-start;margin-left:auto;color:#d5edaa;font-size:12px;font-weight:600}
.seo-chart{position:relative;height:210px;margin-top:30px;padding-right:35px}
.seo-chart svg{position:relative;display:block;width:100%;height:175px;overflow:visible}
.chart-guides{position:absolute;inset:0 0 35px 0;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#b2c3ac}
.chart-guides span{text-align:right;position:relative}
.chart-guides span:before{content:"";position:absolute;left:0;right:35px;top:50%;height:1px;background:#e3f0d210}
.chart-months{display:flex;justify-content:space-between;font-size:9px;color:#b2c3ac;padding-top:17px}
.report-footer{display:flex;gap:48px;padding-top:20px;border-top:1px solid #e3f0d224}
.case-metric{display:flex;flex-direction:column;gap:7px;font-variant-numeric:tabular-nums}
.case-metric strong{font-size:29px;line-height:1.1;font-weight:500;letter-spacing:-.025em}
.case-metric>span{font-size:10px;line-height:1.5;color:inherit;opacity:.8}
.report-disclaimer{font-size:9px;line-height:1.5;opacity:.65;margin:22px 0 0}
.tile-tyre{--tile-bg:#181a1d;--tile-ink:#f5f5f4;--tile-muted:#b4b5bb;--tile-accent:#f87075}
.tile-tyre .project-visual{padding:50px 0 70px 12px;align-items:center}
.tyre-screen{width:calc(100% + 65px);position:relative;flex-shrink:0;transform:translateX(28px) rotate(3deg);border-radius:9px;overflow:hidden;box-shadow:0 30px 60px -25px #0008}
.tyre-screen img{display:block;width:100%;height:auto;object-fit:cover;object-position:top}
.tile-tyre .browser-chrome{background:#25272d;color:#c3c4ca;border:0}
.tile-tyre .browser-dots i{background:#5d6067}
.tyre-wordmark{position:absolute;bottom:24px;right:22px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#666a72}
.tile-avito{--tile-bg:#edeaf7;--tile-ink:#302943;--tile-muted:#706780;--tile-accent:#7660a0}
.tile-avito .project-visual{padding:42px 44px 42px 12px}
.avito-board{width:100%;background:#fbfafe;padding:30px;border-radius:14px;box-shadow:0 20px 50px -30px #4a366730}
.avito-logo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.avito-logo b{font-size:20px;letter-spacing:-.04em;color:#252328}
.avito-logo>span:last-child:not(.avito-mark){color:#7f7988;font-size:8px;margin-left:4px;letter-spacing:.03em}
.avito-mark{display:block;position:relative;width:26px;height:25px;flex-shrink:0}
.avito-mark i{position:absolute;border-radius:50%;display:block}
.avito-mark i:nth-child(1){width:11px;height:11px;top:0;left:5px;background:#00aaff}
.avito-mark i:nth-child(2){width:9px;height:9px;top:7px;right:0;background:#a169f7}
.avito-mark i:nth-child(3){width:10px;height:10px;bottom:0;left:12px;background:#ff4053}
.avito-mark i:nth-child(4){width:12px;height:12px;bottom:1px;left:0;background:#97cf26}
.avito-stats{display:flex;gap:58px;margin-top:42px}
.avito-stats .case-metric strong{font-size:49px;font-weight:500}
.avito-stats .case-metric>span{color:#6f637d}
.avito-bar-chart{height:190px;display:flex;align-items:flex-end;gap:10px;padding:24px 0 0;margin-top:15px;border-bottom:1px solid #d8d1e2}
.avito-bar-chart i{flex:1;height:var(--bar-height);background:#b9a4da;border-radius:4px 4px 0 0}
.avito-bar-chart i:nth-last-child(-n+3){background:#8870b5}
.avito-chart-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e708d;margin-top:16px;gap:15px}
.avito-chart-caption strong{color:#69518e;font-size:17px;font-weight:600}
.avito-chart-caption strong span{font-size:9px;font-weight:400;margin-left:4px}
.tile-assistant{--tile-bg:#e1eaf0;--tile-ink:#263643;--tile-muted:#5f7481;--tile-accent:#4c718b}
.tile-assistant .project-visual{padding:34px 45px 34px 20px}
.chat-board{width:100%;max-width:530px;background:#f7f9fb;border-radius:14px;box-shadow:0 20px 50px -30px #273f5040;overflow:hidden}
.chat-top{display:flex;align-items:center;gap:11px;padding:18px 22px;border-bottom:1px solid #223b5110}
.chat-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#252c34;color:#fff;font-weight:700;font-size:12px}
.chat-top>div:nth-child(2){display:flex;flex-direction:column;gap:4px}
.chat-top strong{font-size:12px;font-weight:650}
.chat-top>div:nth-child(2)>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#678169}
.chat-demo{font-size:8px;color:#71828e;margin-left:auto}
.chat-messages{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 22px}
.chat-bubble{max-width:85%;padding:11px 14px 7px;border-radius:12px 12px 12px 3px;background:#e7eef3;color:#263e4e;transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.chat-buyer{align-self:flex-end;background:#fff;color:#3f4c57;border-radius:12px 12px 3px 12px}
.chat-bubble p{font-size:11px;line-height:1.65;margin:0}
.chat-bubble time{font-size:7px;display:block;text-align:right;margin-top:4px;color:#7a8f9c}
.message-author{display:block;font-size:8px;font-weight:650;color:#43667c;margin-bottom:4px}
.message-pending{opacity:0;transform:translateY(6px)}
.chat-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;border-top:1px solid #223b5110;color:#667c8c}
.chat-bottom>span{font-size:8px;line-height:1.5;max-width:30ch}
.replay-chat{width:44px;height:44px;border:0;background:transparent;color:#4c718b;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;flex-shrink:0}
.replay-chat svg{width:18px;height:18px}
.replay-chat:hover{background:#e2ebf1}
.tile-bitrix{--tile-bg:#e2f0f5;--tile-ink:#203b4a;--tile-muted:#587482;--tile-accent:#217da2}
.tile-bitrix .project-visual{padding:40px 38px 40px 14px}
.integration-board{width:100%;padding:30px 25px;background:#f5fafc;border-radius:14px}
.integration-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}
.integration-heading>span:last-child{font-size:9px;color:#6b8592;text-align:right;max-width:17ch;line-height:1.6}
.integration-flow{display:grid;grid-template-columns:37% 16% 47%;align-items:center}
.account-list{display:flex;flex-direction:column;gap:10px}
.avito-account{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:50px;padding:8px 10px;border:1px solid #d5e4eb;border-radius:7px;background:transparent;color:#647c89;font-size:10px!important;transition:background .2s ease,border-color .2s ease,color .2s ease}
.avito-account:hover{background:#eaf4f8}
.avito-account.is-selected{color:#215d79;background:#e4f2f8;border-color:#6cb5d0}
.account-icon .avito-mark{width:19px;height:19px;transform:scale(.7);transform-origin:50% 50%}
.account-light{width:4px;height:4px;border-radius:50%;background:#71a895;flex-shrink:0}
.integration-lines{width:100%;height:290px;overflow:visible}
.integration-lines path{fill:none;stroke:#cbdfe8;stroke-width:1.2;transition:stroke .2s ease}
.integration-lines path.is-selected{stroke:#36a0cc;stroke-width:2}
.crm-destination{padding-left:12px}
.bitrix-logo{font-size:25px;font-weight:500;letter-spacing:-.045em;display:flex;align-items:center;color:#2f97c5;white-space:nowrap;margin-bottom:20px}
.bitrix-logo>span{font-weight:400;color:#35afd4}
.bitrix-logo svg{width:18px;height:18px;margin-left:3px;align-self:flex-start;margin-top:2px}
.crm-lead{background:#fff;padding:18px 14px;border:1px solid #d8e7ed;border-radius:8px;display:flex;flex-direction:column;gap:11px}
.crm-lead-label{color:#4394b8;font-size:8px}
.crm-lead strong{font-size:12px;line-height:1.5;font-weight:600}
.crm-lead [data-account-source]{font-size:8px;color:#76909c;line-height:1.5}
.crm-stages{display:flex;gap:3px;margin-top:3px}
.crm-stages i{display:block;flex:1;height:4px;background:#e0edf3;border-radius:1px}
.crm-stages .is-current{background:#46abd0}
.integration-caption{display:block;margin-top:15px;font-size:9px;color:#6b8592;text-align:center}
.integration-note{font-size:9px;color:#6b8592;margin:22px 0 0;line-height:1.5}
.stack-end{position:relative;z-index:12;padding:16px 8px 40px;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#777383;background:#f5f5f7}
.stack-end a{display:flex;align-items:center;gap:22px;color:#514781;font-weight:600;min-height:44px}
.stack-end>span{padding-top:13px}
@media(min-width:1600px){.project-copy h3{font-size:48px}.project-info{padding:36px 44px 40px}}
@media(max-height:760px) and (min-width:760px){.project-slot{top:calc(85px + var(--case-index)*5px)}.project-tile{height:calc(100svh - 145px);min-height:480px}.project-info{padding:24px 30px}.project-copy{padding-block:20px}.project-copy h3{font-size:36px;margin-bottom:12px}.project-category{margin-bottom:12px}.project-copy p{font-size:12px}.project-bottom{gap:12px}.tile-seo .project-visual,.tile-avito .project-visual{padding-block:24px}.seo-board,.avito-board{padding:22px}.report-main{margin-top:22px}.report-main>strong{font-size:48px}.seo-chart{height:155px;margin-top:22px}.seo-chart svg{height:120px}.avito-stats{margin-top:24px}.avito-stats .case-metric strong{font-size:38px}.avito-bar-chart{height:150px}.report-disclaimer{margin-top:16px}.report-footer{padding-top:14px}.case-metric strong{font-size:24px}.chat-messages{gap:8px;padding:18px}.chat-bubble{padding:8px 12px 5px}.chat-bubble p{font-size:10px}.chat-bottom{padding-block:6px}.tile-assistant .project-visual{padding-block:20px}.integration-heading{margin-bottom:18px}.integration-board{padding:22px}.avito-account{min-height:42px}.integration-lines{height:250px}.integration-note{margin-top:15px}}
@media(max-width:1100px) and (min-width:760px){.project-stack-heading,.project-stack-list,.stack-end{width:calc(100% - 48px)}.project-tile{grid-template-columns:38% 62%}.project-info{padding:26px}.project-copy h3{font-size:34px}.project-copy p{font-size:12px}.project-meta{font-size:10px}.project-tags{font-size:9px;gap:6px 12px}.project-link{font-size:12px}.tile-seo .project-visual,.tile-avito .project-visual{padding-right:24px}.seo-board,.avito-board{padding:24px}.report-header{font-size:10px}.avito-logo>span:last-child:not(.avito-mark){display:none}.avito-stats{gap:30px}.avito-stats .case-metric strong{font-size:39px}.report-footer{gap:30px}.tile-bitrix .project-visual{padding-right:22px}.integration-board{padding:22px 16px}.avito-account{font-size:9px!important;padding-inline:7px}.account-icon{display:none}.bitrix-logo{font-size:21px}.tile-assistant .project-visual{padding-right:24px}.chat-demo{font-size:7px}.chat-top{padding-inline:16px}.chat-messages{padding-inline:16px}.chat-bubble p{font-size:10px}}
@media(max-width:759px){.project-stack{padding-top:20px}.project-stack-heading,.project-stack-list,.stack-end{width:calc(100% - 28px)}.project-stack-heading{padding-inline:6px;margin-bottom:28px;gap:16px}.project-stack-heading h2{font-size:29px;margin-bottom:10px}.project-stack-heading p{font-size:13px}.stack-scroll-hint{font-size:0;gap:0}.stack-scroll-hint svg{width:22px;height:22px}.project-slot{position:relative;top:auto;padding-bottom:20px;scroll-margin-top:90px}.project-tile{display:flex;flex-direction:column;height:auto;min-height:0;border-radius:16px;transform:none;box-shadow:0 12px 30px -22px #24233645}.project-info{padding:24px 24px 26px}.project-meta{font-size:10px}.project-copy{padding:30px 0 23px}.project-copy h3{font-size:36px;line-height:1.13;margin-bottom:14px}.project-category{font-size:12px;margin-bottom:12px}.project-copy p{font-size:13px;line-height:1.7;max-width:42ch}.project-bottom{gap:18px}.project-tags{font-size:9px}.project-link{max-width:none;font-size:12px;min-height:44px}.project-visual{min-height:310px}.tile-brand .project-visual{height:350px}.art-caption{font-size:8px;right:14px;bottom:14px}.tile-maxim .project-visual{padding:20px 0 42px 20px;height:330px;min-height:330px}.website-stage{margin:0;width:calc(100% + 15px);height:100%;transform:rotate(-2deg)}.website-viewport iframe{pointer-events:none}.browser-chrome{height:26px;font-size:7px;padding-inline:10px}.website-viewport{height:calc(100% - 26px)}.browser-dots{gap:4px}.browser-dots i{width:4px;height:4px}.frame-hint{font-size:8px;left:24px;bottom:14px}.tile-seo .project-visual,.tile-avito .project-visual{padding:8px 18px 22px}.seo-board,.avito-board{padding:22px;border-radius:10px}.report-header{font-size:11px}.demo-note{font-size:8px;padding:4px 6px}.report-main{margin-top:28px;gap:9px}.report-main>strong{font-size:52px}.report-main>span:not(.report-growth){font-size:9px}.report-growth{font-size:11px}.seo-chart{height:170px;margin-top:24px;padding-right:28px}.seo-chart svg{height:135px}.chart-guides{bottom:35px;font-size:7px}.chart-guides span:before{right:28px}.chart-months{font-size:8px}.report-footer{gap:36px;padding-top:16px}.case-metric strong{font-size:28px}.case-metric>span{font-size:9px}.report-disclaimer{font-size:8px;margin-top:18px}.tile-tyre .project-visual{padding:15px 0 45px 15px;min-height:310px;height:310px;align-items:flex-start}.tyre-screen{width:calc(100% + 35px);transform:translateX(12px) rotate(3deg)}.tyre-wordmark{bottom:13px;font-size:10px}.avito-logo b{font-size:19px}.avito-logo>span:last-child:not(.avito-mark){display:none}.avito-stats{margin-top:30px;gap:28px}.avito-stats .case-metric strong{font-size:38px}.avito-bar-chart{height:155px;gap:7px;padding-top:16px}.avito-chart-caption strong{font-size:16px}.avito-chart-caption{font-size:9px}.tile-assistant .project-visual{padding:4px 18px 22px}.chat-board{border-radius:10px}.chat-top{padding:16px}.chat-messages{padding:20px 16px;gap:12px}.chat-demo{font-size:7px}.chat-avatar{width:32px;height:32px;font-size:10px}.chat-bubble{max-width:92%;padding:10px 12px 6px}.chat-bubble p{font-size:10px}.chat-bottom{padding:8px 14px}.chat-bottom>span{font-size:8px}.tile-bitrix .project-visual{padding:4px 18px 22px}.integration-board{padding:22px 16px;border-radius:10px}.integration-heading{margin-bottom:24px}.integration-heading>span:last-child{font-size:8px;max-width:16ch}.integration-flow{grid-template-columns:39% 12% 49%}.account-list{gap:8px}.avito-account{min-height:45px;padding:8px;font-size:9px!important;gap:6px}.account-icon{display:none}.integration-lines{height:255px}.crm-destination{padding-left:8px}.bitrix-logo{font-size:23px;margin-bottom:16px}.bitrix-logo svg{width:15px;height:15px}.crm-lead{padding:14px 10px;gap:9px}.crm-lead strong{font-size:11px}.crm-lead [data-account-source]{font-size:7px}.integration-caption{font-size:8px}.integration-note{font-size:8px;margin-top:18px}.stack-end{padding:8px 6px 30px;flex-direction:column;gap:5px;font-size:13px}.stack-end>span{padding-top:0}.stack-end a{align-self:flex-start;gap:22px}}
@media(max-width:359px){.project-info{padding-inline:20px}.project-copy h3{font-size:32px}.project-meta{font-size:9px}.project-stack-heading h2{font-size:26px}.avito-stats{gap:22px}.avito-stats .case-metric strong{font-size:32px}.seo-board,.avito-board{padding:18px}.report-main>strong{font-size:46px}.report-main>span:not(.report-growth){max-width:9ch}.integration-heading>span:last-child{font-size:7px}.bitrix-logo{font-size:20px}.chat-top{gap:8px}.chat-top strong{font-size:11px}}
@media(max-height:659px) and (min-width:760px){.project-slot{position:relative;top:auto}.project-tile{height:auto;min-height:550px;transform:none}.project-tile:after{display:none}}
@media(prefers-reduced-motion:reduce){.project-slot{position:relative;top:auto}.project-tile{transform:none}.project-tile:after{display:none}.project-stack *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.message-pending{opacity:1;transform:none}}

/* On phones, long cards scroll fully before their bottom edge joins the stack. */
@media(max-width:759px) and (prefers-reduced-motion:no-preference){.project-slot{position:sticky;top:var(--mobile-top,88px)}}
@media(max-width:759px){.tile-brand .project-visual{height:auto;min-height:0;aspect-ratio:3/2}.tile-brand .brand-art img{object-fit:contain}.frame-hint{font-size:0}.frame-hint:after{content:"Живой фрагмент сайта";font-size:8px}}

/* Generated material backdrops. Foreground copy and project work stay above them. */
.project-tile::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--case-art);
  background-size:cover;
  background-position:var(--case-art-position,center);
  opacity:var(--case-art-opacity,1);
}
.project-visual { z-index:1; }
.tile-brand {
  --case-art:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/architecture-folds-v1.webp');
  --case-art-position:36% 50%;
  --tile-muted:#59564c;
}
.tile-brand .project-info {
  background:linear-gradient(90deg,#eae6dde8,#eae6ddb8);
}
.tile-maxim {
  --case-art:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/architecture-folds-v1.webp');
  --case-art-position:70% 48%;
  --tile-muted:#4d5949;
}
.tile-maxim::before { filter:saturate(.65); }
.tile-maxim .project-info {
  background:linear-gradient(90deg,#e7ebe2ed,#e7ebe2c2);
}
.tile-maxim .frame-hint {
  color:#394833;
  background:#f4f6edf2;
  padding:5px 8px;
  border-radius:3px;
  bottom:13px;
}
.tile-seo {
  --case-art:linear-gradient(90deg,#15392bdf,#174b39b3),url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/architecture-folds-v1.webp');
  --case-art-position:50% 70%;
  --tile-muted:#d0dcca;
}
.tile-seo .project-info {
  background:linear-gradient(90deg,#203e32e8,#203e3273);
}
.tile-seo .seo-board { background:#284237f2; }
.tile-tyre {
  --case-art:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/automotive-materials-v1.webp');
  --case-art-position:50% 60%;
  --tile-muted:#c4c7cc;
}
.tile-tyre .project-info {
  background:linear-gradient(90deg,#14171dd9,#14171d99);
}
.tile-tyre .tyre-wordmark { color:#b8bbc1; }
.tile-avito {
  --case-art:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/automation-glass-v1.webp');
  --case-art-position:50% 60%;
  --tile-muted:#5d526e;
}
.tile-avito::before { filter:hue-rotate(48deg) saturate(.68); }
.tile-avito .project-info {
  background:linear-gradient(90deg,#edeaf7f0,#edeaf7c2);
}
.tile-avito .avito-board { background:#fbfafef0; }
.tile-assistant {
  --case-art:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/automation-glass-v1.webp');
  --case-art-position:40% 70%;
  --tile-muted:#435d6d;
}
.tile-assistant .project-info {
  background:linear-gradient(90deg,#e1eaf0f0,#e1eaf0c9);
}
.tile-bitrix {
  --case-art:url('/portfolio-releases/portfolio-20261020-2069b54bdbe2/assets/backgrounds/automation-glass-v1.webp');
  --case-art-position:60% 30%;
  --tile-muted:#3e5d6c;
}
.tile-bitrix::before { transform:scaleX(-1); }
.tile-bitrix .project-info {
  background:linear-gradient(90deg,#e2f0f5f0,#e2f0f5bd);
}
.tile-bitrix .integration-board { background:#f5fafcf0; }
@media(max-width:759px) {
  .project-tile::before { background-size:auto 100%; }
  .tile-brand .project-info { background:#eae6dde0; }
  .tile-maxim .project-info { background:#e7ebe2e6; }
  .tile-seo .project-info { background:#203e32d9; }
  .tile-tyre .project-info { background:#14171dbd; }
  .tile-avito .project-info { background:#edeaf7eb; }
  .tile-assistant .project-info { background:#e1eaf0ed; }
  .tile-bitrix .project-info { background:#e2f0f5e6; }
}

/* The upper shadow keeps the incoming card distinct while it covers the stack. */
.project-tile {
  box-shadow:
    0 -10px 30px -12px #121a2b2b,
    0 28px 65px -16px #121a2b59,
    0 7px 18px -8px #121a2b33;
}
@media(max-width:759px) {
  .project-tile {
    box-shadow:
      0 -7px 22px -8px #121a2b2b,
      0 18px 38px -12px #121a2b52,
      0 5px 12px -5px #121a2b2e;
  }
}