*{box-sizing:border-box}body{margin:0;background:#f9f8f4;color:#203b30;font-family:Arial,Helvetica,sans-serif}main{max-width:1120px;padding:76px 32px 35px;margin:auto}header{text-align:center;margin-bottom:46px}h1{font-family:Georgia,serif;font-size:clamp(36px,7vw,72px);font-weight:400;letter-spacing:-.055em;margin:0 0 17px}header a{font-size:13px;letter-spacing:.08em;text-decoration:none;color:inherit}header a:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post{display:block;position:relative;aspect-ratio:1;background:#e8e7df;overflow:hidden;border-radius:2px}.post img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.post:hover img{transform:scale(1.035)}.post:focus-visible{outline:3px solid #b75532;outline-offset:4px}.post span{position:absolute;right:12px;bottom:12px;background:#fff;padding:6px 9px;border-radius:30px;color:#203b30;opacity:0;transition:opacity .2s}.post:hover span,.post:focus-visible span{opacity:1}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px;font-size:11px;color:#6e776c}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:600px){main{padding:46px 14px 25px}header{margin-bottom:30px}.grid{gap:6px}footer{font-size:10px;flex-wrap:wrap}h1{font-size:42px}}