body{font-family:Arial, Helvetica, sans-serif;margin:0;background:#f6f7f9;color:#1a1a1a}
.wrap{max-width:1100px;margin:100px auto;padding:18px}
header h1{text-align:center;font-size:30px;margin:0 0 18px;letter-spacing:2px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(20,20,30,0.06);transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(20,20,30,0.12)}
.card img{display:block;height:340px;object-fit:cover}
@media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.card img{height:300px}}
@media (max-width:600px){.wrap{margin:40px 12px}.grid{grid-template-columns:1fr;gap:14px}.card img{height:200px}header h1{font-size:18px}}