*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;color:#2b2f33;background:#f6f5f2}
header{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw}
.logo{letter-spacing:.35em;font:600 15px system-ui,sans-serif;color:#1d2226;text-decoration:none}
nav a{margin-left:28px;color:#556;text-decoration:none;font:14px system-ui,sans-serif}
main{padding:0 6vw 60px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
figure{margin:0}figure img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}
figcaption{font-size:14px;color:#667;margin-top:8px}.wide img{width:100%}
.text{max-width:680px}footer{padding:30px 6vw;font:13px system-ui,sans-serif;color:#889}