@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400&family=Hanken+Grotesk:wght@300;400;500;600&display=swap";:root{--bg-deep:#0c0c0e;--bg-surface:#111114;--bg-card:#16161a;--bg-card-hover:#1c1c22;--text-primary:#f4f1ea;--text-secondary:#9a9490;--text-muted:#5a5856;--accent:#c9a96a;--accent-dim:#c9a96a26;--accent-glow:#c9a96a14;--border:#f4f1ea12;--border-hover:#c9a96a4d;--font-display:"Fraunces", Georgia, serif;--font-body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:40px;--spacing-xl:64px;--spacing-xxl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 4px 24px #00000080;--shadow-hover:0 16px 48px #000000b3, 0 0 0 1px var(--border-hover);--shadow-glow:0 0 40px #c9a96a1f;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;font-weight:400;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#c9a96a0a 0%,#0000 70%);width:70vw;height:60vh;position:fixed;top:-20vh;left:50%;transform:translate(-50%)}#root{z-index:1;position:relative}img{max-width:100%;display:block}button,li{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-dim);color:var(--accent)}.collection{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-slow);position:relative;overflow:hidden}.collection:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.collection__serial{top:var(--spacing-sm);left:var(--spacing-sm);z-index:3;font-family:var(--font-body);letter-spacing:.15em;color:var(--accent);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);background:#0c0c0eb3;border:1px solid #c9a96a33;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.4;position:absolute}.collection__hero{aspect-ratio:4/3;position:relative;overflow:hidden}.collection__hero-img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.collection:hover .collection__hero-img{transform:scale(1.06)}.collection__overlay{padding:var(--spacing-md);transition:opacity var(--transition-base);background:linear-gradient(#0000 30%,#0c0c0e8c 65%,#0c0c0eeb 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.collection__overlay-content{justify-content:space-between;align-items:flex-end;gap:var(--spacing-sm);width:100%;display:flex}.collection__name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;text-shadow:0 1px 8px #0009;font-size:clamp(1.1rem,2vw,1.45rem);font-style:normal;font-weight:400;line-height:1.2}.collection__view-hint{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex;transform:translateY(6px)}.collection:hover .collection__view-hint{opacity:1;transform:translateY(0)}.collection__filmstrip{background:var(--bg-deep);grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.collection__thumb{cursor:pointer;position:relative;overflow:hidden}.collection__thumb img{object-fit:cover;filter:brightness(.75)saturate(.8);width:100%;height:72px;transition:transform .4s,filter .3s}.collection__thumb:hover img{filter:brightness()saturate();transform:scale(1.08)}.collection__thumb:after{content:"";transition:border-color var(--transition-fast);pointer-events:none;border:1px solid #c9a96a00;position:absolute;inset:0}.collection__thumb:hover:after{border-color:#c9a96a66}.lightbox-backdrop{z-index:10000;-webkit-backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#08080af5;justify-content:center;align-items:center;animation:.25s lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-close{top:var(--spacing-md);right:var(--spacing-md);border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);z-index:10001;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.lightbox-close:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.lightbox-inner{align-items:center;gap:var(--spacing-sm);flex-direction:column;max-width:min(90vw,1100px);animation:.3s cubic-bezier(.34,1.56,.64,1) lightbox-scale-in;display:flex}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:82vh;box-shadow:0 32px 80px #000c}.lightbox-caption{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.02em;text-align:center;font-size:.9rem;font-style:italic}@keyframes tile-appear{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.collection{animation:.55s cubic-bezier(.4,0,.2,1) both tile-appear}@media (width<=480px){.lightbox-backdrop{padding:var(--spacing-md)}.lightbox-image{max-height:70vh}.lightbox-close{top:var(--spacing-sm);right:var(--spacing-sm)}}.app-container{width:100%;max-width:1280px;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xxl);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.site-header{padding-bottom:var(--spacing-xl)}.site-header__top{margin-bottom:var(--spacing-md)}.site-header__rule{background:linear-gradient(to right, var(--accent), transparent 60%);opacity:.4;height:1px}.site-header__body{align-items:baseline;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.site-header__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(4rem,10vw,9rem);font-style:italic;font-weight:300;line-height:.9}.site-header__subtitle{font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;color:var(--accent);padding-bottom:.5em;font-size:10px;font-weight:600}.site-header__bottom{background:var(--border);height:1px;margin-top:var(--spacing-md)}.controls{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0 var(--spacing-lg);flex-wrap:wrap;display:flex}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:2px;padding:7px 14px;font-size:12px;font-weight:500;position:relative}.tags li:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:14px;right:14px;transform:scaleX(0)}.tags li:hover{color:var(--text-primary)}.tags li.active{color:var(--accent);border-color:#c9a96a33}.tags li.active:after{transform:scaleX(1)}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);flex-shrink:0;position:absolute;left:14px}.search-input{font-family:var(--font-body);color:var(--text-primary);border:none;border-bottom:1px solid var(--border);min-width:220px;transition:border-color var(--transition-base);caret-color:var(--accent);background:0 0;border-radius:0;outline:none;padding:10px 14px 10px 40px;font-size:13px;font-weight:400}.search-input::placeholder{color:var(--text-muted);letter-spacing:.04em;font-size:12px}.search-input:focus{border-bottom-color:var(--accent)}.search-input:focus+.search-icon,.search-wrapper:focus-within .search-icon{color:var(--accent)}.content{gap:var(--spacing-lg);flex:1;grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.content>.collection:first-child{animation-delay:50ms}.content>.collection:nth-child(2){animation-delay:.15s}.content>.collection:nth-child(3){animation-delay:.25s}.skeleton-tile{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.skeleton-hero{aspect-ratio:4/3;width:100%}.skeleton-footer{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:8px;display:flex}.skeleton-line{border-radius:4px;height:12px}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-card) 0%, var(--bg-card-hover) 40%, #c9a96a0d 50%, var(--bg-card-hover) 60%, var(--bg-card) 100%);background-size:300% 100%;animation:1.8s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xxl) 0;color:var(--text-muted);text-align:center;flex-direction:column;grid-column:1/-1;display:flex}.empty-state__text{font-family:var(--font-display);color:var(--text-secondary);font-size:1.5rem;font-style:italic;font-weight:300}.empty-state__hint{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.pagination{margin:var(--spacing-xl) 0 0;justify-content:center;gap:4px;padding:0;list-style:none;display:flex}.pagination li{width:36px;height:36px;font-family:var(--font-body);letter-spacing:.04em;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.pagination li:hover{color:var(--text-primary);border-color:var(--border)}.pagination li.active{color:var(--accent);background:var(--accent-glow);border-color:#c9a96a59}@media (width<=900px){.content{grid-template-columns:repeat(2,1fr)}.site-header__title{font-size:clamp(3rem,12vw,6rem)}}@media (width<=600px){.app-container{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-xl)}.content{grid-template-columns:1fr}.controls{flex-direction:column;align-items:flex-start}.search-input{min-width:100%}.site-header__title{font-size:clamp(2.8rem,16vw,5rem)}.site-header__body{flex-direction:column;align-items:flex-start;gap:8px}}