/* Readable by default, including if the module cannot load. */
html:not(.is-enhanced) .hero {
  height: auto;
}
html:not(.is-enhanced) .hero-stage {
  height: auto;
  min-height: 0;
  position: relative;
  padding-top: max(650px, 100svh);
}
html:not(.is-enhanced) .hero-copy {
  top: 180px;
}
html:not(.is-enhanced) .hero-photo {
  height: max(650px, 100svh);
  clip-path: none;
}
html:not(.is-enhanced) .hero-backdrop,
html:not(.is-enhanced) .life-tag,
html:not(.is-enhanced) .hero-device,
html:not(.is-enhanced) .reveal-sticker,
html:not(.is-enhanced) .menu-button {
  display: none;
}
html:not(.is-enhanced) .hero-bottom {
  top: calc(max(650px, 100svh) - 75px);
  bottom: auto;
}
html:not(.is-enhanced) .reveal-copy {
  position: relative;
  top: auto;
  left: auto;
  max-width: 650px;
  margin: 0 auto;
  padding: 90px 24px;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
html:not(.is-enhanced) .site-header {
  position: absolute;
}
html:not(.is-enhanced) .product-tabs {
  display: none;
}
html:not(.is-enhanced) .product-panel[hidden] {
  display: grid !important;
  margin-top: 28px;
}
html:not(.is-enhanced) .reveal-copy {
  right: auto;
  scroll-margin-top: 0;
}

html:not(.is-enhanced) .hero-anchor {
  top: max(650px, 100svh);
}