@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";.top-banner-wrapper{width:100%;display:block;background-color:#000;padding-bottom:4em}.top-banner-img{width:100%;height:250px;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}@media(max-width:768px){.top-banner-wrapper{padding-bottom:1em}.top-banner-img{height:100px}}header{position:sticky;top:0;background-color:#000;z-index:100;border-bottom:1px solid #404040;margin:auto;max-width:1100px;padding:1rem}header a{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}header a:hover{text-decoration-thickness:2px}.main-nav{justify-content:center;display:flex;gap:20px}@media(max-width:768px){header{position:fixed;top:auto;bottom:0;width:100%;box-sizing:border-box;border-bottom:none;border-top:1px solid #404040}body{padding-bottom:70px}}footer{border-top:1px solid #404040;margin-top:2rem;font-size:.9rem;color:#888;margin:auto;max-width:1100px;padding:1rem}.social-links{display:flex;gap:15px;margin-bottom:.5rem}@media(max-width:768px){footer{padding-bottom:4rem}}.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,background-color .3s ease;padding:16px;border-radius:16px;height:100%;box-sizing:border-box}.card:hover{transform:scale(1.02);background-color:#1c1c1c;text-decoration:none}.card-img-wrapper{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;background-color:#1a1a1a;margin-bottom:12px;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.card-img-wrapper img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}.static-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .5s ease}.card:hover .static-thumb{opacity:0}.card-img-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.card-img-track img{width:100%;height:100%;object-fit:cover;flex-shrink:0;display:block}.card h3{margin:0 0 4px;font-size:1.1rem}.card p{margin:0;color:#acacac;font-size:.9rem;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body{background-color:#000;color:#fff;font-family:JetBrains Mono,monospace;line-height:1.5;margin:0;padding:0}main{margin:auto;max-width:1100px;padding:0 1rem}a{color:#42c0ff;text-decoration:none}a:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}