:root{--red:#c4161c;--black:#111;--bg:#f5f5f5;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;line-height:1.6;background:#fff}
header{background:#fff;border-bottom:4px solid var(--red);padding:28px 18px;text-align:center}
header img{max-width:300px;height:auto;display:block;margin:0 auto}
.topline{margin-top:10px;font-weight:700}
.topline a{color:var(--red);text-decoration:none}
nav{background:var(--black);padding:10px 0}
nav .wrap{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:0 14px}
nav a{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.3px;padding:8px 10px;border-radius:6px}
nav a:hover{color:var(--red);background:#fff}
.container{max-width:1100px;margin:0 auto;padding:46px 18px}
.hero{background:var(--bg);text-align:center;padding:54px 18px}
.hero h1{margin:0 0 8px;font-size:2.2rem}
.hero p{max-width:760px;margin:0 auto 18px;font-size:1.08rem}
.btn{display:inline-block;border:2px solid var(--red);background:var(--red);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:900;transition:.18s}
.btn:hover{background:#fff;color:var(--red)}
.btn.secondary{background:#fff;color:var(--red)}
.btn.secondary:hover{background:var(--red);color:#fff}
.section-title{text-align:center;margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{border:1px solid #ddd;border-radius:12px;padding:18px;text-align:center}
.card h3{margin:0 0 10px;color:var(--red)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gallery img{width:100%;height:auto;border-radius:12px;border:1px solid #eee}
footer{background:#f1f1f1;text-align:center;padding:28px 18px;font-size:.95rem;margin-top:40px}
.smalllink{font-size:.92rem;font-weight:800;color:var(--red);text-decoration:none}
.smalllink:hover{text-decoration:underline}