.cwv-pj__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:24px}.cwv-pj__count{display:inline-flex;align-items:center;gap:10px;margin:0;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8C979F)}.cwv-pj__count:before{content:"";width:7px;height:7px;background:var(--acc,#C6FF3D)}.cwv-projects .cwv-pj__grid{display:grid;grid-template-columns:repeat(var(--pj-cols,3),minmax(0,1fr));grid-auto-rows:var(--pj-row,clamp(180px,16vw,220px));grid-auto-flow:dense;gap:14px;margin:20px 0 0;padding:0;list-style:none}.cwv-pj__grid--c2{--pj-cols:2;--pj-row:clamp(200px,22vw,300px)}.cwv-pj__grid--c3{--pj-cols:3}.cwv-pj__grid--c4{--pj-cols:4}.cwv-pj__item{position:relative;min-width:0}.cwv-pj__item[hidden]{display:none}.cwv-pj__item[data-span=big]{grid-column:span 2;grid-row:span 2}.cwv-pj__item[data-span=wide]{grid-column:span 2}.cwv-pj__item.is-in{animation:cwvPjIn .45s cubic-bezier(.2,.8,.2,1) both}@keyframes cwvPjIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.cwv-pj__fig{position:relative;height:100%;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111820;isolation:isolate;transition:border-color .3s ease,box-shadow .3s ease}.cwv-pj__fig:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left top/16px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left top/2px 16px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right top/16px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right top/2px 16px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left bottom/16px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left bottom/2px 16px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right bottom/16px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right bottom/2px 16px no-repeat;transition:opacity .3s ease,inset .3s ease}.cwv-pj__item:hover .cwv-pj__fig,.cwv-pj__item:focus-within .cwv-pj__fig{border-color:var(--a40,rgba(198,255,61,.4));box-shadow:0 26px 60px #00000073}.cwv-pj__item:hover .cwv-pj__fig:after,.cwv-pj__item:focus-within .cwv-pj__fig:after{opacity:1;top:12px;right:12px;bottom:12px;left:12px}.cwv-pj__fig .cwv-pj__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;max-width:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.cwv-pj__item:hover .cwv-pj__img{transform:scale(1.05)}.cwv-pj__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0e124d,#0a0e1200 35%,#0a0e12e6);pointer-events:none}.cwv-pj__item[data-span=big] .cwv-pj__shade{background:linear-gradient(180deg,#0a0e1259,#0a0e1200 30% 55%,#0a0e12eb)}.cwv-pj__scan{position:absolute;left:0;right:0;top:-30%;z-index:2;height:30%;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,var(--a08,rgba(198,255,61,.08)) 60%,var(--a25,rgba(198,255,61,.25)) 96%,var(--acc,#C6FF3D) 100%)}.cwv-pj__item:hover .cwv-pj__scan{opacity:1;animation:cwvPjScan 1.1s cubic-bezier(.45,0,.55,1) 1 forwards}@keyframes cwvPjScan{0%{top:-30%;opacity:1}85%{opacity:1}to{top:100%;opacity:0}}.cwv-pj__cap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0;pointer-events:none}.cwv-pj__chip{position:absolute;top:18px;left:18px;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#0a0e12bf;border:1px solid rgba(255,255,255,.16);font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:500;font-size:10.5px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--fg,#EEF2F4)}.cwv-pj__foot{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.cwv-pj__title{margin:0;font-family:var(--font-display,"Sora",system-ui,sans-serif);font-weight:600;font-size:17px;line-height:1.25;letter-spacing:-.01em;color:#f2f6f8}.cwv-pj__view{display:none;align-items:center;gap:6px;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc,#C6FF3D)}.cwv-pj__view-arrow{transition:transform .25s ease}.cwv-pj__item:hover .cwv-pj__view-arrow{transform:translate(4px)}.cwv-pj__item[data-span=big] .cwv-pj__chip{top:20px;left:20px}.cwv-pj__item[data-span=big] .cwv-pj__foot{left:22px;right:22px;bottom:22px}.cwv-pj__item[data-span=big] .cwv-pj__title{font-size:clamp(18px,1.6vw,21px);line-height:1.2;letter-spacing:-.015em}.cwv-pj__item[data-span=big] .cwv-pj__view{display:inline-flex}.cwv-pj__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;width:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}.cwv-pj__open:focus-visible{outline:2px solid var(--acc,#C6FF3D);outline-offset:-4px}.cwv-pj__empty{margin:28px 0 0;color:var(--fg-2,#C3CBD1)}.cwv-pj__empty .cwv-link{margin-left:8px;border-top:0;border-left:0;border-right:0;background:none;cursor:pointer;font-family:inherit}@media(max-width:1100px){.cwv-pj__grid--c3,.cwv-pj__grid--c4{--pj-cols:2;--pj-row:clamp(180px,26vw,240px)}}@media(max-width:640px){.cwv-pj__grid,.cwv-pj__grid--c2,.cwv-pj__grid--c3,.cwv-pj__grid--c4{--pj-cols:1;--pj-row:240px}.cwv-pj__item[data-span]{grid-column:auto;grid-row:auto}.cwv-pj__filters{flex-wrap:nowrap;width:calc(100% + 2 * var(--gutter,16px));margin-inline:calc(-1 * var(--gutter,16px));padding-inline:var(--gutter,16px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cwv-pj__filters::-webkit-scrollbar{display:none}.cwv-pj__filters .cwv-filter{flex:none}.cwv-pj__item .cwv-pj__view{display:inline-flex}}.cwv-pj__dialog{--lb-vh:100vh;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#07090cf7;color:var(--fg,#EEF2F4);overflow:hidden}@supports (height:100svh){.cwv-pj__dialog{--lb-vh:100svh}}.cwv-pj__dialog:not([open]){display:none}.cwv-pj__dialog::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cwv-pj__lb{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:center;gap:clamp(20px,3vw,40px);height:100%;padding:24px 88px 24px clamp(16px,4vw,48px);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}.cwv-pj__lb-media{position:relative;display:flex;align-items:center;justify-content:center;height:calc(var(--lb-vh) - 48px);min-width:0}.cwv-pj__lb-frame{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0}.cwv-pj__lb-frame:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;opacity:0;background:linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left top/18px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left top/2px 18px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right top/18px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right top/2px 18px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left bottom/18px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) left bottom/2px 18px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right bottom/18px 2px no-repeat,linear-gradient(var(--acc,#C6FF3D),var(--acc,#C6FF3D)) right bottom/2px 18px no-repeat;transition:opacity .3s ease}.cwv-pj__lb-frame.is-loaded:after{opacity:1}.cwv-pj__lb-media img{display:block;max-width:100%;max-height:calc(var(--lb-vh) - 108px);width:auto;height:auto;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px #0009;opacity:0;transition:opacity .3s ease}.cwv-pj__lb-media img.is-loaded{opacity:1}.cwv-pj__lb-dim{position:absolute;left:0;right:0;top:-22px;height:1px;background:var(--acc,#C6FF3D);opacity:0;transition:opacity .3s ease;line-height:1.2}.cwv-pj__lb-dim:before,.cwv-pj__lb-dim:after{content:"";position:absolute;top:-6px;height:12px;border-left:1px solid var(--acc,#C6FF3D)}.cwv-pj__lb-dim:before{left:0}.cwv-pj__lb-dim:after{right:0}.cwv-pj__lb-frame.is-loaded .cwv-pj__lb-dim{opacity:1}.cwv-pj__lb-dim-label{position:absolute;left:50%;top:0;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%);padding:3px 8px;border-radius:5px;background:var(--acc,#C6FF3D);color:#0a0e12;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:600;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.cwv-pj__lb-media.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--acc,#C6FF3D);animation:cwvPjSpin .8s linear infinite}@keyframes cwvPjSpin{to{transform:rotate(360deg)}}.cwv-pj__lb-cap{min-width:0;max-height:calc(var(--lb-vh) - 48px);overflow-y:auto;padding:4px 2px}.cwv-pj__lb-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px}.cwv-pj__lb-scan{width:7px;height:7px;background:var(--acc,#C6FF3D);animation:cwvPjBlink 1.6s infinite}@keyframes cwvPjBlink{0%,to{opacity:1}50%{opacity:.25}}.cwv-pj__lb-top .cwv-pj__chip{position:static;max-width:100%}.cwv-pj__lb-top .cwv-pj__chip:empty{display:none}.cwv-pj__lb-count{font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc,#C6FF3D)}.cwv-pj__lb-title{margin:0;font-family:var(--font-display,"Sora",system-ui,sans-serif);font-weight:700;font-size:clamp(20px,2.2vw,30px);line-height:1.1;letter-spacing:-.03em;color:var(--fg,#EEF2F4)}.cwv-pj__lb-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.cwv-pj__lb-meta:empty{display:none}.cwv-pj__tag{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border-radius:8px;border:1px solid var(--a60,rgba(198,255,61,.6));background:#0a0e12c7;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:500;font-size:11px;line-height:1.35;letter-spacing:.08em;color:var(--fg,#EEF2F4)}.cwv-pj__tag-k{flex:none;color:var(--acc,#C6FF3D);letter-spacing:.12em;text-transform:uppercase}.cwv-pj__tag-k:after{content:" \b7";color:var(--muted,#8C979F)}.cwv-pj__lb-desc{margin-top:16px;color:var(--fg-2,#C3CBD1);font-size:15px;line-height:1.65}.cwv-pj__lb-desc:empty{display:none}.cwv-pj__lb-cta{margin-top:24px;white-space:normal;text-align:left}.cwv-pj__lb-btn{position:absolute;z-index:4;width:48px;height:48px;background:#0a0e12cc;border-color:#ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cwv-pj__lb-btn:hover{border-color:var(--acc,#C6FF3D);color:var(--acc,#C6FF3D);background:#0a0e12cc}.cwv-pj__lb-btn:focus-visible{outline:2px solid var(--acc,#C6FF3D);outline-offset:2px}.cwv-pj__lb-close{top:20px;right:20px}.cwv-pj__lb-prev{top:50%;right:20px;margin-top:-56px}.cwv-pj__lb-next{top:50%;right:20px;margin-top:8px}.cwv-pj__lb-btn[hidden]{display:none}@media(max-width:899px){.cwv-pj__dialog{overflow-y:auto}.cwv-pj__lb{display:block;height:auto;min-height:100%;padding:84px 16px calc(28px + env(safe-area-inset-bottom,0px))}.cwv-pj__lb-media{height:auto;min-height:200px;max-height:none}.cwv-pj__lb-media img{max-height:58vh;border-radius:14px}.cwv-pj__lb-cap{max-height:none;overflow:visible;margin-top:20px}.cwv-pj__lb-close{position:fixed;top:14px;right:14px}.cwv-pj__lb-prev,.cwv-pj__lb-next{position:fixed;top:14px;margin-top:0}.cwv-pj__lb-prev{right:auto;left:14px}.cwv-pj__lb-next{right:auto;left:72px}}[data-shift=off] .cwv-pj__scan{display:none}[data-shift=off] .cwv-pj__lb-scan{animation:none}@media(prefers-reduced-motion:reduce){.cwv-pj__fig,.cwv-pj__fig:after,.cwv-pj__img,.cwv-pj__lb-media img,.cwv-pj__view-arrow{transition:none}.cwv-pj__item:hover .cwv-pj__img,.cwv-pj__item:hover .cwv-pj__view-arrow{transform:none}.cwv-pj__item.is-in{animation:none}.cwv-pj__scan{display:none}.cwv-pj__lb-scan{animation:none}}@media(forced-colors:active){.cwv-pj__fig:after,.cwv-pj__lb-frame:after,.cwv-pj__scan{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cwv-projects.css.map */