*{box-sizing:border-box}body{margin:0;background:#f5f1e5;color:#254e40;font-family:Arial,sans-serif}header,footer{padding:42px 5vw}header{border-bottom:1px solid #d0d7c8}header a{font-size:13px}h1{font:normal 52px Georgia,serif;max-width:650px}p{line-height:1.8}a{color:inherit;text-decoration:none}main{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:auto;padding:25px;gap:14px}article{position:relative;background:#e4e9dc;border:1px solid #d7dece;padding:20px;text-align:center;border-radius:6px}article a{display:block}svg{width:100%;height:210px}h2{font:normal 22px Georgia;margin:5px 0}article p{font-size:13px;margin:5px 0}small{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.6px}.number{position:absolute;top:15px;left:15px;font-size:10px;opacity:.6}footer{font-size:12px}@media(max-width:900px){main{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){main{grid-template-columns:repeat(2,1fr);gap:10px;padding:15px}article{padding:12px}svg{height:170px}h2{font-size:19px}h1{font-size:42px}}@media(max-width:360px){main{grid-template-columns:1fr}}@media print{main{grid-template-columns:repeat(3,1fr)}article{break-inside:avoid}header{padding:20px}svg{height:160px}}