.page-header{padding-top:var(--nav-h);background:var(--bg);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 20% 50%,rgba(201,169,109,.04) 0%,transparent 70%);pointer-events:none}.page-header-inner{max-width:1200px;margin:0 auto;padding:5rem 4rem 4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.page-eyebrow{font-size:.65rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;opacity:0;animation:fadeUp .8s ease forwards .2s}.page-title{font-family:var(--serif);font-size:clamp(3rem,7vw,6rem);font-weight:300;line-height:.95;letter-spacing:.02em;opacity:0;animation:fadeUp .9s ease forwards .35s}.page-count{font-family:var(--serif);font-size:1rem;font-weight:300;color:var(--muted);font-style:italic;opacity:0;animation:fadeUp .8s ease forwards .6s;flex-shrink:0;align-self:flex-end;padding-bottom:.4rem}.filter-bar{background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:var(--nav-h);z-index:100}.filter-inner{max-width:1200px;margin:0 auto;padding:0 4rem;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.filter-inner::-webkit-scrollbar{display:none}.filter-btn{font-size:.65rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;padding:1.2rem 1.8rem;cursor:pointer;white-space:nowrap;transition:color .3s,border-color .3s;flex-shrink:0}.filter-btn:hover{color:var(--text)}.filter-btn.active{color:var(--gold);border-bottom-color:var(--gold)}main{max-width:1200px;margin:0 auto;padding:5rem 4rem 8rem}.genre-group{margin-bottom:6rem}.genre-group:last-child{margin-bottom:0}.genre-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border)}.genre-title{font-family:var(--serif);font-size:2rem;font-weight:300}.genre-count{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.items-grid.two-col{grid-template-columns:repeat(2,1fr)}.items-grid.four-col{grid-template-columns:repeat(4,1fr)}.item-card{cursor:pointer;text-decoration:none;color:inherit;display:block;background:var(--bg2);transition:background .3s}.item-card:hover{background:var(--bg3)}.item-thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.item-thumb-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .6s ease}.item-card:hover .item-thumb-inner{transform:scale(1.05)}.c1{background:linear-gradient(135deg,#1a1424,#2a1a10 60%,#1a1a1a)}.c2{background:linear-gradient(135deg,#0d1a1a,#0f2010)}.c3{background:linear-gradient(135deg,#1a1218,#250d15)}.c4{background:linear-gradient(135deg,#0e1520,#1a100a)}.c5{background:linear-gradient(135deg,#141018,#0a1510)}.c6{background:linear-gradient(135deg,#10181a,#1a1205)}.c7{background:linear-gradient(135deg,#180f1a,#0a1018)}.c8{background:linear-gradient(135deg,#1a1510,#0d1520)}.c9{background:linear-gradient(135deg,#0f1a12,#1a0f10)}.c10{background:linear-gradient(135deg,#1a1010,#101a18)}.c11{background:linear-gradient(135deg,#121520,#201210)}.c12{background:linear-gradient(135deg,#181210,#101820)}.play-ring{width:44px;height:44px;border:1px solid rgba(201,169,109,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .3s,border-color .3s}.item-card:hover .play-ring{opacity:0}.play-ring svg{fill:var(--gold);width:14px;height:14px;margin-left:3px}.item-info{padding:1.2rem 1.2rem 1.6rem}.item-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.item-year{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.item-dot{color:var(--border);font-size:.5rem}.item-runtime{font-size:.6rem;letter-spacing:.15em;color:var(--muted)}.item-title{font-family:var(--serif);font-size:1.15rem;font-weight:300;line-height:1.2;margin-bottom:.5rem;transition:color .3s}.item-card:hover .item-title{color:var(--gold)}.item-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.item-tag{font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,169,109,.25);padding:.1rem .5rem}.item-award{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(255,255,255,.08);padding:.1rem .5rem}.no-results{display:none;text-align:center;padding:6rem 2rem;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:1.3rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media(max-width:1024px){.page-header-inner{padding:4rem 2.5rem 3rem}.filter-inner{padding:0 2.5rem}main{padding:4rem 2.5rem 7rem}.items-grid{grid-template-columns:repeat(2,1fr)}.items-grid.four-col{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){:root{--nav-h: 60px}nav{padding:0 1.5rem}.nav-links{display:none}.nav-burger{display:flex}.nav-drawer{display:block}.nav-logo{font-size:1.25rem}.page-header-inner{padding:3rem 1.5rem 2.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.page-count{align-self:flex-start}.filter-inner{padding:0 1.5rem}.filter-btn{padding:1rem 1.2rem;font-size:.6rem}main{padding:3rem 1.5rem 6rem}.genre-group{margin-bottom:4rem}.genre-title{font-size:1.5rem}.items-grid,.items-grid.two-col,.items-grid.four-col{grid-template-columns:1fr}}