*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fafaf7;color:#1f2328;line-height:1.55}
header{background:#fff;border-bottom:1px solid #e6e3dc}nav{max-width:1080px;margin:0 auto;padding:18px 20px;display:flex;gap:22px;align-items:center}
nav .logo{font-family:Georgia,serif;font-size:22px;font-weight:700;margin-right:auto;color:#1d3557;text-decoration:none}nav a{color:#444;text-decoration:none}nav a:hover{color:#e76f51}
main{max-width:1080px;margin:0 auto;padding:28px 20px 60px}h1{font-family:Georgia,serif;font-size:34px;margin:8px 0 6px}.lead{color:#5b5f66;margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:#fff;border:1px solid #e6e3dc;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit}
.card img{width:100%;display:block;aspect-ratio:8/5;object-fit:cover}.card div{padding:12px 14px}.card h3{margin:0 0 4px;font-size:17px}.card p{margin:0;color:#6b6f76;font-size:14px}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.photos figure{margin:0;background:#fff;border:1px solid #e6e3dc;border-radius:8px;overflow:hidden}
.photos img{width:100%;display:block}.photos figcaption{padding:8px 12px;font-size:13px;color:#6b6f76}footer{border-top:1px solid #e6e3dc;color:#8a8f96;font-size:13px;text-align:center;padding:22px}