@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #0b0b0b;--bg-card: #151515;--bg-card-hover: #1a1a1a;--bg-overlay: rgba(11,11,11,.85);--gold: #d4a843;--gold-bright: #E9B32B;--gold-muted: rgba(212,168,67,.12);--purple: #8f15e8;--white: #eae5dc;--white-dim: #b5afa5;--gray: #666;--gray-dark: #333;--gray-darker: #1e1e1e;--border: #222;--red: #e04040;--font-heading: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;border-radius:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;background:none;border:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}::selection{background:var(--purple);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gray-dark)}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.1;color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.tag{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-muted);padding:4px 10px;border-radius:2px}.badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--white-dim)}.gold{color:var(--gold)}.divider{height:1px;background:var(--border);margin:40px 0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:#0b0b0be6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-brand{font-family:var(--font-heading);font-weight:800;font-size:18px;letter-spacing:.05em;color:var(--gold)}.nav-links{display:flex;gap:32px}.nav-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--white-dim);transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-toggle{display:none;width:28px;height:20px;flex-direction:column;justify-content:space-between}.nav-toggle span{display:block;height:1.5px;background:var(--white);transition:.3s}.nav-mobile{display:none;position:fixed;inset:0;z-index:99;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:36px}.nav-mobile.open{display:flex}.nav-mobile a{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--white);transition:color .2s}.nav-mobile a:hover{color:var(--gold)}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}}.actor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.actor-card{position:relative;overflow:hidden;border-radius:2px;background:var(--bg-card);transition:transform .3s ease,box-shadow .3s ease}.actor-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.actor-card-img{aspect-ratio:3/4;overflow:hidden}.actor-card-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}.actor-card:hover .actor-card-img img{transform:scale(1.05)}.actor-card-info{padding:12px 14px}.actor-card-name{font-family:var(--font-heading);font-size:14px;font-weight:600;margin-bottom:4px}.actor-card-meta{font-size:12px;color:var(--white-dim)}.loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.loc-card{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:16/10;cursor:pointer}.loc-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.loc-card:hover img{transform:scale(1.05)}.loc-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.loc-card-name{font-family:var(--font-heading);font-size:16px;font-weight:600}.loc-card-cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:4px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.filter-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--border);color:var(--white-dim);border-radius:2px;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold-muted)}.lightbox{display:none;position:fixed;inset:0;z-index:200;background:#000000f2;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:24px;font-size:28px;color:var(--white-dim);transition:color .2s}.lightbox-close:hover{color:var(--white)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;color:var(--white-dim);transition:color .2s;padding:20px}.lightbox-nav:hover{color:var(--white)}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--white-dim)}.footer{border-top:1px solid var(--border);padding:40px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-left{font-family:var(--font-mono);font-size:11px;color:var(--gray);letter-spacing:.05em}.footer-right{display:flex;gap:20px}.footer-right a{font-family:var(--font-mono);font-size:11px;color:var(--gray);transition:color .2s}.footer-right a:hover{color:var(--gold)}@media(max-width:768px){.actor-grid{grid-template-columns:repeat(2,1fr);gap:10px}.loc-grid{grid-template-columns:1fr}.section{padding:48px 0}.footer{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.actor-grid{grid-template-columns:repeat(2,1fr);gap:8px}body{font-size:14px}}
