:root{--primary:#b76e79;--dark:#2d2a32;--light:#fff8fb;--accent:#f4c2c2}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--dark);background:#fff}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.nav{max-width:1100px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.nav a{margin:0 8px;color:var(--dark);text-decoration:none;font-weight:600}
.logo{font-size:1.2rem;color:var(--primary);font-weight:700}
.container{max-width:1100px;margin:auto;padding:24px 16px}
.hero{background:linear-gradient(135deg,var(--light),#fff);padding:64px 0;text-align:center}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid #eee;border-radius:12px;padding:18px;background:#fff}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ph{height:160px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7a3f4a;font-weight:700}
footer{margin-top:40px;background:var(--dark);color:#fff}
footer .container{padding:20px 16px}
@media (max-width:800px){.cards,.gallery{grid-template-columns:1fr 1fr}.nav{flex-wrap:wrap;gap:8px}}
@media (max-width:520px){.cards,.gallery{grid-template-columns:1fr}.hero{padding:40px 0}.nav a{margin:0 6px;font-size:.95rem}}