.work-gallery-card{aspect-ratio:16/9;scroll-snap-align:start;background:var(--muted);width:calc(100vw - 80px);height:auto;transition:transform var(--motion-fast) var(--motion-ease);touch-action:manipulation;border:0;border-radius:16px;flex:none;padding:0;display:block;position:relative;overflow:hidden}.work-gallery-card img,.work-viewer-image img{object-fit:cover}.work-gallery-card.site-project-cover{width:100%}.work-gallery-card:active,.work-viewer-key:active{transform:scale(.97)}.work-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--foreground);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.work-viewer::backdrop{background:0 0}.work-viewer-shell{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:relative}.work-viewer-scrim{z-index:0;background:color-mix(in srgb, var(--background) 30%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;position:absolute;inset:0}.work-viewer-exit{z-index:4;top:max(24px, env(safe-area-inset-top));white-space:nowrap;width:auto;height:40px;color:var(--muted-foreground);align-items:center;gap:8px;padding:0 8px;font-size:16px;font-weight:400;display:flex;position:absolute;left:50%;transform:translate(-50%)}.work-viewer-stage{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.work-viewer-image{z-index:2;aspect-ratio:16/9;background:var(--muted);width:min(1100px,100vw - 160px,177.778dvh - 284.444px);box-shadow:var(--effect-shadow-xl);transform-origin:0 0;border-radius:16px;position:relative;overflow:hidden}.work-viewer-zone{z-index:3;opacity:0;touch-action:manipulation;background:0 0;border:0;width:50%;height:100%;padding:0;position:absolute;top:0;bottom:0}.work-viewer-zone-left{cursor:w-resize;left:0}.work-viewer-zone-right{cursor:e-resize;right:0}.work-viewer-footer{z-index:4;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1100px,100vw - 160px);margin:24px auto 0;font-size:16px;display:grid;position:relative}.work-viewer-count{font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.work-viewer-actions{color:var(--muted-foreground);pointer-events:auto;grid-column:2;align-items:center;gap:8px;display:flex}.work-viewer-key{background:0 0;border:0;width:32px;height:32px;padding:0}.work-viewer-key kbd{pointer-events:none}@media (min-width:1200px){.work-gallery-card{width:calc(min(800px,100vw - 560px) - 80px)}}@media (hover:hover) and (pointer:fine){.work-gallery-card:hover{transform:scale(.992)}}@media (max-width:700px){.work-viewer-image,.work-viewer-footer{width:calc(100vw - 32px)}.work-viewer-actions span{display:none}.work-viewer-exit{top:max(20px, env(safe-area-inset-top))}}