.skeleton{--skeleton-base:#ffffff0e;--skeleton-sheen:#ffffff1c;background:var(--skeleton-base);display:block;position:relative;overflow:hidden}.skeleton[data-tone=light]{--skeleton-base:#1c1c1c12;--skeleton-sheen:#fff9}.skeleton--fill{position:absolute;inset:0}.skeleton--sheen{background:0 0;position:absolute;inset:0}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-sheen) 50%, transparent);animation:1.4s cubic-bezier(.4,0,.2,1) infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{background:var(--skeleton-sheen);opacity:.35;animation:none;transform:none}.skeleton--sheen:after{opacity:.12}}.video-dialog{width:min(calc(1180px * var(--ui-scale)), calc(100vw - 2 * var(--gutter)));max-width:none;max-height:none;color:var(--c-white);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.video-dialog--portrait{width:min(calc(560px * var(--ui-scale)), calc(100vw - 2 * var(--gutter)))}.video-dialog[open]{animation:video-dialog-in .36s var(--ease-out)}.video-dialog::backdrop{background:#0a0a0ae6}@keyframes video-dialog-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}.video-dialog__inner{gap:calc(16px * var(--ui-scale));flex-direction:column;display:flex}.video-dialog__head{justify-content:space-between;align-items:flex-start;gap:calc(20px * var(--ui-scale));display:flex}.video-dialog__title{font-size:calc(clamp(1.375rem, 1.85vw, 2rem) * var(--ui-scale));letter-spacing:var(--tracking-snug);font-weight:600;line-height:1.15}.video-dialog__meta{margin-top:calc(6px * var(--ui-scale));font-size:calc(.9375rem * var(--ui-scale));color:#b8b8b8}.video-dialog__close{align-items:center;gap:calc(12px * var(--ui-scale));min-height:44px;padding:0 calc(18px * var(--ui-scale));font-size:calc(.9375rem * var(--ui-scale));transition:border-color var(--dur-fast) var(--ease-out);background:0 0;border:1.5px solid #ffffff8c;border-radius:999px;flex:none;font-weight:600;display:inline-flex}.video-dialog__close:hover{border-color:var(--c-white)}.video-dialog__close-icon{width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale));position:relative}.video-dialog__close-icon:before,.video-dialog__close-icon:after{content:"";background:currentColor;width:100%;height:2px;position:absolute;top:50%;left:0;transform:rotate(45deg)}.video-dialog__close-icon:after{transform:rotate(-45deg)}.video-dialog__video{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 140px * var(--ui-scale));max-height:calc(100dvh - 140px * var(--ui-scale));background:#000;margin-inline:auto}@media (prefers-reduced-motion:reduce){.project-card__play-chip,.project-card__play-icon{transform:none!important}}.video-dialog__media{width:fit-content;max-width:100%;margin-inline:auto;display:flex;position:relative}.video-dialog__buffering{z-index:1;pointer-events:none}.video-skeleton{z-index:200;padding:var(--gutter);pointer-events:none;background:#0a0a0ae6;place-items:center;display:grid;position:fixed;inset:0}.video-skeleton__inner{gap:calc(16px * var(--ui-scale));width:min(calc(1180px * var(--ui-scale)), 100%);flex-direction:column;display:flex}.video-skeleton--portrait .video-skeleton__inner{width:min(calc(560px * var(--ui-scale)), 100%)}.video-skeleton__head{justify-content:space-between;align-items:flex-start;gap:calc(20px * var(--ui-scale));display:flex}.video-skeleton__titles{gap:calc(10px * var(--ui-scale));flex-direction:column;flex:auto;display:flex}.video-skeleton__title{width:min(320px,46%);height:calc(clamp(1.375rem, 1.85vw, 2rem) * var(--ui-scale));border-radius:4px}.video-skeleton__meta{width:min(220px,32%);height:calc(.9375rem * var(--ui-scale));border-radius:4px}.video-skeleton__close{width:calc(112px * var(--ui-scale));border-radius:999px;flex:none;height:44px}.video-skeleton__media{max-height:calc(100dvh - 140px * var(--ui-scale));background:#000;position:relative}