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