:root{--red:#b4233a;--ink:#222;--bg:#fff8f6}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--red);text-decoration:none}img{max-width:100%;height:auto}
header{background:#1b1b1b;color:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;padding:10px 5%;gap:12px}
.logo{height:54px;border-radius:4px}
nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#fff;font-family:Segoe UI,sans-serif;font-weight:600;font-size:14px}
.banner{width:100%;max-height:320px;object-fit:cover}
.wrap{max-width:980px;margin:0 auto;padding:24px 5%}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery figure{margin:0;background:#fff;border-radius:8px;overflow:hidden}
.gallery img{width:100%;height:220px;object-fit:cover}
figcaption{font-size:13px;padding:6px 8px;color:#555}
.side{margin-top:18px;padding-top:10px;border-top:1px solid #f0d0d4}
footer{background:#1b1b1b;color:#fff;padding:18px 5%;font-family:Segoe UI,sans-serif}
.menu-btn{display:none;background:var(--red);color:#fff;border:0;padding:8px 12px}
@media(max-width:800px){.gallery{grid-template-columns:1fr 1fr}.menu-btn{display:block}nav{display:none}nav.open{display:flex;flex-direction:column}.bar{flex-wrap:wrap}}

footer ul{padding-left:18px}footer li{margin:4px 0}.photo{margin:12px 0}.photo img{width:100%;max-height:420px;object-fit:cover;border-radius:8px}