*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ash:#1a1714;--ember:#c8401a;--bone:#e8e0d0;--smoke:#6b6560;--fog:#2e2a26;--gold:#b8922a}body{background:var(--ash);color:var(--bone);display:flex;overflow-x:hidden;justify-content:center;align-items: center;min-height:100vh;padding:40px 20px;font-family:Crimson Text,serif}body:before{content:"";position:fixed;pointer-events:none;z-index:100;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");inset:0}.poster{position:relative;width:100%;max-width:680px}.header{border-top:3px solid var(--ember);display:flex;animation:fadeUp .8s ease both;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-top:24px}.header-label{letter-spacing:4px;text-transform:uppercase;color:var(--smoke);font-family:Space Mono,monospace;font-size:10px}.header-year{letter-spacing:2px;color:var(--ember);font-family:Space Mono,monospace;font-size:10px}.title-block{animation:fadeUp .8s .1s ease both;margin-bottom:48px}h1{letter-spacing:-2px;color:var(--bone);font-family:Playfair Display,serif;font-size:clamp(52px,10vw,88px);font-weight:900;line-height:.9}h1 em{color:var(--ember);font-style:italic}.subtitle{color:var(--smoke);letter-spacing:.5px;margin-top:16px;font-family:Crimson Text,serif;font-size:18px;font-style:italic}.items{display:flex;flex-direction:column;gap:0}.item{display:grid;grid-template-columns:100px 1fr auto auto;opacity:0;animation:fadeUp .6s ease both;position:relative;border-bottom:1px solid #ffffff0f;align-items: center;gap:20px;padding:18px 0}.item:before{content:"";position:absolute;pointer-events:none;background:0 0;transition:background .3s;inset:0 -24px}.item:hover:before{background:#c8401a0a}.item:hover .item-category{color:var(--ember)}.item:hover .item-title{color:#fff}.item-category{letter-spacing:3px;text-transform:uppercase;color:var(--smoke);padding-top:3px;transition:color .3s;font-family:Space Mono,monospace;font-size:9px}.item-title{color:var(--bone);transition:color .3s,opacity .3s;font-family:Playfair Display,serif;font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.2}.item-title em{font-style:italic;font-weight:400}.item.seen .item-title{opacity:.5;text-decoration:line-through;text-decoration-color:var(--smoke)}.item-dot{background:var(--fog);border:1px solid var(--smoke);border-radius:50%;width:6px;height:6px;transition:background .3s,border-color .3s}.item:hover .item-dot,.item.seen .item-dot{background:var(--ember);border-color:var(--ember)}.toggle-btn{letter-spacing:2px;text-transform:uppercase;border:1px solid var(--fog);color:var(--smoke);cursor:pointer;background:0 0;border-radius:2px;padding:6px 12px;transition:all .3s;font-family:Space Mono,monospace;font-size:9px}.toggle-btn:hover{border-color:var(--ember);color:var(--ember)}.toggle-btn.active{background:var(--ember);border-color:var(--ember);color:var(--bone)}.item:first-child{animation-delay:.2s}.item:nth-child(2){animation-delay:.3s}.item:nth-child(3){animation-delay:.4s}.item:nth-child(4){animation-delay:.5s}.item:nth-child(5){animation-delay:.6s}.item:nth-child(6){animation-delay:.7s}.item:nth-child(7){animation-delay:.8s}.item:nth-child(8){animation-delay:.9s}.item:nth-child(9){animation-delay:1s}.footer{display:flex;animation:fadeUp .8s 1.1s ease both;opacity:0;border-top:1px solid #ffffff0f;justify-content:space-between;align-items: center;margin-top:40px;padding-top:20px}.footer-note{color:var(--smoke);font-family:Crimson Text,serif;font-size:14px;font-style:italic}.footer-count{color:var(--ember);letter-spacing:2px;font-family:Space Mono,monospace;font-size:10px}.deco-line{position:fixed;background:linear-gradient(to bottom,transparent,var(--fog)30%,var(--fog)70%,transparent);opacity:.4;pointer-events:none;width:1px;height:100vh;top:0;right:60px}.bg-number{position:fixed;color:#c8401a08;pointer-events:none;user-select:none;font-family:Playfair Display,serif;font-size:300px;font-weight:900;line-height:1;bottom:-80px;right:-20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}