:root {
  --vanguard-copy-bg: #11130f;
  --vanguard-copy-border: rgba(211, 163, 75, 0.62);
}

html,
body,
.site {
  max-width: 100%;
  overflow-x: clip;
}

.hero {
  background-image:
    linear-gradient(90deg, #050606f0, #0506066b 48%, #050606ad),
    linear-gradient(#0506060f, #070807 96%),
    url("/media/dayz-hero-overlook.webp");
}

.arsenal {
  background-image:
    linear-gradient(#080908f5, #080908fa),
    url("/media/dayz-squad-ridge.webp");
}

.command,
.support-card {
  background-image:
    linear-gradient(#0b0d0bf0, #0a0b0afa),
    url("/media/dayz-safe-base.webp");
}

.support-card {
  background-image:
    linear-gradient(90deg, #161c12f0, #0c0d0cf5),
    url("/media/dayz-safe-base.webp");
}

.vanguard-trust-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 22px auto 0;
  max-width: 940px;
}

.vanguard-trust-actions a,
.vanguard-trust-actions button,
.vanguard-copy-panel button,
.vanguard-copy-panel a {
  align-items: center;
  background: var(--vanguard-copy-bg);
  border: 1px solid var(--vanguard-copy-border);
  border-radius: 4px;
  color: #f1efe6;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--condensed);
  font-size: 14px;
  font-weight: 900;
  gap: 9px;
  justify-content: center;
  letter-spacing: 0.14em;
  min-height: 46px;
  padding: 0 18px;
  text-decoration: none;
  text-transform: uppercase;
}

.vanguard-trust-actions .primary,
.vanguard-copy-panel .primary {
  background: linear-gradient(#e1b65d, #c58e37);
  border-color: transparent;
  color: #11100b;
}

.vanguard-copy-panel {
  background: linear-gradient(135deg, rgba(18, 21, 17, 0.98), rgba(8, 9, 8, 0.96));
  border: 1px solid rgba(211, 163, 75, 0.36);
  border-radius: 8px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42);
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr auto auto;
  margin: 26px auto 0;
  max-width: 900px;
  padding: 22px;
}

.vanguard-copy-panel h3 {
  color: var(--heading);
  font-family: var(--display);
  font-size: 30px;
  letter-spacing: 0.06em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.vanguard-copy-panel p {
  color: #c8cbc0;
  font-size: 16px;
  line-height: 1.45;
  margin: 0;
}

.vanguard-copy-panel code {
  color: #d3a34b;
  font-family: var(--mono);
  font-size: 16px;
}

.vanguard-notice {
  color: #9fda66;
  font-family: var(--condensed);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  margin-top: 10px;
  min-height: 18px;
  text-transform: uppercase;
}

.small-controls button,
.panel button {
  display: none;
}

.panel.feed p:last-of-type {
  margin-bottom: 0;
}

@media (width <= 720px) {
  .site {
    overflow-x: hidden;
  }

  .hero {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-copy {
    max-width: 100%;
    width: 100%;
  }

  .hero-copy h1 {
    font-size: clamp(34px, 10.2vw, 42px);
    line-height: 1.02;
    max-width: 100%;
    text-wrap: balance;
  }

  .hero-copy p {
    max-width: 100%;
  }

  .status-bar {
    max-width: 100%;
  }

  .status-bar strong {
    font-size: 24px;
    overflow-wrap: anywhere;
  }

  .vanguard-trust-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .vanguard-trust-actions a,
  .vanguard-trust-actions button {
    width: 100%;
  }

  .vanguard-copy-panel {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .vanguard-copy-panel h3 {
    font-size: 26px;
  }
}