.series-page{background:var(--bg)}.series-page .site-header{position:relative;top:12px;left:12px;right:auto;width:calc(100% - 24px);margin-bottom:16px}.series-page main{overflow:hidden}.series-categories{height:44px;display:flex;align-items:center;justify-content:center;gap:8px}.series-categories a{height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;border-radius:4px;font-size:12px;font-weight:650;text-transform:uppercase}.series-categories i{width:32px;color:var(--accent);font-style:normal;text-align:center}
.series-list{height:587px;padding:60px 40px}.series-list h1{margin:0 0 60px;text-align:center;font:40px/1.1 var(--display);text-transform:uppercase}.series-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.series-card{min-width:0;overflow:hidden;border-radius:8px;background:var(--surface);transition:transform .2s ease,background-color .2s ease}.series-card:hover{transform:translateY(-4px);background:var(--surface-2)}.series-card img{width:100%;aspect-ratio:400/320;object-fit:cover}.series-card>span{display:flex;flex-direction:column;gap:8px;padding:24px}.series-card strong{font:26px/1.1 var(--display);text-transform:uppercase}.series-card small{font-size:14px;line-height:1.3;opacity:.8}.series-page .site-footer{min-height:413px}
@media(min-width:1600px){.series-list{height:683px}}
@media(max-width:1023px){.series-page .site-header{top:0;left:0;width:100%;margin-bottom:0}.series-categories{display:none}.series-list{height:930.6px;padding:40px 24px}.series-list h1{margin-bottom:40px;font-size:32px}.series-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.series-card img{aspect-ratio:350/270}.series-card>span{padding:20px}.series-card strong{font-size:20px}.series-card small{font-size:12px}.series-page .site-footer{min-height:714px}}
@media(max-width:479px){.series-list{height:1637.6px;padding:28px 8px}.series-list h1{max-width:320px;margin:0 auto 24px;font-size:20px}.series-card-grid{grid-template-columns:1fr;gap:6px}.series-card img{aspect-ratio:344/244}.series-card>span{gap:6px;padding:14px 16px}.series-card strong{font-size:15px}.series-card small{font-size:10px}.series-page .site-footer{min-height:872px}}
@media(prefers-reduced-motion:reduce){.series-card{transition:none}}