.magazine-list-page{width:100%;padding:60px 20px 80px;background-color:#fff}.magazine-list-container{max-width:1400px;margin:0 auto}.magazine-list-title{font-family:Fira Sans,sans-serif;font-size:40px;font-weight:700;line-height:1.2;color:#000000;margin-top:189px;margin-bottom:64px;text-transform:uppercase;letter-spacing:2px}.magazine-list-spacer{border-top:1px solid #000000;padding-top:40px}.magazine-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px 30px;gap:40px 30px;margin-bottom:60px}.magazine-card{text-decoration:none;color:inherit;transition:transform .2s}.magazine-card:hover{transform:translateY(-4px)}.magazine-cover{aspect-ratio:3/4;overflow:hidden;margin-bottom:16px;background-color:#f5f5f5}.magazine-cover img{width:100%;height:100%;object-fit:cover}.magazine-info{display:flex;flex-direction:column;gap:2px}.magazine-category{font-size:16px;color:#666;text-transform:uppercase;letter-spacing:.5px}.magazine-title{font-size:24px;font-weight:600;margin:4px 0;color:#000}.magazine-date{font-size:17px;color:#666}.magazine-publisher{font-size:17px;color:#999}.magazine-list-empty{color:#666}.magazine-list-empty,.magazine-list-error{text-align:center;padding:60px 20px;font-size:16px}.magazine-list-error{color:#e74c3c}@media (max-width:1024px){.magazine-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.magazine-list-title{font-size:28px;margin-top:158px;margin-bottom:56px}.magazine-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}}@media (max-width:480px){.magazine-grid{grid-template-columns:1fr}}