:root{
  --accent:#c0392b;
  --dark:#222;
  --muted:#666;
  --bg:#fafafa;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:var(--dark); background:var(--bg);}
.site-header{display:flex;align-items:center;gap:16px;padding:18px 24px;background:white;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.site-header .logo{width:64px;height:64px;object-fit:contain;border-radius:8px}
.site-header h1{margin:0;font-size:20px}
.site-header .tag{margin:0;color:var(--muted)}
.hero{position:relative;overflow:hidden;background:#000}
.hero-img{width:100%;height:auto;display:block;object-fit:contain}
.hero-logo{position:absolute;left:18px;bottom:18px;width:92px;height:92px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.9);padding:6px}
.container{max-width:980px;margin:28px auto;padding:0 20px}
section{background:white;padding:18px;margin-bottom:18px;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.04)}
h2{margin-top:0;color:var(--accent)}
.gallery{display:flex;gap:12px;flex-wrap:wrap}
.gallery img{width:48%;border-radius:6px;object-fit:cover;height:200px}
.gallery.equipment img{width:32%;height:180px}
.gallery.equipment img[src$=".svg"]{background:linear-gradient(180deg,#fff,#f3f3f3);padding:8px}
footer{padding:18px;text-align:center;color:var(--muted)}
@media (max-width:600px){.gallery img{width:100%;height:160px}}