:root{--color-background:#101112;--color-foreground:#f5f4ef;--color-muted:#aaa9a4;--color-control:#9d9d98;--color-accent:#c7ff5b;--page-gutter:clamp(.5rem, 1.6vw, .75rem);--page-width:96rem;--site-header-height:3.75rem;--project-min-width:clamp(9.25rem, 16vw, 13rem);color-scheme:dark;color:var(--color-foreground);background:var(--color-background);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-width:20rem}body{background:radial-gradient(circle at 15% -10%, #825cff1f, transparent 28rem), var(--color-background);min-height:100vh;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}a:focus-visible,button:focus-visible,input:focus-visible{outline:.16rem solid var(--color-accent);outline-offset:.2rem}::selection{color:var(--color-background);background:var(--color-accent)}.site-header,main{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)), var(--page-width));margin-inline:auto}.site-header{z-index:20;min-height:var(--site-header-height);backdrop-filter:blur(1rem);background:#101112db;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.site-name{letter-spacing:-.03em;font-size:1.05rem;font-weight:750;text-decoration:none}.site-header nav{color:#b9b9b5;align-items:center;gap:1rem;font-size:.88rem;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:#fff}.collection-intro{justify-content:space-between;align-items:end;gap:2rem;padding-block:clamp(1.75rem,4vw,3.75rem) 1.5rem;display:flex}.collection-intro h1,.page-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,5vw,4.75rem);font-weight:650;line-height:.95}.collection-intro p{max-width:42rem;color:var(--color-muted);margin:.7rem 0 0;font-size:clamp(.95rem,1.5vw,1.1rem)}.collection-intro .collection-count{color:var(--color-control);letter-spacing:.06em;text-transform:uppercase;flex:none;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.collection-toolbar{z-index:15;top:var(--site-header-height);backdrop-filter:blur(1rem);background:#101112eb;border-block:1px solid #ffffff1f;grid-template-columns:auto 1fr minmax(11rem,18rem);align-items:center;gap:1rem;padding-block:.65rem;display:grid;position:sticky}.collection-modes,.collection-categories{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.collection-toolbar button{min-height:2.75rem;color:var(--color-control);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.4rem .75rem}.collection-toolbar button:hover{color:#fff;background:#ffffff12}.collection-toolbar button[aria-pressed=true]{color:var(--color-background);background:var(--color-foreground);border-color:#ffffff29}.collection-categories button{text-transform:capitalize}.collection-search{grid-column:-2/-1;min-width:0}.collection-search input{width:100%;min-height:2.75rem;color:var(--color-foreground);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:.45rem .8rem}.collection-search input::placeholder{color:var(--color-control)}.collection{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--project-min-width)), 1fr));gap:clamp(.5rem,1vw,.85rem);padding-block:clamp(.75rem,1.5vw,1.25rem) 5rem;display:grid}.project{content-visibility:auto;contain-intrinsic-size:auto 12rem}.project[hidden]{display:none}.project-link{background:#262728;border:1px solid #ffffff1a;border-radius:.65rem;text-decoration:none;display:block;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 1px #0000001f}.project-frame{aspect-ratio:4/3;display:block;overflow:hidden}.project-frame .project-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.project-caption{min-height:2.75rem;color:var(--color-foreground);background:#1b1c1d;border-top:1px solid #ffffff1a;align-items:center;padding:.55rem .7rem;display:flex}.project-caption strong{letter-spacing:-.02em;font-size:.9rem}.project-link:hover,.project-link:focus-visible{border-color:#ffffff59}.project-link:hover .project-thumbnail,.project-link:focus-visible .project-thumbnail{transform:scale(1.018)}.load-more{min-height:2.75rem;color:var(--color-foreground);cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;margin:-3rem auto 5rem;padding:.6rem 1rem;display:block}.load-more[hidden]{display:none}.collection-empty{color:var(--color-muted);text-align:center;margin:0;padding-block:4rem 7rem}.collection-empty[hidden]{display:none}.page-heading,.prose{max-width:48rem;padding-block:clamp(3rem,9vw,8rem)}.prose p{color:#b9b9b5;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.55}.archive-list{padding:0 0 6rem;list-style:none}.archive-list li{border-top:1px solid #ffffff24;grid-template-columns:5rem 1fr auto;gap:1rem;padding-block:.8rem;display:grid}.empty-state{border:1px solid #ffffff24;min-height:16rem;padding:2rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=48rem){.site-header{backdrop-filter:none;min-height:3.35rem;position:static}.site-header nav{gap:.75rem}.collection-intro{align-items:end;gap:.75rem;padding-block:1rem .8rem}.collection-intro h1{max-width:13ch;font-size:clamp(1.75rem,9vw,2.5rem)}.collection-intro p{max-width:22rem;margin-top:.4rem;font-size:.88rem}.collection-intro>div>p{display:none}.collection-toolbar{backdrop-filter:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-block:.5rem;position:static}.collection-modes,.collection-categories{flex-wrap:nowrap}.collection-modes{grid-area:1/1/auto/-1}.collection-categories{margin-left:calc(0rem - var(--page-gutter));padding-left:var(--page-gutter);overscroll-behavior-inline:contain;scrollbar-width:none;grid-area:2/1;overflow-x:auto}.collection-categories::-webkit-scrollbar{display:none}.collection-search{grid-area:2/2}.project-link{border-radius:.45rem}.archive-list li{grid-template-columns:4rem 1fr}.archive-list li span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.project-frame .project-thumbnail{transition:none}}