.page {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 768px;
  min-height: max(100vh, 768px);
  min-height: max(100svh, 768px);
  overflow: hidden;
  background: var(--color-background-desktop);
}

.hero {
  flex: 1;
}

.accent {
  position: absolute;
  bottom: -562px;
  left: -728px;
  width: 1095px;
  height: 834px;
  pointer-events: none;
}

.accent img {
  position: absolute;
  top: -154px;
  left: -154px;
  display: block;
  width: 1403px;
  height: 1142px;
  max-width: none;
}

@media (max-width: 1079px) {
  .page {
    min-height: 812px;
    min-height: max(100vh, 812px);
    min-height: max(100svh, 812px);
    background: var(--color-background-mobile);
  }

  .accent {
    bottom: -548px;
    left: -778px;
  }
}