/* The image and sand share one coordinate system and one feathered edge. */
.home-hero .hourglass-stage {
  aspect-ratio: 878 / 572;
  -webkit-mask-image:
    linear-gradient(90deg, transparent, rgba(0, 0, 0, .14) 13%, #000 38%, #000 88%, transparent),
    linear-gradient(180deg, transparent, #000 12%, #000 86%, transparent);
  mask-image:
    linear-gradient(90deg, transparent, rgba(0, 0, 0, .14) 13%, #000 38%, #000 88%, transparent),
    linear-gradient(180deg, transparent, #000 12%, #000 86%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.home-hero .hourglass-stage img {
  -webkit-mask-image: none;
  mask-image: none;
  filter: none;
}

.hourglass-sand {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (max-width: 700px) {
  /* Leave breathing room between the stacked links and the market tape. */
  .home-hero { padding-bottom: 104px; }
}

@media (prefers-reduced-motion: reduce) {
  .hourglass-sand { display: none; }
}