/* Shared “agency template” chrome — original, not a Webflow export */
:root { --git-gold:#d4af37; --gold:var(--git-gold); --ink:#0b0b0c; --paper:#f4f1ea; --mute:#8a8a8a; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.tpl{margin:0;font-family:system-ui,"Segoe UI",sans-serif;color:var(--git-text,#eee);background:var(--git-bg,#0b0b0c)}
.tpl a{color:inherit}
.pill{
  position:sticky;top:14px;z-index:20;margin:0 auto;max-width:920px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:8px 10px 8px 16px;border-radius:999px;
  background:rgba(12,12,14,.82);border:1px solid rgba(212,175,55,.35);
  backdrop-filter:blur(10px)
}
.pill b{letter-spacing:.12em;font-size:12px;color:var(--gold)}
.pill nav a{text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 8px;color:#ddd}
.pill .go{background:var(--gold);color:#111;text-decoration:none;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero{min-height:88vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:48px 8vw}
.hero h1{font-size:clamp(40px,6vw,72px);line-height:.95;margin:0 0 16px;font-weight:600;letter-spacing:-.03em}
.hero p{max-width:36em;color:#c8c8c8}
.hero img{width:100%;height:min(70vh,560px);object-fit:cover;border-radius:8px}
.k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
section.band{padding:80px 8vw}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid rgba(212,175,55,.25);padding:22px;border-radius:12px;background:#121214}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.g3 img{width:100%;height:220px;object-fit:cover;display:block;border-radius:8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;border-top:1px solid #222;border-bottom:1px solid #222}
.stats div{padding:28px 8px}
.stats strong{display:block;font-size:28px;color:var(--gold)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.foot{padding:28px 8vw 48px;font-size:12px;color:#777;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.light{background:var(--paper);color:#161616}
.light .pill{background:rgba(255,255,255,.9);border-color:#ddd}
.light .pill b,.light .k{color:#8a6d1a}
.light .pill nav a{color:#333}
.light .card{background:#fff;border-color:#e6e1d6;color:#161616}
.light .hero p{color:#444}
.light .stats{border-color:#ddd}
@media(max-width:800px){
  .hero,.cols,.g3,.stats,.contact{grid-template-columns:1fr}
  .pill nav{display:none}
  .hero{min-height:auto;padding:32px 6vw}
}