/* DocketBS.wtf — noir bronze chrome from the Docket BS mockups. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Instrument+Sans:ital,wght@0,400..700;1,400&family=Space+Mono:wght@400;700&display=swap');

body.dg-brand-docketbs {
  --dbs-bg: #0b0a09;
  --dbs-ink: #ede6d8;
  --dbs-muted: #a39a8b;
  --dbs-dim: #8e8677;
  --dbs-faint: #6e675c;
  --dbs-gold: #e0a94b;
  --dbs-gold-lt: #f2c878;
  --dbs-gold-dk: #d0973a;
  --dbs-red: #b33128;
  --dbs-red-lt: #e8897e;
  --dbs-panel: #14120e;
  --dbs-line: rgba(232,222,203,.12);
  --dbs-gold-line: rgba(224,169,75,.34);
  --fb: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --fd: 'Bricolage Grotesque', sans-serif;
  --fm: 'Space Mono', ui-monospace, monospace;
  font-family: var(--fb);
  background: var(--dbs-bg);
  color: var(--dbs-ink);
}
body.dg-brand-docketbs a { color: var(--dbs-gold); }
body.dg-brand-docketbs a:hover { color: var(--dbs-gold-lt); }
body.dg-brand-docketbs .dg-main { background: var(--dbs-bg); color: var(--dbs-ink); }
body.dg-brand-docketbs .dg-btn.gold,
body.dg-brand-docketbs .dbs-cta.gold {
  background: linear-gradient(160deg, var(--dbs-gold-lt), var(--dbs-gold-dk));
  color: #17140f;
  border: 0;
}
body.dg-brand-docketbs .dg-btn.gold:hover,
body.dg-brand-docketbs .dbs-cta.gold:hover { background: #f6d48f; color: #17140f; }

@keyframes dbs-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes dbs-pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }
@keyframes dbs-panel { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes dbs-pop { from { opacity: 0; transform: translateY(-20px) scale(.975); } to { opacity: 1; transform: none; } }
@keyframes dbs-float { 0%,100% { transform: translateY(0) rotate(-1.6deg); } 50% { transform: translateY(-9px) rotate(1.6deg); } }
@keyframes dbs-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

.dbs-bar {
  position: sticky; top: 0; z-index: 60;
  background: rgba(11,10,9,.82);
  backdrop-filter: blur(22px) saturate(140%);
  border-bottom: 1px solid var(--dbs-line);
}
.dbs-ticker {
  display: flex; align-items: center; gap: 16px; height: 32px;
  padding: 0 clamp(14px, 3vw, 32px);
  background: #0e0c0a; border-bottom: 1px solid rgba(232,222,203,.06);
}
.dbs-ticker-kicker {
  flex: none; display: flex; align-items: center; gap: 7px;
  font-family: var(--fm); font-size: 10px; letter-spacing: .16em; color: var(--dbs-gold);
}
.dbs-ticker-kicker i {
  width: 5px; height: 5px; border-radius: 50%; background: var(--dbs-red);
  animation: dbs-pulse 1.8s ease-in-out infinite;
}
.dbs-ticker-track { flex: 1; min-width: 0; overflow: hidden; height: 32px; position: relative; }
.dbs-ticker-run {
  position: absolute; inset: 0 auto 0 0; display: flex; align-items: center; gap: 40px;
  white-space: nowrap; animation: dbs-marquee 46s linear infinite;
  font-family: var(--fm); font-size: 11px; color: var(--dbs-dim);
}
.dbs-ticker-run i { color: var(--dbs-gold); margin-left: 40px; font-style: normal; }
.dbs-admin-chip {
  flex: none; white-space: nowrap;
  font-family: var(--fm); font-size: 10px; letter-spacing: .14em; color: var(--dbs-dim);
  border: 1px solid rgba(232,222,203,.16); border-radius: 999px; padding: 4px 9px;
}
.dbs-admin-chip:hover { color: var(--dbs-gold); border-color: var(--dbs-gold); }

.dbs-headrow {
  display: flex; align-items: center; gap: clamp(10px, 2vw, 22px);
  padding: 0 clamp(14px, 3vw, 32px); height: 78px;
}
.dbs-bar.compact .dbs-headrow { height: 56px; }
.dbs-brand { display: flex; align-items: center; gap: 10px; color: var(--dbs-ink); text-decoration: none; flex: none; }
.dbs-brand:hover { color: var(--dbs-ink); }
.dbs-crest {
  flex: none; width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 38% 30%, #1e1a14, #0c0b09);
  border: 1px solid var(--dbs-gold-line); color: var(--dbs-gold);
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.8));
}
.dbs-crest.sm { width: 30px; height: 30px; }
.dbs-jester { display: block; }
.dbs-lockup { display: flex; flex-direction: column; gap: 5px; }
.dbs-name {
  font-family: var(--fd); font-weight: 800; font-size: 21px; letter-spacing: -.035em; line-height: 1;
  display: flex; align-items: baseline; gap: 6px; color: var(--dbs-ink);
}
.dbs-bs {
  background: linear-gradient(160deg, var(--dbs-gold-lt), var(--dbs-gold-dk));
  color: #17140f; border-radius: 8px; padding: 2px 8px 3px; letter-spacing: -.02em;
}
.dbs-tag {
  font-family: var(--fm); font-size: 8px; letter-spacing: .17em; white-space: nowrap;
  color: var(--dbs-dim); line-height: 1;
}
.dbs-nav { display: flex; align-items: stretch; gap: 0; flex: 1; min-width: 0; height: 78px; }
.dbs-nav .dg-drop { display: flex; }
.dbs-nav .dg-drop > a {
  position: relative; display: flex; align-items: center; gap: 6px;
  padding: 0 11px; font-weight: 600; font-size: 13px; white-space: nowrap;
  color: var(--dbs-ink); text-decoration: none;
}
.dbs-nav .dg-drop > a:hover,
.dbs-nav .dg-drop.on > a,
.dbs-nav .dg-drop > a.is-pinned { color: var(--dbs-gold-lt); }
.dbs-caret {
  width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent;
  border-top: 4px solid currentColor; opacity: .55;
}
.dbs-nav .dg-drop.on > a::after,
.dbs-nav .dg-drop > a.is-pinned::after {
  content: ''; position: absolute; left: 11px; right: 11px; bottom: 19px; height: 3px;
  border-radius: 999px; background: var(--dbs-gold);
}
.dbs-tools { display: flex; align-items: center; gap: 8px; flex: none; }
.dbs-hit, .dbs-bar .dg-lamp-btn {
  display: flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border: 1px solid rgba(232,222,203,.16);
  border-radius: 50%; background: rgba(232,222,203,.03); color: var(--dbs-dim);
}
.dbs-hit:hover, .dbs-bar .dg-lamp-btn:hover { border-color: var(--dbs-gold); color: var(--dbs-gold); }
.dbs-donate-pill {
  display: flex; align-items: center; gap: 7px;
  border: 1px solid rgba(179,49,40,.6); background: rgba(179,49,40,.14);
  color: var(--dbs-red-lt); padding: 10px 15px; border-radius: 999px;
  font-weight: 700; font-size: 13px; white-space: nowrap; cursor: pointer;
}
.dbs-donate-pill:hover { background: var(--dbs-red); color: #f5f1e6; }
.dbs-who {
  width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid rgba(224,169,75,.45); background: #121310;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fm); font-size: 11px; color: var(--dbs-gold); text-decoration: none;
}
.dbs-bar .dg-out { color: var(--dbs-dim); font-family: var(--fm); font-size: 10px; letter-spacing: .1em; }
.dbs-burger {
  display: none; width: 42px; height: 42px; border: 1px solid rgba(232,222,203,.16);
  border-radius: 13px; background: rgba(232,222,203,.03); color: var(--dbs-ink);
}

.dbs-mega-inner {
  position: relative; width: 100%; max-width: 1336px; margin: 0 auto;
  overflow: hidden; border: 1px solid var(--dbs-gold-line); border-top: none;
  border-radius: 0 0 24px 24px; box-shadow: 0 46px 90px rgba(0,0,0,.82);
  background: linear-gradient(180deg, rgba(224,169,75,.1) 0%, rgba(11,10,9,.88) 100%), #0c0b09;
  padding: 24px 26px 28px; animation: dbs-panel .22s cubic-bezier(.2,.85,.25,1) both;
  color: var(--dbs-ink);
}
.dbs-mega-grid { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.dbs-mega-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dbs-mega-head {
  font-family: var(--fm); font-size: 9px; letter-spacing: .18em; color: var(--dbs-gold);
  padding: 0 12px 11px; text-transform: uppercase;
}
.dbs-mega-item {
  display: flex; flex-direction: column; gap: 3px; padding: 8px 12px; border-radius: 14px;
  color: var(--dbs-ink); text-decoration: none;
}
.dbs-mega-item:hover { background: rgba(232,222,203,.07); color: var(--dbs-gold-lt); transform: translateX(4px); }
.dbs-mega-item b { font-weight: 600; font-size: 14px; line-height: 1.2; }
.dbs-mega-item em {
  font-family: var(--fm); font-size: 9px; letter-spacing: .07em; line-height: 1.35;
  color: var(--dbs-dim); font-style: normal;
}
.dbs-mega-card {
  position: relative; flex: none; width: 300px; display: flex; flex-direction: column;
  justify-content: space-between; gap: 14px; overflow: hidden;
  border: 1px solid var(--dbs-gold-line); border-radius: 20px; padding: 22px;
  background: rgba(11,10,9,.5); color: var(--dbs-ink); text-decoration: none;
}
.dbs-mega-card:hover { border-color: var(--dbs-gold); color: var(--dbs-ink); }
.dbs-mega-kicker { font-family: var(--fm); font-size: 9px; letter-spacing: .18em; color: var(--dbs-gold); }
.dbs-mega-count {
  font-family: var(--fd); font-weight: 800; font-size: 48px; letter-spacing: -.04em; line-height: 1; color: var(--dbs-gold);
}
.dbs-mega-card strong { font-family: var(--fd); font-weight: 800; font-size: 21px; line-height: 1.1; letter-spacing: -.025em; }
.dbs-mega-card p { font-size: 12.5px; line-height: 1.5; color: var(--dbs-muted); margin: 0; }
.dbs-mega-cta { font-family: var(--fm); font-size: 10px; letter-spacing: .12em; color: var(--dbs-gold); }

.dbs-foot {
  background: #0e0c0a; border-top: 1px solid var(--dbs-line); color: var(--dbs-muted);
}
.dbs-foot-grid {
  max-width: 1400px; margin: 0 auto; padding: 56px 32px 34px;
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; gap: 36px;
}
.dbs-foot h6 {
  font-family: var(--fm); font-size: 10px; letter-spacing: .14em; color: var(--dbs-gold);
  margin: 0 0 15px; font-weight: 400; text-transform: uppercase;
}
.dbs-foot a { display: block; color: var(--dbs-muted); font-size: 14px; margin: 0 0 9px; text-decoration: none; }
.dbs-foot a:hover { color: var(--dbs-ink); }
.dbs-foot p { font-size: 14.5px; line-height: 1.6; max-width: 290px; }
.dbs-badges { display: flex; gap: 8px; flex-wrap: wrap; }
.dbs-badges span {
  font-family: var(--fm); font-size: 10px; letter-spacing: .1em; white-space: nowrap;
  color: var(--dbs-dim); border: 1px solid rgba(232,222,203,.16); border-radius: 999px; padding: 5px 9px;
}
.dbs-legal {
  max-width: 1400px; margin: 0 auto; padding: 0 32px 34px;
  border-top: 1px solid var(--dbs-line); padding-top: 22px;
  display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap;
  font-family: var(--fm); font-size: 10.5px; line-height: 1.8; color: var(--dbs-faint);
}
.dbs-legal p { margin: 0; max-width: 720px; }
.dbs-legal div { text-align: right; }

.dbs-fab {
  position: fixed; right: 24px; bottom: 24px; z-index: 70;
  display: flex; align-items: center; gap: 11px;
  background: var(--dbs-red); color: #f5f1e6; border: 0; border-radius: 999px;
  padding: 14px 22px; font-weight: 700; font-size: 14.5px;
  box-shadow: 0 16px 40px rgba(0,0,0,.6); cursor: pointer;
}
.dbs-fab:hover { background: #d14036; color: #f5f1e6; }
.dbs-bar.compact ~ .dbs-fab { display: none; }

.dbs-modal {
  position: fixed; inset: 0; z-index: 96;
  background: rgba(6,5,5,.82); backdrop-filter: blur(12px);
  display: flex; align-items: center; justify-content: center; padding: 40px;
}
.dbs-modal[hidden] { display: none; }
.dbs-modal-box {
  width: 560px; max-width: 100%; background: var(--dbs-panel);
  border: 1px solid rgba(179,49,40,.5); border-radius: 24px; padding: 38px 40px;
  animation: dbs-pop .18s cubic-bezier(.2,.85,.25,1) both;
}
.dbs-modal-kicker {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;
  font-family: var(--fm); font-size: 10px; letter-spacing: .15em; color: var(--dbs-red-lt);
}
.dbs-modal-kicker button { background: 0; border: 0; color: var(--dbs-dim); cursor: pointer; font: inherit; }
.dbs-modal-box h3 {
  font-family: var(--fd); font-weight: 800; font-size: 30px; line-height: 1.05;
  letter-spacing: -.03em; margin: 0 0 12px;
}
.dbs-modal-box p { font-size: 14.5px; line-height: 1.6; color: var(--dbs-muted); }
.dbs-amts { display: flex; gap: 9px; margin: 18px 0 14px; }
.dbs-amts label {
  flex: 1; text-align: center; border: 1px solid rgba(232,222,203,.2);
  border-radius: 999px; padding: 13px 0; font-weight: 700; font-size: 15px; cursor: pointer;
}
.dbs-amts label.on, .dbs-amts label:has(:checked) {
  border-color: var(--dbs-red); background: rgba(179,49,40,.18); color: var(--dbs-red-lt);
}
.dbs-amts input { position: absolute; opacity: 0; pointer-events: none; }
.dbs-field { display: flex; flex-direction: column; gap: 6px; font-family: var(--fm); font-size: 9px; letter-spacing: .13em; color: var(--dbs-dim); margin-bottom: 12px; }
.dbs-field input, .dbs-field textarea {
  background: var(--dbs-bg); border: 1px solid rgba(232,222,203,.18); border-radius: 12px;
  padding: 12px 14px; font: 14.5px/1.4 var(--fb); color: var(--dbs-ink);
}
.dbs-donate-go {
  display: block; width: 100%; text-align: center; background: var(--dbs-red); color: #f5f1e6;
  padding: 14px; border: 0; border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer;
}
.dbs-donate-go:hover { background: #d14036; }
.dbs-donate-fine { font-family: var(--fm); font-size: 9.5px; line-height: 1.7; color: var(--dbs-faint); margin-top: 16px; }

.dbs-hero { position: relative; background: var(--dbs-bg); padding: 20px 20px 0; }
.dbs-hero-frame {
  position: relative; border-radius: 32px; overflow: hidden;
  background: radial-gradient(ellipse 74% 96% at 76% 42%, #1b1610 0%, #100e0b 54%, #0a0908 100%);
  box-shadow: 0 44px 110px rgba(0,0,0,.7), inset 0 0 0 1px rgba(232,222,203,.09);
}
.dbs-hero-grid {
  position: relative; display: grid; grid-template-columns: 1.12fr .88fr; gap: 30px; align-items: center;
  padding: 34px clamp(18px, 4vw, 52px) 46px;
}
.dbs-hero-copy { max-width: 640px; }
.dbs-hero h1 {
  font-family: var(--fd); font-weight: 800; font-size: clamp(40px, 6vw, 68px);
  line-height: .95; letter-spacing: -.045em; margin: 0 0 24px;
  text-shadow: 0 4px 40px rgba(0,0,0,.7);
}
.dbs-hero h1 span {
  background: linear-gradient(96deg, var(--dbs-gold-lt), var(--dbs-gold-dk));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--dbs-gold);
}
.dbs-hero-copy > p {
  font-size: 18.5px; line-height: 1.55; color: #c0b7a7; max-width: 530px; margin: 0 0 34px;
}
.dbs-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; }
.dbs-cta {
  display: flex; flex-direction: column; padding: 15px 26px; border-radius: 999px;
  font-weight: 700; font-size: 15.5px; line-height: 1.2; text-decoration: none;
}
.dbs-cta span { font-family: var(--fm); font-size: 9.5px; letter-spacing: .1em; opacity: .72; }
.dbs-cta.outline {
  border: 1px solid rgba(224,169,75,.65); color: var(--dbs-gold); background: transparent;
}
.dbs-cta.outline:hover { background: rgba(224,169,75,.12); color: var(--dbs-gold-lt); }
.dbs-cta.ghost {
  border: 1px solid rgba(232,222,203,.22); background: rgba(11,10,9,.4); color: var(--dbs-ink);
}
.dbs-cta.text { color: var(--dbs-muted); padding: 15px 6px; font-size: 15px; }
.dbs-fine { font-family: var(--fm); font-size: 10.5px; line-height: 1.75; color: #7c7568; max-width: 500px; }
.dbs-honour {
  display: inline-flex; align-items: center; gap: 12px; margin-top: 22px;
  background: rgba(11,10,9,.62); border: 1px solid rgba(232,222,203,.13);
  border-radius: 999px; padding: 8px 18px 8px 8px;
  font-family: var(--fm); font-size: 10px; letter-spacing: .13em; color: var(--dbs-muted);
}
.dbs-honour i { color: #3a342b; font-style: normal; }

.dbs-hero-art { position: relative; display: flex; justify-content: flex-end; }
.dbs-exhibit {
  position: relative; width: 100%; max-width: 496px; height: clamp(370px, 54vw, 508px);
  border-radius: 26px; overflow: hidden; border: 1px solid rgba(224,169,75,.26);
  background: #100f0d; box-shadow: 0 40px 90px rgba(0,0,0,.72);
}
.dbs-lady { position: absolute; inset: 8% 12% 12% 18%; }
.dbs-lady-seat {
  position: absolute; left: 8%; right: 8%; bottom: 8%; height: 28%;
  background: linear-gradient(180deg, #3a3228, #1a1612); border-radius: 8px 8px 40% 40%;
}
.dbs-lady-body {
  position: absolute; left: 28%; right: 22%; top: 28%; bottom: 22%;
  background: linear-gradient(180deg, #c9b89a, #6a5a42); border-radius: 40% 40% 20% 20% / 20% 20% 40% 40%;
  opacity: .85;
}
.dbs-lady-head {
  position: absolute; left: 38%; top: 8%; width: 22%; aspect-ratio: 1;
  background: radial-gradient(circle at 40% 35%, #ead9c0, #8a7358); border-radius: 50%;
}
.dbs-lady-blind {
  position: absolute; left: 34%; top: 16%; width: 30%; height: 6%;
  background: #17140f; border-radius: 4px; transform: rotate(-8deg);
}
.dbs-lady-scale {
  position: absolute; right: 6%; top: 36%; width: 28%; height: 4px;
  background: var(--dbs-gold); transform: rotate(18deg);
  box-shadow: 0 18px 0 -1px var(--dbs-gold-dk), 0 -16px 0 -2px var(--dbs-gold-lt);
}
.dbs-exhibit-cap {
  position: absolute; right: 18px; bottom: 16px; display: flex; align-items: center; gap: 9px;
  font-family: var(--fm); font-size: 9.5px; letter-spacing: .14em; color: var(--dbs-muted);
}
.dbs-exhibit-cap b { color: var(--dbs-gold); font-weight: 400; }
.dbs-exhibit-cap i { color: #4a4239; font-style: normal; }
.dbs-coin {
  position: absolute; right: -14px; top: 34px; width: 128px; height: 128px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; color: var(--dbs-gold);
  background: radial-gradient(circle at 38% 30%, #1e1a14, #0c0b09);
  border: 1px solid var(--dbs-gold-line);
  box-shadow: 0 0 0 7px rgba(224,169,75,.05), 0 18px 44px rgba(0,0,0,.75);
}
.dbs-coin .dbs-jester { animation: dbs-float 9s ease-in-out infinite; }
.dbs-plaque {
  position: absolute; left: -38px; bottom: -22px; width: 240px;
  border-radius: 14px; border: 1px solid rgba(232,222,203,.14);
  background: linear-gradient(180deg, #2a2418, #0e0f0c); padding: 16px 18px;
  box-shadow: 0 24px 50px rgba(0,0,0,.85);
  display: flex; flex-direction: column; gap: 6px;
}
.dbs-plaque b { font-family: var(--fd); font-size: 16px; letter-spacing: .04em; }
.dbs-plaque span { font-family: var(--fm); font-size: 8.5px; letter-spacing: .14em; color: var(--dbs-dim); }

.dbs-stats {
  position: relative; overflow: hidden; background: #0e0c0a;
  border-bottom: 1px solid var(--dbs-line); padding: 26px 32px 34px;
}
.dbs-stats-head {
  max-width: 1400px; margin: 0 auto 20px; display: flex; align-items: center; gap: 13px;
  font-family: var(--fm); font-size: 10px; letter-spacing: .2em; color: var(--dbs-dim);
}
.dbs-stats-head i {
  width: 6px; height: 6px; border-radius: 50%; background: var(--dbs-red);
  animation: dbs-pulse 1.8s ease-in-out infinite;
}
.dbs-stats-head span { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(232,222,203,.18), transparent); }
.dbs-stats-head em { color: var(--dbs-faint); font-style: normal; }
.dbs-stat-grid {
  max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
}
.dbs-stat-grid article {
  position: relative; overflow: hidden; background: rgba(20,18,14,.7);
  border: 1px solid var(--dbs-line); border-radius: 20px; padding: 22px 22px 20px;
}
.dbs-stat-grid article:hover { transform: translateY(-6px); border-color: rgba(224,169,75,.5); }
.dbs-stat-grid strong {
  font-family: var(--fd); font-weight: 800; font-size: 47px; line-height: 1;
  letter-spacing: -.035em; color: var(--dbs-gold); display: block; margin-bottom: 9px;
}
.dbs-stat-grid p { font-size: 14px; line-height: 1.4; margin: 0 0 9px; max-width: 200px; }
.dbs-stat-grid em { font-family: var(--fm); font-size: 9px; letter-spacing: .1em; color: var(--dbs-faint); font-style: normal; display: block; margin-bottom: 11px; }
.dbs-stat-grid small { font-size: 12.5px; line-height: 1.45; color: var(--dbs-dim); font-style: italic; }

.dbs-band { background: var(--dbs-bg); padding: 56px 32px; }
.dbs-band-inner {
  max-width: 1400px; margin: 0 auto; position: relative; overflow: hidden;
  border-radius: 28px; border: 1px solid rgba(224,169,75,.24);
  display: grid; grid-template-columns: auto 1fr auto; gap: 38px; align-items: center;
  padding: 34px 40px; background: linear-gradient(100deg, rgba(11,10,9,.9), rgba(26,15,13,.78));
}
.dbs-band-mark { color: var(--dbs-gold); animation: dbs-bob 4.6s ease-in-out infinite; }
.dbs-band h2 { font-family: var(--fd); font-weight: 800; font-size: 34px; letter-spacing: -.03em; margin: 8px 0; }
.dbs-band p { color: var(--dbs-muted); margin: 0; max-width: 520px; }

body.dg-brand-docketbs .dg-lamp {
  background: rgba(6,5,5,.78); backdrop-filter: blur(11px);
}
body.dg-brand-docketbs .dg-lamp-box {
  border: 1px solid var(--dbs-gold-line); border-radius: 24px;
  background: linear-gradient(180deg, rgba(224,169,75,.09), rgba(11,10,9,.92)), #0c0b09;
  color: var(--dbs-ink); box-shadow: 0 50px 130px rgba(0,0,0,.85);
}
body.dg-brand-docketbs .dg-lamp-head b { font-family: var(--fd); }
body.dg-brand-docketbs #dgLampQ { background: transparent; color: var(--dbs-ink); font-size: 19px; font-weight: 600; }
body.dg-brand-docketbs .dg-lamp-hint { font-family: var(--fm); font-size: 9.5px; letter-spacing: .08em; color: var(--dbs-faint); }
body.dg-brand-docketbs .dg-join-box {
  background: var(--dbs-panel); border: 1px solid var(--dbs-gold-line); border-radius: 24px; color: var(--dbs-ink);
}

body.dg-brand-docketbs .dg-inner h1,
body.dg-brand-docketbs .dg-main h1 { font-family: var(--fd); letter-spacing: -.03em; }
body.dg-brand-docketbs .dg-lede { color: var(--dbs-muted); }

@media (max-width: 1000px) {
  .dbs-hero-grid, .dbs-band-inner, .dbs-foot-grid { grid-template-columns: 1fr; }
  .dbs-stat-grid { grid-template-columns: 1fr 1fr; }
  .dbs-plaque { left: 12px; bottom: 12px; }
  .dbs-coin { right: 8px; top: 16px; width: 88px; height: 88px; }
}
@media (max-width: 860px) {
  .dbs-tag, .dbs-admin-chip, .dbs-donate-pill span { display: none; }
  .dbs-nav .dg-drop > a { padding: 0 8px; font-size: 12.5px; }
}
@media (max-width: 640px) {
  .dbs-nav, .dbs-mega { display: none !important; }
  .dbs-burger { display: flex !important; align-items: center; justify-content: center; }
  .dbs-bar.is-open .dbs-nav {
    display: flex !important; flex-direction: column; width: 100%; height: auto;
    padding: 8px 16px 16px;
  }
  .dbs-bar.is-open .dbs-nav .dg-drop { height: auto; }
  .dbs-stat-grid { grid-template-columns: 1fr; }
  .dbs-fab span, .dbs-fab { font-size: 13px; padding: 12px 16px; }
}