.work-frame{--screen-h:560px;background:#0e0e0ed9;padding:10px;text-decoration:none;display:block;box-shadow:0 30px 90px #00000059}.work-chrome{align-items:center;gap:14px;padding:8px 10px 12px;display:flex}.work-chrome-dots{flex-shrink:0;gap:6px;display:inline-flex}.work-chrome-dots i{border:1px solid #c8a97e66;border-radius:50%;width:9px;height:9px}.work-chrome-url{min-width:0;color:var(--text-dim);font-family:var(--font-heading);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ffffff14;flex:1;padding:5px 12px;font-size:.6875rem;font-weight:600;overflow:hidden}.work-screen{height:var(--screen-h);background:var(--bg);position:relative;overflow:hidden}.work-screen:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.work-screen img{width:100%;height:auto;display:block;transform:translateY(0)}.work-frame.in-view .work-screen img{animation:55s linear infinite workPan}.work-frame:hover .work-screen img{animation-play-state:paused}@keyframes workPan{0%{transform:translateY(0)}95%,to{transform:translateY(calc(-100% + var(--screen-h)))}}@media (prefers-reduced-motion:reduce){.work-screen img{animation:none}}.work-meta{flex-wrap:wrap;align-items:baseline;gap:14px;padding:14px 10px 8px;display:flex}.work-meta strong{color:var(--text);font-family:var(--font-heading);letter-spacing:-.01em;font-size:1rem;font-weight:650}.work-meta span{color:var(--text-muted);font-size:.8125rem}@media (max-width:640px){.work-frame{--screen-h:380px}}