.cwv-pj__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px}.cwv-pj__count{margin:0;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#9A9EA8)}.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(170px,15vw,210px));grid-auto-flow:dense;gap:16px;margin:24px 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 var(--ease,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:28px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#111216;transition:transform .4s var(--ease,cubic-bezier(.2,.8,.2,1)),border-color .3s ease,box-shadow .3s ease}.cwv-pj__item:hover .cwv-pj__fig,.cwv-pj__item:focus-within .cwv-pj__fig{transform:translateY(-6px);border-color:#ffffff4d;box-shadow:0 26px 60px #00000073}.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 var(--ease,cubic-bezier(.2,.8,.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;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88));pointer-events:none}.cwv-pj__item[data-span=big] .cwv-pj__shade{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.85))}.cwv-pj__cap{position:absolute;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.cwv-pj__chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}.cwv-pj__title{margin:0;font-family:var(--font-body,"Manrope",sans-serif);font-weight:700;font-size:15px;line-height:1.3;letter-spacing:0;color:#fff}.cwv-pj__item[data-span=big] .cwv-pj__cap{left:20px;right:20px;bottom:18px}.cwv-pj__item[data-span=big] .cwv-pj__title{font-family:var(--font-display,"Unbounded",sans-serif);font-weight:600;font-size:18px;letter-spacing:-.01em}.cwv-pj__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;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(--teal,#2EE6C9);outline-offset:-4px}.cwv-pj__empty{margin:28px 0 0;color:var(--fg-2,#C9CBD1)}.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__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:#030305f2;color:var(--fg,#F4F4F6);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)}.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-media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px #0009;opacity:0;transition:opacity .3s ease}.cwv-pj__lb-media img.is-loaded{opacity:1}.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,.18);border-top-color:var(--teal,#2EE6C9);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-top .cwv-pj__chip:empty{display:none}.cwv-pj__lb-count{font-family:var(--font-mono,"IBM Plex Mono",monospace);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#9A9EA8)}.cwv-pj__lb-title{margin:0;font-family:var(--font-display,"Unbounded",sans-serif);font-weight:700;font-size:clamp(20px,2.2vw,30px);line-height:1.12;letter-spacing:-.03em;color:#fff}.cwv-pj__lb-meta{margin:10px 0 0;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-weight:500;font-size:11px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:var(--teal,#2EE6C9)}.cwv-pj__lb-meta:empty{display:none}.cwv-pj__lb-desc{margin-top:16px;color:var(--fg-2,#C9CBD1);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:#0e0e12b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.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:72px 16px calc(28px + env(safe-area-inset-bottom,0px))}.cwv-pj__lb-media{height:auto;min-height:200px;max-height:62vh}.cwv-pj__lb-media img{max-height:62vh;border-radius:16px}.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}}@media(prefers-reduced-motion:reduce){.cwv-pj__fig,.cwv-pj__img,.cwv-pj__lb-media img{transition:none}.cwv-pj__item:hover .cwv-pj__fig,.cwv-pj__item:focus-within .cwv-pj__fig,.cwv-pj__item:hover .cwv-pj__img{transform:none}.cwv-pj__item.is-in{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cwv-projects.css.map */