/* 2026-08-26 Gumroad launch update: final visual guard layer. */

html,
body {
  overflow-x: clip;
}

body:not(:has(.voltra-field)) .hero {
  min-height: min(930px, 100svh) !important;
  padding-top: clamp(118px, 12vh, 154px) !important;
  padding-bottom: clamp(28px, 5vh, 54px) !important;
  overflow: hidden !important;
  isolation: isolate;
}

body:not(:has(.voltra-field)) .hero-bg {
  opacity: 1 !important;
  filter: contrast(1.07) saturate(1.13) brightness(1.5) !important;
  background:
    linear-gradient(90deg, rgba(2, 3, 3, .72) 0%, rgba(2, 3, 3, .42) 28%, rgba(2, 3, 3, .04) 55%, rgba(2, 3, 3, .08) 100%),
    linear-gradient(180deg, rgba(2, 3, 3, .2) 0%, rgba(2, 3, 3, .04) 34%, rgba(2, 3, 3, .64) 100%),
    url("../assets/another-machines-hero.jpg") 61% center / cover no-repeat !important;
}

body:not(:has(.voltra-field)) .hero-bg::before,
body:not(:has(.voltra-field)) .hero-bg::after,
body:not(:has(.voltra-field)) .hero-cinema__reticle,
body:not(:has(.voltra-field)) .hero-cinema__ghost {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

body:not(:has(.voltra-field)) .hero::before {
  opacity: .06 !important;
}

body:not(:has(.voltra-field)) .hero::after {
  opacity: .3 !important;
}

body:not(:has(.voltra-field)) .hero-grid {
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr) !important;
  gap: clamp(22px, 3.6vw, 72px) !important;
  align-items: end !important;
}

body:not(:has(.voltra-field)) .hero-copy {
  max-width: min(100%, 790px) !important;
  overflow: visible !important;
  z-index: 6 !important;
}

body:not(:has(.voltra-field)) .hero h1 {
  max-width: min(100%, 790px) !important;
  margin-top: clamp(22px, 3vh, 34px) !important;
  overflow: visible !important;
}

body:not(:has(.voltra-field)) .hero-heading-line {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  font-size: clamp(3.55rem, 4.95vw, 5.75rem) !important;
  line-height: .93 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  overflow: visible !important;
  clip-path: none !important;
  text-shadow: 0 18px 42px rgba(0, 0, 0, .5);
}

body:not(:has(.voltra-field)) .hero-heading-line.hot {
  width: fit-content !important;
  padding-right: .08em !important;
}

body:not(:has(.voltra-field)) .hero .lead {
  max-width: 620px !important;
}

body:not(:has(.voltra-field)) .hero .hero-actions {
  position: static !important;
  top: auto !important;
  margin-top: clamp(26px, 4vh, 42px) !important;
  margin-bottom: clamp(28px, 4vh, 54px) !important;
  padding-right: 0 !important;
  z-index: 8 !important;
}

body:not(:has(.voltra-field)) .hero-launches {
  margin-top: clamp(10px, 2vh, 20px) !important;
}

body:not(:has(.voltra-field)) .cover-constellation {
  transform: translate3d(0, 0, 0) !important;
}

.brand-rail img[alt*="Elektron"],
.brand-rail img[src*="Elektron"],
.logo-rail img[alt*="Elektron"],
.logo-rail img[src*="Elektron"],
.brand-marquee img[alt*="Elektron"],
.brand-marquee img[src*="Elektron"] {
  filter: brightness(0) invert(1) contrast(1.16) drop-shadow(0 0 14px rgba(255, 255, 255, .2)) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 1180px) {
  body:not(:has(.voltra-field)) .hero-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(:has(.voltra-field)) .hero-heading-line {
    width: auto !important;
    white-space: normal !important;
  }
}

@media (max-width: 720px) {
  body:not(:has(.voltra-field)) .hero {
    min-height: auto !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 92px) !important;
    padding-bottom: 28px !important;
  }

  body:not(:has(.voltra-field)) .hero-bg {
    filter: contrast(1.05) saturate(1.1) brightness(1.34) !important;
    background:
      linear-gradient(180deg, rgba(4, 5, 5, .72) 0%, rgba(4, 5, 5, .18) 26%, rgba(4, 5, 5, .88) 100%),
      linear-gradient(90deg, rgba(4, 5, 5, .76) 0%, rgba(4, 5, 5, .16) 58%, rgba(4, 5, 5, .34) 100%),
      url("../assets/another-machines-hero.jpg") 63% center / cover no-repeat !important;
  }

  body:not(:has(.voltra-field)) .hero-copy {
    max-width: 100% !important;
  }

  body:not(:has(.voltra-field)) .hero-kicker {
    max-width: calc(100vw - 32px) !important;
    white-space: normal !important;
  }

  body:not(:has(.voltra-field)) .hero-heading-line {
    font-size: clamp(2.65rem, 13.5vw, 4rem) !important;
    line-height: .95 !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body:not(:has(.voltra-field)) .hero .lead {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  body:not(:has(.voltra-field)) .hero .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 28px !important;
    margin-bottom: 34px !important;
  }

  body:not(:has(.voltra-field)) .hero .hero-actions .button {
    width: 100% !important;
    min-height: 52px !important;
  }

  body:not(:has(.voltra-field)) .hero-launches {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body:not(:has(.voltra-field)) .hero-launches a {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 430px) {
  body:not(:has(.voltra-field)) .hero-heading-line {
    font-size: clamp(2.35rem, 12.2vw, 3.25rem) !important;
  }
}