/* Homepage hero: clear the fixed 80px navigation and grow with its content.
   Kept separate because this checkout contains only the compiled website. */
section.relative:has(> div > img[src="/images/cube-t-bluegrey.jpeg"]) {
  padding-top: calc(5rem + 2rem);
  padding-bottom: 2rem;
}

section.relative:has(> div > img[src="/images/cube-t-bluegrey.jpeg"]) > .relative {
  min-width: 0;
  width: 100%;
  overflow-wrap: break-word;
}

@media (max-width: 767px) {
  section.relative:has(> div > img[src="/images/cube-t-bluegrey.jpeg"]) h1 {
    font-size: clamp(2rem, 8vw, 3rem);
  }
}