.video-modal-root{--video-modal-chrome:calc(var(--grid-unit)*5);--video-modal-pad-x:max(var(--grid-unit),env(safe-area-inset-left,0px));--video-modal-pad-y:max(var(--grid-unit),env(safe-area-inset-top,0px));--video-modal-pad-x-end:max(var(--grid-unit),env(safe-area-inset-right,0px));--video-modal-pad-y-end:max(var(--grid-unit),env(safe-area-inset-bottom,0px));z-index:200000;padding:var(--video-modal-pad-y)var(--video-modal-pad-x-end)var(--video-modal-pad-y-end)var(--video-modal-pad-x);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal-backdrop{cursor:pointer;background:color-mix(in srgb,#000 82%,var(--figma-card)18%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;margin:0;padding:0;position:absolute;inset:0}.video-modal-panel{z-index:1;gap:var(--grid-unit);width:min(100%,1100px,calc((100svh - var(--video-modal-pad-y) - var(--video-modal-pad-y-end) - var(--video-modal-chrome))*16/9));flex-direction:column;max-width:100%;display:flex;position:relative}.video-modal-chrome{justify-content:space-between;align-items:center;gap:var(--grid-unit);min-height:calc(var(--grid-unit)*2.5);display:flex}.video-modal-chrome-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.video-modal-kicker{color:var(--utility-cyan);letter-spacing:.08em}.video-modal-title{font-family:var(--font-geist-mono),monospace;color:#fff;margin:0;font-size:clamp(.95rem,2.4vw,1.125rem);font-weight:600;line-height:1.25}.video-modal-chrome-actions{align-items:center;gap:calc(var(--grid-unit)*.75);flex-shrink:0;display:flex}.video-modal-esc{border:1px solid color-mix(in srgb,var(--figma-button-border)70%,transparent);color:var(--figma-meta);padding:.2em .45em;line-height:1;display:none}.video-modal-close{border:1px solid var(--figma-button-border);background:color-mix(in srgb,var(--figma-card)88%,#000 12%);width:44px;height:44px;color:var(--figma-button-text);cursor:pointer;transition:border-color .18s var(--motion-ease-precision,ease),color .18s var(--motion-ease-precision,ease),background-color .18s var(--motion-ease-precision,ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.video-modal-close:hover{border-color:var(--utility-cyan);color:#fff}.video-modal-close:focus{outline:none}.video-modal-close:focus-visible{outline:2px solid var(--utility-cyan);outline-offset:2px}.video-modal-stage{aspect-ratio:16/9;width:100%;max-height:calc(100svh - var(--video-modal-pad-y) - var(--video-modal-pad-y-end) - var(--video-modal-chrome));border:1px solid color-mix(in srgb,var(--figma-panel-border)55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--utility-cyan)18%,transparent);background:#0a0a0a;position:relative;overflow:hidden}@supports (width:min(100%, 1px)){.video-modal-stage{width:min(100%,calc(( 100svh - var(--video-modal-pad-y) - var(--video-modal-pad-y-end) - var(--video-modal-chrome))*16/9));margin-inline:auto}}.video-modal-media{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .28s var(--motion-ease-precision,ease);background:#000;border:0;position:absolute;inset:0}.video-modal-stage.is-ready .video-modal-media{opacity:1}.video-modal-loading{pointer-events:none;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-modal-loading-pulse{border:1px solid color-mix(in srgb,var(--utility-cyan)55%,transparent);border-top-color:var(--utility-cyan);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite video-modal-spin}.video-modal-fallback{justify-content:center;align-items:flex-start;gap:var(--grid-unit);padding:calc(var(--grid-unit)*2);color:var(--figma-meta);flex-direction:column;display:flex;position:absolute;inset:0}.video-modal-fallback-link{color:var(--utility-cyan);text-underline-offset:3px;text-decoration:underline}@keyframes video-modal-spin{to{transform:rotate(360deg)}}@media (min-width:640px){.video-modal-root{--video-modal-pad-x:max(calc(var(--grid-unit)*2),env(safe-area-inset-left,0px));--video-modal-pad-x-end:max(calc(var(--grid-unit)*2),env(safe-area-inset-right,0px));--video-modal-pad-y:max(calc(var(--grid-unit)*2),env(safe-area-inset-top,0px));--video-modal-pad-y-end:max(calc(var(--grid-unit)*2),env(safe-area-inset-bottom,0px));--video-modal-chrome:calc(var(--grid-unit)*4.5)}.video-modal-close{width:40px;height:40px}}@media (min-width:1024px){.video-modal-esc{align-items:center;display:inline-flex}.video-modal-root{--video-modal-pad-x:max(calc(var(--grid-unit)*3),env(safe-area-inset-left,0px));--video-modal-pad-x-end:max(calc(var(--grid-unit)*3),env(safe-area-inset-right,0px))}}@media (max-height:520px) and (orientation:landscape){.video-modal-root{--video-modal-chrome:calc(var(--grid-unit)*3.25);--video-modal-pad-y:max(8px,env(safe-area-inset-top,0px));--video-modal-pad-y-end:max(8px,env(safe-area-inset-bottom,0px))}.video-modal-chrome{min-height:0}.video-modal-kicker{display:none}.video-modal-title{font-size:.875rem}.video-modal-close{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.video-modal-loading-pulse{border-color:var(--utility-cyan);animation:none}.video-modal-media{transition:none}}
.works-count{color:var(--text-secondary);pointer-events:none;margin-inline-start:auto}.works-count-now{color:var(--utility-cyan);display:inline-block}@media (prefers-reduced-motion:no-preference){.works-count-now{animation:works-count-tick .32s var(--motion-ease-precision)backwards}@keyframes works-count-tick{0%{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}}