/* Keep the full fracture effect within a shorter scroll section. */
.shatter { min-height: 0; padding: 0; }
.shatter__stage { position: relative; height: 56vh; height: 56svh; min-height: 300px; }
.shatter__headline { font-size: clamp(3rem, min(16.5vw, 19svh), 14rem); transition: none; }
.shatter__cue { display: none; font-size: 10px; letter-spacing: .16em; }
.shatter.is-enhanced { min-height: 140vh; min-height: 140svh; }
.shatter.is-enhanced .shatter__stage { position: sticky; top: 0; height: 76vh; height: 76svh; }
.shatter.is-enhanced .shatter__cue { display: inline-flex; }
.shatter.is-static .shatter__stage { height: 56vh; height: 56svh; min-height: 300px; }
.space-page .pillar-stage { padding-bottom: 16px; }

@media (max-width: 600px) {
  .shatter.is-enhanced { min-height: 120vh; min-height: 120svh; }
  .shatter.is-enhanced .shatter__stage { height: 64vh; height: 64svh; }
  .shatter__stage, .shatter.is-static .shatter__stage { height: 48vh; height: 48svh; }
}
@media (max-height: 440px) and (orientation: landscape) {
  .shatter__stage, .shatter.is-static .shatter__stage { min-height: 0; }
}