.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box}.series-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;background:var(--bg-minor);box-shadow:0 4px 12px #0003;text-decoration:none;color:inherit;cursor:pointer}.series-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;transition:all .5s ease;z-index:1;filter:brightness(.8) contrast(1.1) saturate(1.2)}.series-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000004d 30%,#000000b3 70%,#000000f2);z-index:1}.series-box:hover:before{opacity:.6;transform:scale(1.05);filter:brightness(.9) contrast(1.1) saturate(1.2)}.series-box h2,.series-box h3{all:unset;position:relative;z-index:2;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3;text-align:left;width:100%;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease;letter-spacing:.5px;color:var(--fg-primary);transform:translateY(-2px)}.series-box label{position:relative;z-index:2;margin-top:.5rem;font-size:.9rem;text-align:left;width:100%;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .3s ease;font-weight:500;letter-spacing:.3px}.series-box:hover label{color:var(--fg-light3);transform:translateY(-2px)}.series-title{position:relative;padding:1.5rem 1rem 1rem;margin:2rem 0 1.5rem;display:flex;align-items:center;width:100%;box-sizing:border-box}.series-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.5rem;background:linear-gradient(to bottom,var(--fg-primary),var(--fg-primary-hover));border-radius:2px;box-shadow:0 0 8px rgba(var(--fg-primary-rgb),.3)}.series-title:after{content:"";position:absolute;left:1rem;bottom:0;width:calc(100% - 1rem);height:1px;background:linear-gradient(to right,rgba(var(--fg-primary-rgb),.2),rgba(var(--fg-primary-rgb),.1),transparent)}.series-title h3{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;padding-left:.5rem}@media(max-width:1200px){.series-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.series-box h2{font-size:1.4rem}}@media(max-width:768px){.series-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.series-box{padding:1.2rem;aspect-ratio:3/4}.series-box:before{background-position:right center}.series-box h2{font-size:1.3rem;letter-spacing:.3px}.series-box label{font-size:.85rem;margin-top:.4rem}}@media(max-width:576px){.series-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.series-box{padding:1rem;margin-bottom:.5rem}.series-box:before{background-position:right center}.series-box h2{font-size:1.1rem;letter-spacing:.2px;line-height:1.2}.series-box label{font-size:.8rem;margin-top:.3rem}}@media(max-width:360px){.series-grid{grid-template-columns:repeat(2,1fr);gap:.3rem}.series-box{aspect-ratio:3/4;padding:.8rem}.series-box h2{font-size:1rem;letter-spacing:.1px;line-height:1.1}.series-box label{font-size:.75rem;margin-top:.2rem}}