:root{--bg: #0a0a0a;--fg: #e8e6e1;--fg-dim: #8a8680;--fg-faint: #4a4742;--accent: #d9c9a8;--line: rgba(232, 230, 225, .12);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-serif: "Iowan Old Style", "Apple Garamond", Baskerville, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .16s ease,color .16s ease}a:hover{border-bottom-color:var(--fg)}img,video{display:block;max-width:100%;height:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;background:linear-gradient(to bottom,#0a0a0ae0,#0a0a0a00);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.nav>*{pointer-events:auto}.nav__brand{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border:none}.nav__links{display:flex;gap:1.75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.nav__links a{border:none;color:var(--fg-dim)}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--fg)}.page{padding:6rem 1.75rem 4rem;max-width:64rem;margin:0 auto}.page h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(2rem,5vw,3.25rem);margin:0 0 2.5rem;letter-spacing:-.01em}.page p{font-size:1.0625rem;line-height:1.65;max-width:38rem;color:var(--fg)}.page p+p{margin-top:1.25rem}.label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.feed{position:relative;width:100%;padding-top:5rem}.feed__stage{position:relative;width:100%;margin:0 auto}.tile{position:absolute;transition:transform .24s ease,opacity .24s ease;opacity:0;cursor:pointer}.tile:focus-visible{outline:1px solid var(--accent);outline-offset:6px}.tile.is-placed{opacity:1}.tile__media{display:block;width:100%;height:100%;object-fit:cover;background:#1a1a1a}.tile__caption{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);margin-top:.5rem;opacity:0;transition:opacity .2s ease}.tile:hover .tile__caption{opacity:1}.feed__empty{text-align:center;padding:6rem 1rem;color:var(--fg-dim);font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;background:#080808f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .2s ease}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__inner{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:100%;max-height:100%}.lightbox__slot{display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:84vh}.lightbox__media{display:block;max-width:92vw;max-height:84vh;width:auto;height:auto;object-fit:contain;background:#0a0a0a}.lightbox__caption{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);text-align:center;max-width:60ch}.lightbox__close{position:absolute;top:1.25rem;right:1.5rem;background:transparent;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .9rem;cursor:pointer;transition:color .16s ease,border-color .16s ease}.lightbox__close:hover,.lightbox__close:focus-visible{color:var(--fg);border-color:var(--fg);outline:none}.filters{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--line);position:sticky;top:3.5rem;background:var(--bg);z-index:10}.filters__row{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.filters__group{display:flex;flex-wrap:wrap;gap:.5rem}.filters__tags{gap:.4rem}.filters__meta{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.filters__clear{background:transparent;border:none;color:var(--fg-dim);font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0;border-bottom:1px solid var(--line);transition:color .16s ease,border-color .16s ease}.filters__clear:hover{color:var(--fg);border-bottom-color:var(--fg)}.chip{background:transparent;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .75rem;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.chip:hover{color:var(--fg);border-color:var(--fg-dim)}.chip.is-active{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.chip--tag{font-size:.65rem;padding:.35rem .65rem}.projects{border-top:1px solid var(--line)}.project.is-hidden{display:none}.projects__empty{padding:3rem 0;color:var(--fg-dim);font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;text-align:center}.project{border-bottom:1px solid var(--line)}.project__row{display:grid;grid-template-columns:5rem 1fr auto 2rem;gap:1.5rem;width:100%;padding:1.5rem 0;background:transparent;border:none;color:inherit;font:inherit;text-align:left;align-items:baseline;cursor:pointer;transition:background .16s ease}.project__row:disabled{cursor:default}.project[data-has-detail=true] .project__row:hover{background:#e8e6e105}.project__row:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.project__year{font-family:var(--font-mono);font-size:.8125rem;color:var(--fg-dim)}.project__main{min-width:0}.project__title{font-size:1.0625rem}.project__client{color:var(--fg-dim);font-size:.9375rem;margin-left:.5rem}.project__role{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);text-align:right;align-self:center}.project__desc{font-size:.9375rem;color:var(--fg-dim);margin-top:.5rem;line-height:1.55}.project__indicator{font-family:var(--font-mono);font-size:1rem;color:var(--fg-dim);text-align:right;transition:transform .24s ease,color .16s ease;align-self:center}.project.is-open .project__indicator{transform:rotate(45deg);color:var(--fg)}.project__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.project.is-open .project__panel{grid-template-rows:1fr}.project__panel-inner{overflow:hidden;min-height:0}.project.is-open .project__panel-inner{padding:.5rem 0 2.25rem 6.5rem}.project__body p{font-size:.9375rem;line-height:1.65;color:var(--fg);max-width:38rem;margin:0 0 1rem}.project__links{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.25rem;margin:1rem 0 1.5rem}.project__links-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.project__links a{font-size:.9375rem;border-bottom:1px solid var(--line)}.project__media{position:relative;width:100%;max-width:52rem;margin-top:.5rem}.project__media .tile{cursor:default}.project__media .tile:focus-visible{outline:none}@media (max-width: 640px){.nav{padding:1rem}.nav__links{gap:1.25rem}.page{padding:5rem 1.25rem 3rem}.project__row{grid-template-columns:3.5rem 1fr 1.5rem;gap:1rem;padding:1.25rem 0}.project__role{display:none}.project.is-open .project__panel-inner{padding:.25rem 0 1.75rem}.filters{position:static}.lightbox__close{top:.75rem;right:.75rem}}