:root{--bg:#171a21;--surface:#1f2430;--surface-2:#2a3140;--line:#353d4e;--text:#e6e9ef;--text-dim:#9aa3b5;--accent:#66c0f4;--accent-ink:#0d1b26;--tag-bg:#2d3a4d;--tag-text:#a8cde8;--placeholder:#2b3140;--overlay:#000000d9;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:ui-monospace, "SF Mono", Menlo, monospace;--size-sm:.8125rem;--size-md:1rem;--size-lg:1.25rem;--size-xl:1.75rem;--radius:4px;--gap:16px;--page-width:1100px;--thumb-ratio:16 / 9}*,:before,:after{box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--size-md);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3{margin:0;line-height:1.2}[hidden]{display:none!important}main{max-width:var(--page-width);padding:var(--gap);margin:0 auto}.topbar{align-items:center;gap:calc(var(--gap) * 2);max-width:var(--page-width);padding:var(--gap);margin:0 auto;display:flex}.brand{font-family:var(--font-display);letter-spacing:.08em;font-weight:700}.topbar nav{gap:var(--gap);font-size:var(--size-sm);text-transform:uppercase;letter-spacing:.06em;display:flex}.topbar nav a{color:var(--text-dim);border-bottom:2px solid #0000;padding:4px 0}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.section-label{font-family:var(--font-display);font-size:var(--size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:10px;font-weight:600}.thumb{aspect-ratio:var(--thumb-ratio);background:var(--placeholder);position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb video{visibility:hidden}.hover-clip.playing .thumb video{visibility:visible}.thumb-placeholder{width:100%;height:100%;aspect-ratio:var(--thumb-ratio);padding:var(--gap);background:var(--placeholder);color:var(--text-dim);font-family:var(--font-display);font-size:var(--size-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.thumb-placeholder small{opacity:.7}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border-radius:var(--radius);background:var(--tag-bg);color:var(--tag-text);padding:2px 8px;font-size:.75rem}.featured{margin-bottom:calc(var(--gap) * 2.5)}.featured-main{background:var(--surface);border-radius:var(--radius);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid;overflow:hidden}.featured-main:hover,.featured-tile:hover,.library-row:hover{outline:2px solid var(--accent)}.featured-main-info{padding:var(--gap);flex-direction:column;gap:12px;display:flex}.featured-main-info h3{font-size:var(--size-xl)}.featured-main-info p{color:var(--text-dim);margin:0}.featured-main-shots{grid-template-columns:1fr 1fr;gap:6px;display:grid}.featured-main-shots img{width:100%;aspect-ratio:var(--thumb-ratio);object-fit:cover;border-radius:2px}.featured-main-info .tags{margin-top:auto}.featured-rest{gap:var(--gap);margin-top:var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.featured-tile{background:var(--surface);border-radius:var(--radius);overflow:hidden}.featured-tile-info{padding:10px 12px 12px}.featured-tile-info h3{font-size:var(--size-md)}.featured-tile-info p{color:var(--text-dim);font-size:var(--size-sm);margin:4px 0 0}.library-head{justify-content:space-between;align-items:baseline;gap:var(--gap);flex-wrap:wrap;display:flex}.count{color:var(--accent)}.library-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;flex:0 280px;padding:8px 12px}.library-search:focus{outline:2px solid var(--accent);outline-offset:-1px}.library-filters{margin:10px 0 var(--gap);flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-dim);font:inherit;font-size:var(--size-sm);cursor:pointer;background:0 0;padding:4px 10px}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.library-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.library-row{gap:var(--gap);background:var(--surface);border-radius:var(--radius);grid-template-columns:200px minmax(0,1fr);display:grid;overflow:hidden}.library-row-info{padding:10px var(--gap) 10px 0;flex-direction:column;gap:6px;display:flex}.library-row-info h3{font-size:var(--size-md)}.library-row-info p{color:var(--text-dim);font-size:var(--size-sm);margin:0}.library-empty{color:var(--text-dim)}.project-title{font-size:var(--size-xl);margin-bottom:var(--gap)}.project-top{gap:var(--gap);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.gallery-stage{aspect-ratio:var(--thumb-ratio);border-radius:var(--radius);background:#000;overflow:hidden}.gallery-slide,.gallery-slide img,.gallery-slide video,.gallery-slide iframe{width:100%;height:100%}.gallery-slide img,.gallery-slide video{object-fit:contain}.gallery-slide iframe{border:0}.gallery-strip{gap:6px;margin-top:8px;padding-bottom:4px;display:flex;overflow-x:auto}.gallery-thumb{aspect-ratio:var(--thumb-ratio);background:var(--placeholder);cursor:pointer;border:2px solid #0000;border-radius:2px;flex:0 0 120px;padding:0;position:relative;overflow:hidden}.gallery-thumb img,.gallery-thumb video{object-fit:cover;width:100%;height:100%}.gallery-thumb[aria-selected=true]{border-color:var(--accent)}.gallery-thumb.is-video:after,.gallery-thumb.is-youtube:after,.gallery-thumb.is-clip:after{content:"▶";color:#fff;font-size:var(--size-lg);text-shadow:0 0 6px #000;place-items:center;display:grid;position:absolute;inset:0}.project-side{padding:var(--gap);background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:12px;display:flex}.project-side-thumb{width:100%;aspect-ratio:var(--thumb-ratio);object-fit:cover;border-radius:2px}.project-pitch{color:var(--text-dim);font-size:var(--size-sm);margin:0}.project-actions{flex-direction:column;gap:8px;display:flex}.btn-launch,.btn-secondary{border-radius:var(--radius);width:100%;font:inherit;text-align:center;cursor:pointer;border:0;padding:10px 14px;font-weight:600;display:block}.btn-launch{background:var(--accent);color:var(--accent-ink)}.btn-launch:hover:not(:disabled){filter:brightness(1.1)}.btn-launch:disabled{background:var(--surface-2);color:var(--text-dim);cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text)}.demo-newtab{color:var(--text-dim);font-size:var(--size-sm);text-align:center}.requirements h2{font-size:var(--size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:4px}.requirements ul{font-size:var(--size-sm);margin:0;padding-left:1.1em}.writeup{margin-top:calc(var(--gap) * 2);max-width:72ch}.prose h2{font-size:var(--size-lg);margin:1.5em 0 .5em}.prose h3{font-size:var(--size-md);margin:1.2em 0 .4em}.prose a{color:var(--accent);text-decoration:underline}.prose code{font-family:var(--font-display);background:var(--surface-2);border-radius:2px;padding:1px 4px;font-size:.9em}.demo-overlay{background:var(--bg);width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text);border:0;margin:0;padding:0}.demo-overlay[open]{flex-direction:column;display:flex}.demo-overlay::backdrop{background:var(--overlay)}.demo-bar{padding:8px var(--gap);background:var(--surface);font-family:var(--font-display);font-size:var(--size-sm);justify-content:space-between;align-items:center;display:flex}.demo-bar button{border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border:0;padding:6px 12px}.demo-overlay iframe{background:#000;border:0;flex:1;width:100%}.about-placeholder{padding:calc(var(--gap) * 3) 0;color:var(--text-dim)}@media (width<=760px){.featured-main,.project-top{grid-template-columns:minmax(0,1fr)}.library-row{grid-template-columns:120px minmax(0,1fr);gap:12px}.library-row-info{padding:8px 12px 8px 0}.library-row-info .tags{display:none}.library-search{flex-basis:100%}}