/* Arma 3 additions on top of the shared LONE ACTUAL brand system.
   Shared by the root (EN) page and every language subdirectory. */

.hero-top .hero-logo { height: 54px; width: auto; opacity: 0.95; }

/* Theaters of Operation -- one card per terrain, showing that terrain's package art */
.theaters { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px; margin: 6px 0 20px; }
.theater { border: 1px solid var(--rule); background: var(--card); overflow: hidden;
  display: flex; flex-direction: column; }
.theater img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; display: block;
  filter: saturate(0.9) contrast(1.02); border-bottom: 1px solid var(--rule); }
.theater .body { padding: 14px 18px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.theater h3 { font-family: var(--display); font-size: 19px; letter-spacing: 0.03em;
  text-transform: uppercase; color: var(--ink); margin: 0; }
.theater p { font-size: 13.5px; line-height: 1.5; color: var(--ink); margin: 0; }
.theater .status { font-family: var(--display); font-size: 11px; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--accent); margin-top: auto; }
.theater.soon { opacity: 0.66; }
.theater.soon .status { color: var(--olive-soft); }
.theater.soon .body { padding-top: 18px; }

/* footer partner logos on a dark band so the white logos read on any theme */
footer .logo-band { display: flex; align-items: center; gap: 38px; flex-wrap: wrap;
  margin-top: 22px; padding: 20px 28px; background: #0d0e0a; border: 1px solid var(--rule); }
footer .logo-band a { display: inline-flex; align-items: center; opacity: 0.82;
  transition: opacity 0.15s; text-decoration: none; }
footer .logo-band a:hover, footer .logo-band a:focus-visible { opacity: 1; }
footer .logo-band img { height: 34px; width: auto; display: block; }
footer .logo-band .td { font-family: "Noto Sans JP", system-ui, -apple-system, sans-serif;
  font-weight: 900; font-size: 1.05rem; letter-spacing: 0.06em; color: #E8E0CC; margin-left: auto; }
footer .logo-band .td span { color: #4d9fff; }