.reel{padding:0}.reel-video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg-elevated)}.reel--mobile .reel-video{aspect-ratio:9 / 16}@media(min-width:721px){#top{padding-top:28px}.reel-video{aspect-ratio:21 / 9;object-position:center}}.pj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.pj-card{display:flex;gap:22px;padding:26px 28px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-out),transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.pj-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pj-index{flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent);padding-top:4px;width:28px}.pj-main{min-width:0;flex:1}.pj-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}.pj-name{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.pj-url{font-family:var(--font-mono);font-size:12px;color:var(--fg-subtle);word-break:break-all}.pj-desc{margin-top:12px;font-size:15.5px;line-height:1.65;color:var(--fg-muted)}.pj-desc strong{color:var(--fg);font-weight:600}.pj-desc em{font-style:italic;color:var(--fg)}.pj-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.pj-tags{display:flex;flex-wrap:wrap;gap:8px}.pj-visit{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--accent)}.pj-visit svg{width:14px;height:14px;transition:transform .2s var(--ease-out)}.pj-visit:hover svg{transform:translate(2px,-2px)}.project-badge{flex-shrink:0;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;line-height:1;white-space:nowrap;padding:4px 8px;border-radius:999px;color:var(--accent);border:1px solid var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.pj-note{margin-top:32px;font-size:14px;color:var(--fg-muted);text-align:center}.pj-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media(max-width:560px){.pj-card{flex-direction:column;gap:12px;padding:22px 20px}.pj-index{padding-top:0}.pj-name{font-size:19px}.pj-visit{margin-left:0}}