:root { --bg:#0b0b0b; --card:#141414; --text:#e6e6e6; --muted:#b0b0b0; --accent:#d7263d; --line:#1f1f1f; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:var(--bg); color:var(--text); }
.container { width: min(1100px, 92vw); margin: 0 auto; }
.site-header { border-bottom:1px solid var(--line); position: sticky; top:0; background: rgba(11,11,11,.85); backdrop-filter: blur(8px); }
.site-header .container { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
h1 { font-size: clamp(20px, 3vw, 28px); margin:0; font-weight:800; letter-spacing:.2px; }
.cta { background: var(--accent); color:#fff; padding:10px 16px; border-radius:999px; text-decoration:none; font-weight: 800; border:1px solid #a31828; }
.cta:hover { filter: brightness(1.05); }
.cta.big { display:inline-block; padding:14px 22px; margin-top:14px; }
.hero { padding: 48px 0 8px; }
.hero h2 { font-size: clamp(24px, 4vw, 40px); margin:0 0 10px 0; }
.hero p { color: var(--muted); margin:0; max-width: 70ch; }
.gallery { padding: 28px 0; }
.gallery h3, .services h3, .contact h3 { margin: 8px 0 14px; font-size: 22px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:14px; }
figure { margin:0; background: var(--card); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
figure img { width:100%; height:230px; object-fit: cover; display:block; }
figcaption { padding:10px 12px; color: var(--muted); font-size: 14px; }
.pill-list { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0; }
.pill-list li { background:#171717; border:1px solid #242424; color:#e0e0e0; padding:8px 12px; border-radius:999px; }
.note { color:#c9c9c9; margin-top:10px; font-size: 14px; opacity:.85; }
.services, .contact { padding-bottom: 22px; }
.site-footer { border-top:1px solid var(--line); }
.site-footer .container { padding:16px 0; color: var(--muted); text-align:center; }