.hl-home > section[data-screen-label] {
  height: var(--hl-screen) !important;
  min-height: var(--hl-screen);
}

@media (max-width: 640px), (pointer: coarse) {
  .hl-home {
    background-attachment: scroll !important;
  }

  #hl-grain {
    display: none;
  }

  .hl-home > section[data-screen-label="Two"],
  .hl-home > section[data-screen-label="Three"],
  .hl-home > section[data-screen-label="Footer"] {
    padding-left: var(--hl-gutter) !important;
    padding-right: max(20px, env(safe-area-inset-right, 0px)) !important;
  }

  .hl-home > section[data-screen-label="Three"],
  .hl-home > section[data-screen-label="Footer"] {
    height: auto !important;
    min-height: var(--hl-screen);
  }

  .hl-home > section[data-screen-label="One"] h1 {
    left: var(--hl-gutter) !important;
    bottom: max(24px, env(safe-area-inset-bottom, 0px)) !important;
  }

  .hl-home > section[data-screen-label="Residency"] .hl-residency-copy {
    left: var(--hl-gutter) !important;
    bottom: max(24px, env(safe-area-inset-bottom, 0px)) !important;
  }
}