.work-card{flex-direction:column;gap:14px;text-decoration:none;display:flex}.work-card__frame{aspect-ratio:16/10;background:var(--color-background-secondary);border:1px solid color-mix(in srgb, var(--color-accent-primary) 14%, transparent);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.work-card__frame img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;display:block}.work-card:hover .work-card__frame img,.work-card:focus-visible .work-card__frame img{transform:scale(1.03)}.work-card:focus-visible .work-card__frame{outline:2px solid var(--color-accent-primary);outline-offset:2px}.work-card__meta{flex-direction:column;gap:4px;padding-left:2px;display:flex}.work-card__title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:20px;font-weight:500}.work-card__tag{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-primary);font-size:12px;font-weight:500}.work-card--cta .work-card__frame{text-align:center;box-shadow:none;border-style:dashed;border-color:color-mix(in srgb, var(--color-accent-primary) 28%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 6%, var(--color-background-secondary));flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:border-color .3s,background .3s;display:flex}.work-card--cta:hover .work-card__frame,.work-card--cta:focus-visible .work-card__frame{border-color:color-mix(in srgb, var(--color-accent-primary) 50%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 10%, var(--color-background-secondary))}.work-shot{border-radius:18px;margin:0;overflow:hidden;box-shadow:0 30px 90px #00000080}.work-shot img{width:100%;height:auto;display:block}.browser-mock{background:var(--color-background-secondary);border:1px solid color-mix(in srgb, var(--color-accent-primary) 18%, transparent);border-radius:14px;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 30px 90px #00000080}.browser-mock__bar{background:color-mix(in srgb, var(--color-accent-primary) 8%, var(--color-background-primary));border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 14%, transparent);align-items:center;gap:8px;padding:12px 16px;display:flex}.browser-mock__dot{background:color-mix(in srgb, var(--color-text-secondary) 35%, transparent);border-radius:50%;width:11px;height:11px}.browser-mock__url{background:color-mix(in srgb, var(--color-text-secondary) 8%, transparent);font-family:var(--font-body);color:var(--color-text-secondary);border-radius:999px;margin-left:14px;padding:4px 14px;font-size:12px}.browser-mock img{width:100%;height:auto;display:block}.work-eyebrow{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-primary);font-size:12px;font-weight:500}@media (prefers-reduced-motion:reduce){.work-card__frame img{transition:none}}