.work-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:720px){.work-grid{grid-template-columns:repeat(2,1fr);gap:28px;max-width:920px}}@media (min-width:1000px){.work-grid{gap:32px}}.work-clip{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;margin:0;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s;display:flex;overflow:hidden}@media (hover:hover){.work-clip:hover{box-shadow:var(--shadow-md);border-color:var(--accent-soft);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.work-clip{transition:none}.work-clip:hover{transform:none}}.work-clip-frame{aspect-ratio:9/16;background:var(--bg-deep);position:relative;overflow:hidden}.work-clip-video{object-fit:contain;background:var(--bg-deep);width:100%;height:100%;display:block;position:absolute;inset:0}.work-clip-video:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.work-clip-time{pointer-events:none;font-family:var(--sans);font-variant-numeric:tabular-nums;color:#f5efe4;background:#1a1815ad;border-radius:999px;padding:3px 8px;font-size:12px;position:absolute;top:10px;right:10px}.work-clip-body{padding:20px 20px 22px}.work-clip-body h3{margin-bottom:8px;font-size:19px;line-height:1.25}.work-clip-body p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.6}.work-clip-meta{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:6px;margin-top:14px;font-size:12.5px;display:flex}.work-look{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:720px){.work-look{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:1040px){.work-look{grid-template-columns:repeat(4,1fr)}}.work-look-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px 28px}.work-look-card h3{margin:16px 0 10px;font-size:18px;line-height:1.3}.work-look-card p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.65}.work-empty{border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--bg-alt);text-align:center;padding:40px 28px}.work-empty p{color:var(--ink-soft);max-width:460px;margin:12px auto 0;line-height:1.65}