*{box-sizing:border-box;margin:0}body{font:17px/1.6 system-ui,sans-serif;background:#14181c;color:#fff;padding:40px 0}
.wrap{width:min(1100px,100% - 32px);margin:auto}h1{font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:.4em}p{color:#b8c2cb;max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#fff;background:#1d2329;border-radius:8px;overflow:hidden;padding-bottom:16px}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card b,.card span{padding:0 16px}.card b{font-size:1.2rem;margin-top:8px}.card span{color:#b8c2cb;font-size:.92rem}
.card:hover{outline:3px solid #e8590c}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.grid{grid-template-columns:1fr}}