.work-carousel{--cw-slide:clamp(15rem,33vw,26rem);position:fixed;inset:0;z-index:10002;display:flex;flex-direction:column;visibility:hidden;color:var(--foreground)}.work-carousel-backdrop{position:absolute;inset:0;z-index:0;background-color:var(--background-200)}.work-carousel-foot,.work-carousel-head{position:relative;z-index:2;display:flex;align-items:center;padding:1.5rem;flex:0 0 auto}.work-carousel-head{justify-content:space-between;gap:1.5rem}.work-carousel-name{font-size:clamp(1.5rem,1rem + 2vw,2.75rem);font-weight:550;letter-spacing:-.0075rem;line-height:1.05;text-wrap:balance}.work-carousel-close{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 0;border:none;background:none;color:var(--foreground);font-family:var(--font-dm-mono),monospace;font-weight:600;font-size:clamp(.8rem,.2rem + .7vw,1.15rem);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.work-carousel-close svg path{transition:transform .3s cubic-bezier(.9,0,.1,1);transform-origin:center}.work-carousel-close:hover svg{transform:rotate(90deg);transition:transform .3s cubic-bezier(.9,0,.1,1)}.work-carousel-close:focus-visible{outline:1px solid var(--foreground);outline-offset:4px}.work-carousel-stage{position:relative;z-index:1;flex:1 1 auto;overflow:hidden;touch-action:pan-y;cursor:-webkit-grab;cursor:grab}.work-carousel-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.work-carousel-stage:focus-visible{outline:none}.work-carousel-slide{position:absolute;top:50%;left:50%;width:var(--cw-slide);aspect-ratio:4/5;margin:0;--cw-blur:0;will-change:transform,opacity;cursor:pointer}.work-carousel-media{position:relative;width:100%;height:100%;filter:blur(calc(var(--cw-blur, 0) * 1px));will-change:filter}.work-carousel-media img,.work-carousel-media video{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.work-carousel-play{position:absolute;inset:0;margin:auto;width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--background);color:var(--foreground);pointer-events:none}.work-carousel-play svg{margin-left:2px}.work-carousel-slide[aria-current=true] .work-carousel-play{opacity:0}.work-carousel-foot{justify-content:center;gap:clamp(1.25rem,4vw,3rem)}.work-carousel-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:clamp(9rem,22vw,14rem);text-align:center}.work-carousel-count{color:var(--foreground)}.work-carousel-count-total,.work-carousel-tags{color:var(--foreground-200)}.work-carousel-tags{text-transform:capitalize}.work-carousel-arrow{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:0 0 auto;border:none;border-radius:5rem;background-color:var(--btn-icon);color:var(--foreground);cursor:pointer;transition:transform .35s cubic-bezier(.9,0,.1,1),opacity .3s ease}.work-carousel-arrow:hover:not(:disabled){transform:scale(1.08)}.work-carousel-arrow:active:not(:disabled){transform:scale(.96)}.work-carousel-arrow:disabled{opacity:.32;cursor:default}.work-carousel-arrow:focus-visible{outline:1px solid var(--foreground);outline-offset:3px}@media (max-width:1000px){.work-carousel{--cw-slide:64vw}.work-carousel-foot,.work-carousel-head{padding:1.25rem}.work-carousel-foot{gap:1.25rem}}@media (prefers-reduced-motion:reduce){.work-carousel-arrow,.work-carousel-close svg,.work-carousel-close:hover svg{transition:none}}