.portfolio-slider{width:calc(100vw - clamp(24px,5vw,84px));max-width:none;min-width:0;position:relative;left:50%;transform:translateX(-50%)}.portfolio-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 20px;scroll-margin-top:100px}.portfolio-slider-position{display:flex;align-items:center;gap:20px;min-width:0}.portfolio-slider-count{font:700 16px/1.3 Arial,sans-serif;white-space:nowrap;color:var(--blue,#123bea)}.portfolio-slider-name{font-size:clamp(16px,2vw,25px);line-height:1.3}.portfolio-slider-arrows{display:flex;gap:10px;flex-shrink:0}.portfolio-slider-arrows button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #6984be70;border-radius:50%;background:#edf4ff;color:#123bea;font:400 25px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}.portfolio-slider-arrows button:hover{background:#dfff6d;transform:translateY(-2px)}.portfolio-slider-arrows button:disabled{opacity:.3;cursor:default}.portfolio-previews{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 4px 16px;scrollbar-width:thin;scrollbar-color:#5078bf transparent;margin-top:20px;margin-bottom:0;position:relative}.portfolio-preview{flex:0 0 154px;min-width:0;position:relative;padding:0;overflow:hidden;cursor:pointer;border:2px solid transparent;border-radius:14px;background:#071c42;color:white;text-align:left;opacity:.66;transition:opacity .25s,border-color .25s,transform .25s}.portfolio-preview img,.portfolio-preview-fallback{display:block;width:100%;height:86px;object-fit:cover;background:#d8e8f8}.portfolio-preview-fallback{display:grid;place-items:center;padding:12px;font-size:14px;color:#10275e}.portfolio-preview-caption{display:block;padding:9px 10px;font-size:12px;line-height:1.3;min-height:49px}.portfolio-preview[aria-pressed=true]{opacity:1;border-color:#123bea;box-shadow:0 0 0 2px #123bea25}.portfolio-preview:hover{opacity:1;transform:translateY(-2px)}.portfolio-preview[hidden]{display:none!important}.portfolio-slider-stage{min-width:0;width:100%;touch-action:pan-y;outline-offset:6px}.portfolio-slider-stage>.projects,.portfolio-slider-stage .additional-projects{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0!important;padding:0!important}.portfolio-slider-stage .more-projects{margin:0!important;padding:0!important;border:0!important}.portfolio-slider-stage .projects>a{width:100%!important;max-width:none!important;margin:0!important;grid-column:auto!important}.portfolio-slider-stage .projects>a:not(.portfolio-slide-inactive):not(.filter-hidden){opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important}#work.portfolio-slider-ready .portfolio-slider-stage .projects>a.portfolio-slide-inactive,#work.portfolio-slider-ready .portfolio-slider-stage .portfolio-group-inactive{display:none!important}.portfolio-slider-stage[hidden],.portfolio-slider-bottom[hidden],.portfolio-slider-empty[hidden]{display:none!important}.portfolio-slider-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.portfolio-slider-bottom>span{font-size:14px;opacity:.75}.portfolio-slider-empty{text-align:center;padding:50px 20px}.portfolio-slider button:focus-visible{outline:3px solid #123bea;outline-offset:3px}body[data-design=neon] .portfolio-slider-count{color:#dfff6d}body[data-design=neon] .portfolio-slider-arrows button{background:#132864;color:#dfff6d;border-color:#80dcfa77}body[data-design=neon] .portfolio-preview[aria-pressed=true]{border-color:#dfff6d;box-shadow:0 0 0 2px #dfff6d22}body[data-design=neon] .portfolio-slider button:focus-visible{outline-color:#dfff6d}@media(max-width:600px){.portfolio-slider-controls{gap:12px}.portfolio-slider-position{gap:8px;flex-direction:column;align-items:flex-start}.portfolio-slider-count{font-size:13px}.portfolio-slider-name{font-size:16px}.portfolio-slider-arrows button{width:42px;height:42px}.portfolio-preview{flex-basis:118px}.portfolio-preview img,.portfolio-preview-fallback{height:68px}.portfolio-previews{gap:8px;margin-bottom:12px}.portfolio-preview-caption{font-size:11px;min-height:45px}.portfolio-slider-bottom>span{font-size:12px;max-width:185px}.portfolio-slider-stage .projects>a{min-width:0!important}}@media(prefers-reduced-motion:reduce){.portfolio-slider *{scroll-behavior:auto!important}.portfolio-preview,.portfolio-slider-arrows button{transition:none}}
@media(min-width:901px){.portfolio-slider-controls,.portfolio-slider-bottom{padding-right:74px}}

.portfolio-preview-rail{margin-top:24px;min-width:0}.portfolio-preview-arrows{justify-content:flex-end;margin-bottom:8px}.portfolio-preview-rail .portfolio-previews{margin-top:0;touch-action:pan-x pan-y}

@media(min-width:901px){.portfolio-preview-arrows{padding-right:74px}}
/* Transparent floating project identities; no thumbnail panels. */
.portfolio-preview-rail .portfolio-previews{gap:22px;padding:28px 8px 20px;perspective:1100px;align-items:stretch}
.portfolio-previews .portfolio-preview{flex-basis:180px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible;opacity:1;text-align:center;color:var(--ink,#122854);padding:0 6px;transform:none!important;isolation:isolate}
.portfolio-preview .portfolio-logo-float{display:grid;place-items:center;height:120px;animation:portfolio-logo-hover 5s ease-in-out infinite;animation-delay:var(--float-delay);perspective:700px}
.portfolio-logo-stack{position:relative;display:grid;width:100%;height:110px;transform-style:preserve-3d;transform:rotateX(var(--logo-rx,5deg)) rotateY(var(--logo-ry,-9deg));transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 14px 7px #08214a35)}
.portfolio-logo-face,.portfolio-logo-depth{grid-area:1/1;display:grid;place-items:center;min-width:0;width:100%;height:110px;backface-visibility:hidden}.portfolio-logo-face{transform:translateZ(8px)}.portfolio-logo-depth{transform:translate(2px,4px) translateZ(-3px);filter:brightness(.38);opacity:.8;pointer-events:none}
.portfolio-preview .portfolio-logo-stack img{width:100%;height:106px;object-fit:contain;background:transparent!important;border:0;border-radius:0;display:block}
.portfolio-preview[data-logo=ministry] img{height:72px}.portfolio-preview[data-logo=key] img{height:66px}.portfolio-preview[data-logo=nadra] img,.portfolio-preview[data-logo=centrenergo] img{width:108px}
.portfolio-logo-wordmark{display:grid;align-content:center;justify-items:center;line-height:1.05;letter-spacing:-.035em;font-size:30px;font-weight:850;text-shadow:1px 1px 0 #ffffff35;white-space:nowrap}
.portfolio-preview[data-logo=pcu] .portfolio-logo-wordmark{font:700 17px/1.3 Georgia,serif;color:#a07420}.portfolio-preview[data-logo=opora] .portfolio-logo-wordmark{font-size:35px;letter-spacing:-.07em;color:#174cee}.portfolio-preview[data-logo=tsypochka] .portfolio-logo-wordmark{font-size:25px;color:#dc6500}.portfolio-preview[data-logo=tsypochka] .portfolio-logo-wordmark span:last-child{font:italic 34px/1 Georgia,serif}.portfolio-preview[data-logo=fortuna] .portfolio-logo-wordmark{font-size:64px;font-weight:400;color:#087b87}.portfolio-preview[data-logo=fortuna] .portfolio-logo-wordmark span:last-child{font-size:9px;letter-spacing:.08em;font-weight:800}.portfolio-preview[data-logo=motion] .portfolio-logo-wordmark{font:italic 700 32px/1 Georgia,serif;color:#c48604}.portfolio-preview[data-logo=telecom] .portfolio-logo-wordmark{font-size:21px;letter-spacing:-.04em;color:#aa256f}.portfolio-preview[data-logo=mykyta] .portfolio-logo-wordmark{font-size:25px;letter-spacing:-.03em;color:#e38014}.portfolio-preview[data-logo=avatarooms] .portfolio-logo-wordmark{font-size:26px;letter-spacing:-.055em;color:#04969b}
.portfolio-logo-council{display:block;position:relative;width:104px;height:104px}.portfolio-logo-council>span{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;font:22px/1 Arial;color:#e9b300;text-shadow:0 1px 0 #a27508}
.portfolio-previews .portfolio-preview-caption{font-size:13px;line-height:1.3;min-height:46px;padding:12px 0 4px;color:inherit;opacity:.76}.portfolio-previews .portfolio-preview[aria-pressed=true] .portfolio-preview-caption{opacity:1;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.portfolio-preview:hover .portfolio-logo-stack,.portfolio-preview[aria-pressed=true] .portfolio-logo-stack{filter:drop-shadow(0 18px 10px #123bea48);transform:rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg)) scale(1.08)}
body[data-design=neon] .portfolio-previews .portfolio-preview{color:#e7f7ff}body[data-design=neon] .portfolio-logo-stack{filter:drop-shadow(0 12px 12px #0007)}body[data-design=neon] .portfolio-preview[data-logo=ministry] img{filter:brightness(0) invert(1)}body[data-design=neon] .portfolio-preview[data-logo=opora] .portfolio-logo-wordmark{color:#85b5ff}body[data-design=neon] .portfolio-preview[data-logo=fortuna] .portfolio-logo-wordmark,body[data-design=neon] .portfolio-preview[data-logo=avatarooms] .portfolio-logo-wordmark{color:#72f2e6}body[data-design=neon] .portfolio-preview[data-logo=pcu] .portfolio-logo-wordmark,body[data-design=neon] .portfolio-preview[data-logo=motion] .portfolio-logo-wordmark{color:#ffdf80}body[data-design=neon] .portfolio-preview[data-logo=telecom] .portfolio-logo-wordmark{color:#f591d7}
@keyframes portfolio-logo-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:600px){.portfolio-preview-rail .portfolio-previews{gap:14px;padding-top:22px}.portfolio-previews .portfolio-preview{flex-basis:154px}.portfolio-logo-stack{scale:.9}.portfolio-previews .portfolio-preview-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.portfolio-preview .portfolio-logo-float{animation:none}.portfolio-logo-stack{transition:none;transform:none!important}}

/* Crisp single-face identities: movement supplies depth without duplicated lettering. */
.portfolio-logo-stack,body[data-design=neon] .portfolio-logo-stack,.portfolio-preview:hover .portfolio-logo-stack,.portfolio-preview[aria-pressed=true] .portfolio-logo-stack{filter:none;transform:rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg))}
.portfolio-logo-wordmark,.portfolio-logo-council>span{text-shadow:none}
.portfolio-previews .portfolio-preview{flex-basis:205px}
.portfolio-preview[data-logo=ministry]{flex-basis:250px}
.portfolio-preview[data-logo=ministry] img{height:100px}
.portfolio-preview[data-logo=pcu] img,.portfolio-preview[data-logo=fortuna] img{width:104px;height:104px}
.portfolio-preview[data-logo=tsypochka] img{height:100px}
.portfolio-preview[data-logo=fortuna] img{filter:invert(1)}
body[data-design=neon] .portfolio-preview[data-logo=fortuna] img{filter:none}
body:not([data-design=neon]) .portfolio-preview[data-logo=tsypochka] img{filter:brightness(.55)}
body[data-design=neon] .portfolio-preview[data-logo=opora] img{content:url('assets/project-logos/opora-light.svg')}
body[data-design=neon] .portfolio-preview[data-logo=telecom] img{filter:brightness(0) invert(1)}
.portfolio-previews .portfolio-preview-caption{opacity:1;font-size:14px;line-height:1.4;min-height:76px}
.portfolio-preview-description{display:block;font-size:12px;line-height:1.4;font-weight:400;margin-top:5px;text-decoration:none}
.portfolio-preview[data-logo=avatarooms] .portfolio-logo-wordmark{font-size:29px;font-weight:800;letter-spacing:-.045em;color:#086678;text-shadow:0 0 2px #a7ffff,0 0 9px #24dce655;position:relative}
.portfolio-preview[data-logo=avatarooms] .portfolio-logo-wordmark:after{content:'';height:2px;width:68%;margin-top:12px;background:linear-gradient(90deg,transparent,#04c8ee,#9254ff,transparent);box-shadow:0 0 8px #22deed}
body[data-design=neon] .portfolio-preview[data-logo=avatarooms] .portfolio-logo-wordmark{color:#d6ffff;text-shadow:0 0 2px #fff,0 0 8px #00deef,0 0 18px #586bff88}
@media(max-width:600px){.portfolio-previews .portfolio-preview{flex-basis:188px}.portfolio-preview[data-logo=ministry]{flex-basis:230px}.portfolio-preview .portfolio-logo-float{height:120px}.portfolio-previews .portfolio-preview-caption{font-size:13px}.portfolio-preview[data-logo=avatarooms] .portfolio-logo-wordmark{font-size:27px}}

body[data-design=neon] .portfolio-preview[data-logo=pcu] img{filter:brightness(1.65)}

.portfolio-preview-description{font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:break-word;margin-top:7px}.portfolio-preview-caption{white-space:normal}