.project-card .project-sequence{width:fit-content;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--link);pointer-events:none;transform-origin:0;align-items:baseline;gap:12px;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;transform:scale(1)}.project-card .project-sequence:after{content:"";background:var(--warm);opacity:.65;border-radius:999px;width:24px;height:4px;transition:width .4s cubic-bezier(.22,1,.36,1),opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(-3px)}.project-card:is(:hover,:focus-within) .project-sequence:after{opacity:1;width:40px;transform:translateY(-6px)}.project-card:is(:hover,:focus-within) .project-sequence{transform:scale(1.1)}.project-card>.eyebrow{font-size:14px}.project-grid .project-card .tag-cloud{gap:8px}.project-grid .project-card .tag-cloud span{border:1px solid var(--control-border);background:color-mix(in srgb, var(--sky) 9%, var(--panel));min-height:28px;box-shadow:inset 0 1px 0 var(--control-highlight);color:var(--muted);border-radius:14px;align-items:center;padding:5px 12px;font-size:12px;line-height:1.4;transition:background .25s,border-color .25s;display:inline-flex}.project-grid .project-card:is(:hover,:focus-within) .tag-cloud span{border-color:color-mix(in srgb, var(--sky) 35%, var(--line))}@media (width<=760px){.project-card .project-sequence{font-size:44px}}
