#main .home-hero {
  min-height: 580px;
  height: 100svh;
}

#main .maintenance-notice {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.5vw, 40px);
  padding: 0 16px clamp(100px, 15svh, 160px);
  pointer-events: none;
  text-align: left;
}

#main .maintenance-notice .site-globe {
  width: clamp(64px, 16vw, 188px);
}

#main .maintenance-notice h1 {
  --design-font-size: clamp(1.25rem, 4vw, 3.75rem);
  --design-line-height: 1.05;
  max-width: 16ch;
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
  text-shadow: 0 2px 24px #0a0a0a;
}

@media (max-height: 720px) {
  #main .maintenance-notice .site-globe {
    width: clamp(64px, min(16vw, 16svh), 124px);
  }
}

@media (max-width: 809.98px) {
  #main .maintenance-notice {
    flex-direction: column;
    gap: clamp(12px, 3vw, 24px);
    padding-inline: 20px;
  }

  #main .maintenance-notice .site-globe {
    width: clamp(108px, min(36vw, 19svh), 200px);
  }

  #main .maintenance-notice h1 {
    --design-font-size: clamp(1.875rem, 8.5vw, 3.375rem);
    --design-text-alignment: center;
    max-width: min(100%, 19ch);
  }
}