/* Big Dog Sponsorships — shared styles. Dark charcoal + gold. Mobile-first. */
:root{
  --bg:#14120f;
  --bg2:#1d1a15;
  --card:#23201a;
  --gold:#d9a92c;
  --gold-bright:#f0cd6a;
  --ink:#f5efe2;
  --muted:#c9bfa9;
  --line:#3a342a;
}
*{box-sizing:border-box}
html{margin:0;padding:0}
body{
  margin:0;padding:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:19px;
  line-height:1.55;
}
img{display:block;max-width:100vw}
a{color:var(--gold-bright)}
.wrap{max-width:1020px;margin:0 auto;padding:0 18px}

/* Header */
.site-header{
  background:var(--bg2);
  border-bottom:3px solid var(--gold);
  padding:14px 0 10px;
}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{width:64px;height:64px}
.brand .brand-name{
  font-size:27px;font-weight:bold;letter-spacing:1px;color:var(--ink);
  text-transform:uppercase;line-height:1.15;
}
.brand .brand-tag{font-size:15px;color:var(--gold-bright);letter-spacing:.5px}
nav.main-nav{margin-top:12px}
nav.main-nav ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:8px;
}
nav.main-nav a{
  display:inline-block;min-height:48px;line-height:48px;
  padding:0 16px;border:1px solid var(--line);border-radius:8px;
  color:var(--ink);text-decoration:none;font-size:17px;background:var(--card);
}
nav.main-nav a:hover,nav.main-nav a:focus{border-color:var(--gold);color:var(--gold-bright)}
nav.main-nav a.current{border-color:var(--gold);color:var(--gold-bright);font-weight:bold}

/* Hero */
.hero{text-align:center;padding:34px 0 10px}
.hero img.hero-belt{width:min(920px,94vw);height:auto;margin:0 auto}
.catchphrase{
  font-size:34px;font-weight:bold;color:var(--gold-bright);
  letter-spacing:1px;text-transform:uppercase;margin:20px 0 8px;line-height:1.25;
}
.lede{font-size:21px;color:var(--ink);max-width:720px;margin:10px auto}
.sub{color:var(--muted);max-width:680px;margin:8px auto}

/* Buttons */
.btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:26px 0}
.btn{
  display:inline-block;min-height:56px;line-height:56px;padding:0 30px;
  border-radius:10px;text-decoration:none;font-size:20px;font-weight:bold;
  border:2px solid var(--gold);text-align:center;
}
.btn-gold{background:var(--gold);color:#171410}
.btn-gold:hover,.btn-gold:focus{background:var(--gold-bright)}
.btn-ghost{background:transparent;color:var(--gold-bright)}
.btn-ghost:hover,.btn-ghost:focus{background:var(--card)}

/* Sections + cards */
section{padding:28px 0}
h1.page-title{font-size:34px;color:var(--gold-bright);text-transform:uppercase;letter-spacing:1px;margin:26px 0 6px;line-height:1.25}
h2{font-size:25px;color:var(--gold-bright);margin:26px 0 8px;line-height:1.3}
p{margin:10px 0}
.cards{display:grid;grid-template-columns:1fr;gap:16px;margin:18px 0}
@media (min-width:760px){.cards{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.card h3{margin:0 0 8px;font-size:21px;color:var(--gold-bright)}
.card p{margin:0;color:var(--ink)}
ul.checks{list-style:none;margin:14px 0;padding:0}
ul.checks li{padding:10px 0 10px 34px;position:relative;border-bottom:1px solid var(--line)}
ul.checks li:before{content:"\2713";position:absolute;left:4px;color:var(--gold);font-weight:bold}
ol.steps{margin:14px 0;padding-left:26px}
ol.steps li{padding:7px 0}
.video-slot{
  border:2px dashed var(--line);border-radius:12px;padding:28px 20px;
  text-align:center;color:var(--muted);background:var(--bg2);margin:16px 0;
}
.note{color:var(--muted);font-size:17px}

/* Footer */
.site-footer{
  border-top:3px solid var(--gold);background:var(--bg2);
  margin-top:36px;padding:26px 0 34px;text-align:center;
}
.site-footer img.foot-belt{width:min(560px,90vw);height:auto;margin:0 auto 10px}
.site-footer .foot-catch{color:var(--gold-bright);font-weight:bold;letter-spacing:1px;text-transform:uppercase;font-size:18px}
.site-footer p{color:var(--muted);font-size:16px;max-width:760px;margin:10px auto}
.site-footer a{color:var(--gold-bright)}