/* V2 additions: authentic Guitar God fire artwork. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.hero-figure {
  width: min(55vw, 850px);
  height: min(72vh, 680px);
  right: 1vw;
  bottom: 5%;
  background-image: linear-gradient(to top, #080808 0%, transparent 28%), linear-gradient(to right, transparent 72%, #080808 100%), url('../assets/images/guitar-god-hero.jpg');
  background-size: cover;
  background-position: center;
  filter: saturate(1.18) contrast(1.08);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 90%, transparent 100%);
}
.hero-figure .halo { display: none; }
.video-frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-sound-control {
  margin: 28px 0 8px;
}
.video-sound-control audio {
  display: none;
}
.contact { min-height: auto; }
.contact-inner { width: min(920px, 100%); }
.contact-intro {
  max-width: 600px;
  margin: 28px auto 36px;
  color: #aaa59b;
}
.contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
  width: 100%;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(8,8,8,.82);
  text-align: left;
}
.form-field { display: grid; gap: 8px; }
.form-field-wide { grid-column: 1 / -1; }
.form-field label {
  color: #aaa59b;
  font: 700 11px Inter, Arial, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.form-field input,
.form-field textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 0;
  background: #111;
  color: #f1eee7;
  padding: 14px 15px;
  outline: none;
}
.form-field textarea { min-height: 150px; resize: vertical; }
.form-field input:focus,
.form-field textarea:focus {
  border-color: #e22a1f;
  box-shadow: 0 0 0 2px rgba(226,42,31,.18);
}
.form-trap { position: absolute; left: -9999px; }
.form-submit { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.form-status { margin: 0; color: #aaa59b; font-size: 13px; }
.form-status.is-success { color: #9bd486; }
.form-status.is-error { color: #ff756d; }
@media (max-width: 900px) {
  .hero-figure { width: 115%; height: 55%; right: -25%; bottom: 0; background-position: center; opacity: .58; }
  .ticker {
    width: 100%;
    max-width: 100vw;
    transform: none;
  }
}

@media (max-width: 560px) {
  .hero {
    min-height: 980px;
    padding-bottom: 410px;
  }
  .hero-content {
    width: 100%;
  }
  .hero-figure {
    width: 100%;
    height: 355px;
    right: 0;
    bottom: 22px;
    opacity: .9;
    background-size: cover;
    background-position: center;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 88%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 88%, transparent 100%);
  }
}

@media (max-width: 650px) {
  .contact-form { grid-template-columns: 1fr; }
  .form-field { grid-column: 1 / -1; }
  .form-submit .button { width: 100%; }
}