html, body { background: #050505 !important; }

.armagedon-section-header {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin: -3rem 0 2.5rem -50vw;
  background: #050505;
  font-family: "Open Sans", Arial, sans-serif;
}
.armagedon-section-nav {
  min-height: 88px;
  display: grid;
  grid-template-columns: 190px minmax(700px, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 0 38px;
  background: #030303;
  border-bottom: 1px solid #2d291f;
}
.armagedon-section-brand { display: flex; align-items: center; }
.armagedon-section-brand img { width: 136px; height: 74px; object-fit: contain; }
.armagedon-section-nav nav { display: flex; justify-content: center; align-items: stretch; gap: 27px; height: 88px; }
.armagedon-section-nav nav a,
.armagedon-section-actions a,
.armagedon-section-actions span {
  display: flex;
  align-items: center;
  color: #f1eadf;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.armagedon-section-nav nav a { position: relative; }
.armagedon-section-nav nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 23px;
  height: 2px;
  background: #f6bf00;
  transform: scaleX(0);
}
.armagedon-section-nav nav a:hover,
.armagedon-section-nav nav a.is-active { color: #f6bf00; }
.armagedon-section-nav nav a:hover::after,
.armagedon-section-nav nav a.is-active::after { transform: scaleX(1); }
.armagedon-section-actions { display: flex; align-items: center; gap: 20px; }
.armagedon-section-actions .armagedon-play {
  background: #ffc400;
  color: #090909;
  padding: 15px 22px;
  border-radius: 2px;
}
.armagedon-section-hero {
  position: relative;
  height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #090402;
  border-bottom: 1px solid #4a3b1a;
}
.armagedon-section-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}
.armagedon-section-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(2,7,12,.90), rgba(2,7,12,.38) 62%, rgba(2,7,12,.52));
}
.armagedon-section-hero__inner {
  position: relative;
  z-index: 2;
  width: min(1620px, calc(100% - 140px));
  margin: 0 auto;
}
.armagedon-section-hero__inner p {
  margin: 0 0 14px;
  color: #e2b54e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .28em;
}
.armagedon-section-hero__inner h1 {
  margin: 0 0 14px;
  color: #f4f0e8;
  font: 600 clamp(40px, 4vw, 60px)/1 "Cinzel", Georgia, serif;
  text-transform: uppercase;
}
.armagedon-section-hero__inner span { color: #d9d0c3; font-size: 17px; }

@media (max-width: 1500px) {
  .armagedon-section-nav { grid-template-columns: 150px 1fr; padding: 0 24px; }
  .armagedon-section-nav nav { gap: 17px; }
  .armagedon-section-actions { grid-column: 1 / -1; justify-content: flex-end; padding-bottom: 14px; }
}
@media (max-width: 1050px) {
  .armagedon-section-nav { display: block; padding: 10px 20px 18px; }
  .armagedon-section-brand { justify-content: center; }
  .armagedon-section-nav nav { height: auto; flex-wrap: wrap; gap: 8px 20px; }
  .armagedon-section-nav nav a { padding: 8px 0; }
  .armagedon-section-nav nav a::after { bottom: 2px; }
  .armagedon-section-actions { justify-content: center; margin-top: 12px; }
  .armagedon-section-hero__inner { width: calc(100% - 48px); }
}
@media (max-width: 700px) {
  .armagedon-section-nav nav { justify-content: center; }
  .armagedon-section-actions { flex-wrap: wrap; }
  .armagedon-section-hero { height: 220px; }
  .armagedon-section-hero__inner h1 { font-size: 34px; }
}