*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-hover: #1a1a1a;--color-border: #2a2a2a;--color-text: #e0e0e0;--color-text-muted: #888;--color-accent: #e6c84d;--color-accent-dim: rgba(230, 200, 77, .15);--color-tech: #4da6e6;--color-tech-dim: rgba(77, 166, 230, .15);--color-cat: #7bd88f;--color-cat-dim: rgba(123, 216, 143, .15);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius: 6px;--max-width: 1200px}html{color-scheme:dark}body{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.gallery-grid{display:flex;gap:var(--space-xl);align-items:flex-start}.gallery-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xl)}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover{text-decoration:none}@keyframes skeleton-pulse{0%,to{background-color:var(--color-bg)}50%{background-color:var(--color-surface)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.card-media{background:var(--color-bg);overflow:hidden;animation:skeleton-pulse 1.8s ease-in-out infinite}.card-media img{width:100%;height:auto;opacity:0;transition:opacity .4s ease}.card-media img.loaded{opacity:1}.card-body{padding:var(--space-md) var(--space-lg)}.card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);color:var(--color-text)}.card-meta{font-size:.75rem;color:var(--color-text-muted)}.card-category{color:var(--color-cat)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-family:var(--font-mono);font-size:.6875rem;padding:.15em .5em;background:var(--color-accent-dim);color:var(--color-accent);border-radius:3px;letter-spacing:.02em}.tag--tech{background:var(--color-tech-dim);color:var(--color-tech)}.intro{padding:var(--space-2xl) 0 var(--space-xl);max-width:640px}.intro-title{font-size:1.75rem;margin-bottom:var(--space-sm)}.intro-text{font-size:.8125rem;color:var(--color-text-muted)}.section-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.tabs-scroll{display:flex;gap:var(--space-lg);overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}.tab,.tab.filter-chip{flex:none;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm) 0;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--color-text-muted);line-height:1.6;display:block;cursor:pointer}@media(hover:hover){.tab:hover,.tab.filter-chip:hover{color:var(--color-text);text-decoration:none}}.tab[aria-pressed=true],.tab.filter-chip[aria-pressed=true]{background:none;color:var(--color-text);border-color:var(--color-accent)}.tab-count{margin-left:.4em;color:#555}.filter-panel{display:contents}.filter-toggle{font-family:var(--font-mono);font-size:.75rem;padding:.3em .8em;border:1px solid var(--color-border);border-radius:3px;color:var(--color-text-muted);cursor:pointer;list-style:none}.filter-toggle::-webkit-details-marker{display:none}.filter-toggle:after{content:" ▾"}.filter-panel[open] .filter-toggle{color:var(--color-text);border-color:var(--color-text-muted)}.filter-panel[open] .filter-toggle:after{content:" ▴"}.filter-count:not(:empty){margin-left:.4em;color:var(--color-accent)}.filter-count:not(:empty):before{content:"("}.filter-count:not(:empty):after{content:")"}.filter-bar{flex-basis:100%;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0 var(--space-lg)}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.filter-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.filter-chip{font-family:var(--font-mono);font-size:.6875rem;padding:.3em .7em;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:3px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}@media(hover:hover){.filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}}.filter-chip[aria-pressed=true]{background:var(--color-accent-dim);color:var(--color-accent);border-color:var(--color-accent)}@media(hover:hover){.filter-chip--category:hover{border-color:var(--color-cat);color:var(--color-cat)}}.filter-chip--category[aria-pressed=true]{background:var(--color-cat-dim);color:var(--color-cat);border-color:var(--color-cat)}@media(hover:hover){.filter-chip--tech:hover{border-color:var(--color-tech);color:var(--color-tech)}}.filter-chip--tech[aria-pressed=true]{background:var(--color-tech-dim);color:var(--color-tech);border-color:var(--color-tech)}.filter-actions{align-items:center;gap:var(--space-md);width:100%;margin-bottom:var(--space-xl);display:none}.filter-actions.active{display:flex}.filter-clear{font-family:var(--font-mono);font-size:.6875rem;padding:.3em .7em;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:3px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.filter-clear:hover{color:var(--color-text);border-color:var(--color-text-muted)}.filter-status{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted)}.no-results{text-align:center;padding:var(--space-3xl) 0;color:var(--color-text-muted);font-size:.875rem;display:none}.series-section{margin-bottom:var(--space-2xl)}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:var(--space-xl)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md)}.section-more{font-size:.75rem;color:var(--color-accent)}.series-strip{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-sm);scrollbar-width:thin}.series-strip .series-card-link{flex:0 0 clamp(260px,30%,340px);scroll-snap-align:start}.series-strip .series-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.series-strip .series-card:hover{transform:none}.series-strip .series-mosaic{aspect-ratio:3 / 2}.series-strip .series-body{padding:var(--space-md);gap:var(--space-xs)}.series-strip .series-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-strip .series-go{display:none}.series-grid--page{padding-bottom:var(--space-xl)}.series-card-link{color:inherit;display:block}.series-card-link:hover{text-decoration:none}.series-card{display:grid;grid-template-columns:1.1fr 1fr;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.series-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.series-mosaic{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:1fr;gap:2px;background:var(--color-bg);aspect-ratio:1;overflow:hidden}.series-mosaic[data-count="1"],.series-mosaic[data-count="2"]{grid-template-rows:1fr}.series-mosaic[data-count="3"],.series-mosaic[data-count="4"],.series-mosaic[data-count="6"]{grid-template-rows:1fr 1fr}.series-mosaic[data-count="3"]{grid-template-columns:2fr 1fr}.series-mosaic[data-count="3"] img:first-child{grid-row:span 2}.series-mosaic img{min-width:0;min-height:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.series-mosaic img.loaded{opacity:1}.series-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.series-count{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-cat)}.series-title{font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.series-description{font-size:.75rem;line-height:1.5;color:var(--color-text-muted)}.series-go{font-size:.75rem;color:var(--color-accent);margin-top:auto}.series-works{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-xl);align-items:start}@media(max-width:640px){.series-card{grid-template-columns:1fr 1fr}.series-body{padding:var(--space-md)}.series-description{display:none}.series-strip .series-card-link{flex-basis:72%}.series-strip .series-description{display:-webkit-box}}@media(max-width:640px){.filter-bar{gap:var(--space-md)}.filter-group{gap:var(--space-xs)}.filter-chip{font-size:.625rem;padding:.25em .5em}}.detail{max-width:1100px;margin:0 auto}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:var(--space-2xl);align-items:start}@media(max-width:860px){.detail-layout{grid-template-columns:1fr;gap:var(--space-xl)}}.detail-media{display:flex;justify-content:center}.detail-media img{width:auto;max-width:100%;height:auto;max-height:85vh;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);opacity:0;transition:opacity .4s ease}.detail-series{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.detail-media img.loaded{opacity:1}.detail-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.detail-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-xl)}.detail-meta{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.detail-meta dt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.detail-meta dd{font-size:.875rem}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.back-link:hover{color:var(--color-accent);text-decoration:none}.detail-nav{display:flex;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.detail-nav-link{display:flex;flex-direction:column;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.detail-nav-link span{font-family:var(--font-mono);font-weight:400;font-size:.6875rem;letter-spacing:.08em;color:var(--color-text-muted)}.detail-nav-link--next{text-align:right}.detail-nav-link:hover{color:var(--color-accent);text-decoration:none}.intro .back-link{display:flex;width:fit-content}.intro .series-count{display:block;margin-bottom:var(--space-sm)}.header[data-astro-cid-3ef6ksr2]{border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.header-title[data-astro-cid-3ef6ksr2]{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.header-title[data-astro-cid-3ef6ksr2]:hover{text-decoration:none;color:var(--color-accent)}.header-author[data-astro-cid-3ef6ksr2]{font-size:.8125rem;color:var(--color-text-muted)}.footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;margin-top:var(--space-3xl)}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted)}