:root {
  --bg: #0a0e10;
  --mid: #121c18;
  --panel: #16221c;
  --emerald: #2eb87a;
  --gold: #f8d04e;
  --cream: #e6ece4;
  --muted: #8ca096;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  background:
    radial-gradient(ellipse 80% 50% at 50% 18%, rgba(31, 140, 97, 0.28), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--mid));
  color: var(--cream);
  line-height: 1.55;
}
a { color: var(--emerald); }
.wrap {
  max-width: 40rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 3.5rem;
}
.wrap--narrow { max-width: 28rem; text-align: center; }
.brand {
  letter-spacing: 0.12em;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--gold);
  margin: 0 0 1rem;
}
h1 { font-size: clamp(1.7rem, 5vw, 2.2rem); margin: 0 0 0.75rem; letter-spacing: -0.02em; }
h2 { font-size: 1.15rem; margin-top: 1.75rem; }
.lede { color: var(--muted); margin: 0 0 1.5rem; }
.coin {
  width: min(9rem, 42vw);
  height: auto;
  margin: 0 auto 1.75rem;
  display: block;
  border-radius: 22%;
  filter: drop-shadow(0 12px 28px rgba(46, 184, 122, 0.35));
}
.hero-splash {
  width: min(100%, 16rem);
  height: auto;
  margin: 0 auto 1.75rem;
  display: block;
  border-radius: 1rem;
  border: 1px solid rgba(46, 184, 122, 0.35);
}
nav.stack { display: flex; flex-direction: column; gap: 0.75rem; }
a.btn {
  display: block;
  text-decoration: none;
  padding: 0.9rem 1.1rem;
  border-radius: 0.85rem;
  font-weight: 650;
}
a.btn-primary { background: var(--emerald); color: #08100c; }
a.btn-secondary {
  background: rgba(22, 34, 28, 0.95);
  color: var(--cream);
  border: 1px solid rgba(46, 184, 122, 0.35);
}
.shots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  gap: 0.65rem;
  margin: 1.5rem 0 0;
}
.shots img {
  width: 100%;
  height: auto;
  border-radius: 0.65rem;
  border: 1px solid rgba(46, 184, 122, 0.25);
  background: #0c1210;
}
.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
}
footer.site {
  margin-top: 2.5rem;
  font-size: 0.85rem;
  color: var(--muted);
}
.prose p, .prose li { opacity: 0.92; }