[data-route=projects]{--content-column: 772px;width:min(900px,100%);min-height:100vh;margin:0 auto;padding:0 24px 72px;color:var(--text-muted);font-size:14px;line-height:1.6}[data-route=projects]>:not([data-slot=topbar],[data-slot=footer]){max-width:var(--content-column);margin-inline:auto}[data-route=projects]>[data-slot=back]{margin-left:calc((100% - min(var(--content-column),100%))/2)}[data-route=projects] [data-slot=topbar]{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:calc(16px + env(safe-area-inset-top)) 0 16px;background:var(--surface-base);border-bottom:1px solid var(--border-muted)}[data-route=projects] [data-slot=brand]{color:var(--text-strong);font-size:14px;text-decoration:none;white-space:nowrap}[data-route=projects] [data-slot=brand]:before{content:"> ";color:var(--text-soft)}@media(pointer:coarse){[data-route=projects] [data-slot=brand]{display:inline-flex;align-items:center;min-height:44px}}[data-route=projects] [data-slot=nav]{display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;column-gap:clamp(14px,3vw,22px);row-gap:6px}[data-route=projects] [data-slot=nav-link]{color:var(--text-soft);font-size:13px;text-decoration:none;white-space:nowrap;transition:color .15s ease}[data-route=projects] [data-slot=nav-link]:hover,[data-route=projects] [data-slot=nav-link][aria-current=page]{color:var(--text-strong)}[data-route=projects] [data-slot=intro]{padding:clamp(40px,7vw,76px) 0 8px}[data-route=projects][data-surface=detail] [data-slot=intro]{padding-top:clamp(28px,5vw,48px)}[data-route=projects] [data-slot=back]{display:inline-block;margin-top:22px;color:var(--text-soft);font-size:13px;text-decoration:none;transition:color .15s ease}[data-route=projects] [data-slot=back]:before{content:"← "}[data-route=projects] [data-slot=back]:hover{color:var(--text-strong)}@media(pointer:coarse){[data-route=projects] [data-slot=back]{display:inline-flex;align-items:center;min-height:44px}}[data-route=projects] h1{margin:0;color:var(--text-strong);font-size:clamp(26px,3.4vw,36px);font-weight:400;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}[data-route=projects] [data-slot=dek]{max-width:62ch;margin:14px 0 0;color:var(--text-muted);line-height:1.65;text-wrap:pretty}[data-route=projects] [data-slot=actions]{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}[data-route=projects] [data-slot=action]{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--border-base);border-radius:4px;color:var(--text-soft);font-size:13px;text-decoration:none;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform var(--dur-press) var(--ease-out)}[data-route=projects] [data-slot=action]:after{content:"↗";color:var(--text-weaker);transition:color .15s ease}[data-route=projects] [data-slot=action]:hover{background:var(--surface-raised);border-color:var(--text-soft);color:var(--text-strong)}[data-route=projects] [data-slot=action]:active{transform:scale(var(--press-scale))}[data-route=projects] [data-slot=action]:hover:after{color:var(--text-soft)}[data-route=projects] [data-slot=action][data-primary]{border-color:var(--text-strong);color:var(--text-strong)}[data-route=projects] [data-slot=action][data-primary]:hover{background:var(--surface-hover)}@media(pointer:coarse){[data-route=projects][data-surface=detail] [data-slot=action]{min-width:44px;min-height:44px}}[data-route=projects] [data-slot=block]{margin-top:40px}[data-route=projects] [data-slot=block-head]{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--border-muted)}[data-route=projects] [data-slot=label]{margin:0;color:var(--text-strong);font-size:14px;font-weight:400}[data-route=projects] [data-slot=meta]{color:var(--text-soft);font-size:13px;font-variant-numeric:tabular-nums}[data-route=projects] [data-slot=empty]{margin-top:32px;color:var(--text-soft);font-size:13px}[data-route=projects] [data-slot=ledger]{margin:0;padding:0;list-style:none}[data-route=projects] [data-slot=row]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:11px 8px;margin:0 -8px;border-radius:4px;color:inherit;text-decoration:none;transition:background-color .15s ease,transform var(--dur-press) var(--ease-out)}[data-route=projects] [data-slot=ledger] li:not(:last-child) [data-slot=row]{border-bottom:1px solid var(--border-muted);border-bottom-left-radius:0;border-bottom-right-radius:0}[data-route=projects] [data-slot=row]:not([data-static]):hover{background:var(--surface-raised)}[data-route=projects] [data-slot=row]:not([data-static]):active{background:var(--surface-hover);transform:scale(.99)}[data-route=projects] [data-slot=row][data-static]{cursor:default}[data-route=projects] [data-slot=row-main]{display:flex;align-items:baseline;gap:10px;min-width:0}[data-route=projects] [data-slot=row-title]{flex-shrink:0;color:var(--text-strong);font-size:14px}[data-route=projects] [data-slot=row]:not([data-static]):hover [data-slot=row-title]{text-decoration:underline;text-underline-offset:4px}[data-route=projects] [data-slot=row-desc]{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--text-muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}[data-route=projects] [data-slot=row-meta]{display:flex;align-items:baseline;flex-shrink:0;gap:12px;color:var(--text-soft);font-size:13px;white-space:nowrap}[data-route=projects] [data-slot=row-status]{display:inline-flex;align-items:center;gap:6px}[data-route=projects] [data-slot=row-dot]{width:7px;height:7px;border-radius:2px;background:var(--text-soft)}[data-route=projects] [data-slot=row-status][data-status=active] [data-slot=row-dot]{background:var(--accent-green)}[data-route=projects] [data-slot=row-status][data-status=shipped] [data-slot=row-dot]{background:var(--text-muted)}[data-route=projects] [data-slot=row-status][data-status=archived] [data-slot=row-dot]{background:transparent;box-shadow:inset 0 0 0 1px var(--border-base)}[data-route=projects] [data-slot=row-year]{font-variant-numeric:tabular-nums}[data-route=projects] [data-slot=row-ext]{color:var(--text-weaker)}[data-route=projects] [data-slot=detail]{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:36px;margin-top:8px}[data-route=projects] [data-slot=detail-main]{min-width:0}[data-route=projects] [data-slot=detail-aside]{align-self:start}[data-route=projects] [data-slot=prose]{max-width:68ch;margin:0;color:var(--text-muted);line-height:1.7;text-wrap:pretty}[data-route=projects] [data-slot=prose] code,[data-route=projects] [data-slot=def-item] code{padding:1px 5px;background:var(--surface-muted);border-radius:4px;font-size:12.5px}[data-route=projects] [data-slot=prose] a,[data-route=projects] [data-slot=def-item] a{color:var(--text-strong);text-underline-offset:3px}[data-route=projects] [data-slot=def-list]{display:grid;gap:16px}[data-route=projects] [data-slot=def-item]{display:grid;gap:4px}[data-route=projects] [data-slot=def-item] strong{color:var(--text-strong);font-weight:400}[data-route=projects] [data-slot=def-item] p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}[data-route=projects] [data-slot=spec]{margin:0}[data-route=projects] [data-slot=spec-row]{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-muted)}[data-route=projects] [data-slot=spec-row]:last-child{border-bottom:0}[data-route=projects] [data-slot=spec-row] dt{color:var(--text-soft);font-size:13px}[data-route=projects] [data-slot=spec-row] dd{margin:0;color:var(--text-strong);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}[data-route=projects] [data-slot=bullets]{display:grid;gap:8px;margin:0;padding-left:18px}[data-route=projects] [data-slot=bullets] li{color:var(--text-muted);line-height:1.6}[data-route=projects] [data-slot=bullets] li::marker{color:var(--text-weaker)}[data-route=projects] [data-slot=tags]{display:flex;flex-wrap:wrap;gap:6px}[data-route=projects] [data-slot=tag]{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid var(--border-muted);border-radius:4px;color:var(--text-soft);font-size:12px}[data-route=projects] [data-slot=media-grid]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-route=projects] [data-slot=media]{display:grid;gap:8px;margin:0}[data-route=projects] [data-slot=media-trigger]{display:block;width:100%;padding:0;border:0;background:none;border-radius:6px;cursor:zoom-in;transition:transform var(--dur-press) var(--ease-out)}[data-route=projects] [data-slot=media-trigger]:active{transform:scale(.99)}[data-route=projects] [data-slot=media] img{display:block;width:100%;aspect-ratio:16 / 10;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:6px;object-fit:cover;transition:border-color .15s ease}[data-route=projects] [data-slot=media-trigger]:hover img{border-color:var(--border-base)}[data-route=projects] [data-slot=media-trigger]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-route=projects] [data-slot=media] figcaption{color:var(--text-soft);font-size:12px;line-height:1.45}[data-route=projects] [data-slot=footer]{display:flex;flex-wrap:wrap;gap:18px;margin-top:56px;padding-top:18px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border-base)}[data-route=projects] [data-slot=social-link]{color:var(--text-soft);font-size:13px;text-decoration:none;transition:color .15s ease}[data-route=projects] [data-slot=social-link]:hover{color:var(--text-strong)}[data-route=projects] a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}[data-route=projects] [data-slot=skel]{background:var(--surface-raised)}[data-slot=proj-preview]{width:300px;max-width:calc(100vw - 32px);overflow:hidden;background:var(--surface-base);border:1px solid var(--border-base);border-radius:8px;box-shadow:0 12px 32px -14px color-mix(in srgb,var(--surface-strong) 42%,transparent);font-family:var(--font-family-sans);z-index:50;transform-origin:var(--kb-hovercard-content-transform-origin);animation:proj-overlay-rise .16s var(--ease-out)}[data-slot=proj-preview-media]{display:block;width:100%;aspect-ratio:16 / 9;background:var(--surface-muted);border-bottom:1px solid var(--border-muted)}[data-slot=proj-preview-img]{width:100%;height:100%;object-fit:cover}[data-slot=proj-preview-fallback]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-soft);font-size:28px}[data-slot=proj-preview-body]{display:grid;gap:8px;padding:12px 14px 14px}[data-slot=proj-preview-title]{color:var(--text-strong);font-size:14px;line-height:1.35}[data-slot=proj-preview-desc]{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-muted);font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-slot=proj-preview-tags]{display:flex;flex-wrap:wrap;gap:5px}[data-slot=proj-preview-tags] [data-slot=proj-tag]{display:inline-flex;align-items:center;padding:1px 7px;border:1px solid var(--border-muted);border-radius:3px;color:var(--text-soft);font-size:11.5px}[data-slot=proj-preview-meta]{color:var(--text-soft);font-size:12px}[data-slot=proj-preview-link]{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform var(--dur-press) var(--ease-out)}[data-slot=proj-preview-link]:hover [data-slot=proj-preview-title]{text-decoration:underline;text-underline-offset:3px}[data-slot=proj-preview-link]:active{transform:scale(.99)}[data-slot=proj-preview-link]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:8px}@keyframes proj-overlay-rise{0%{opacity:0;transform:translateY(4px) scale(.98)}}[data-slot=lightbox-overlay]{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--surface-strong) 84%,transparent);animation:proj-lightbox-fade .16s ease}[data-slot=lightbox-positioner]{position:fixed;inset:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);pointer-events:none}[data-slot=lightbox]{position:relative;display:grid;gap:10px;max-width:min(1100px,92vw);pointer-events:auto;animation:proj-lightbox-rise .18s var(--ease-out)}[data-slot=lightbox-img]{display:block;width:auto;height:auto;max-width:100%;max-height:82vh;margin:0 auto;background:var(--surface-muted);border:1px solid var(--border-base);border-radius:6px;object-fit:contain}[data-slot=lightbox-close]{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface-base);border:1px solid var(--border-base);border-radius:4px;color:var(--text-strong);font-family:var(--font-family-sans);font-size:13px;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform var(--dur-press) var(--ease-out)}[data-slot=lightbox-close]:hover{background:var(--surface-raised)}[data-slot=lightbox-close]:active{transform:scale(var(--press-scale))}[data-slot=lightbox-close]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-slot=lightbox-caption]{margin:0;color:var(--text-soft);font-size:12px;line-height:1.45;text-align:center}@keyframes proj-lightbox-fade{0%{opacity:0}}@keyframes proj-lightbox-rise{0%{opacity:0;transform:scale(.96)}}@media(max-width:760px){[data-route=projects] [data-slot=detail]{grid-template-columns:1fr;gap:28px}[data-route=projects] [data-slot=media-grid]{grid-template-columns:1fr}}@media(max-width:600px){[data-route=projects] [data-slot=topbar]{flex-wrap:wrap;align-items:center;gap:12px}[data-route=projects] [data-slot=cmdk-trigger]{order:1}[data-route=projects] [data-slot=nav]{order:2;width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}[data-route=projects] [data-slot=nav]::-webkit-scrollbar{display:none}[data-route=projects] [data-slot=row]{grid-template-columns:1fr;gap:5px}[data-route=projects] [data-slot=row-main]{flex-direction:column;gap:3px}[data-route=projects] [data-slot=row-desc]{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(prefers-reduced-motion:reduce){[data-route=projects] *,[data-slot=proj-preview],[data-slot=lightbox-overlay],[data-slot=lightbox]{transition:none!important;animation:none!important}}