/* A faint sheet grid, confined to the hero and faded at its edges. */
.ribbon-study .v-hero { isolation: isolate; }
.ribbon-study .v-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-image:
    linear-gradient(to right, oklch(50% .018 258 / .085) 1px, transparent 1px),
    linear-gradient(to bottom, oklch(50% .018 258 / .085) 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: center top;
  mask-image: linear-gradient(to bottom, transparent, black 12%, black 76%, transparent);
}
@media (max-width: 700px) {
  .ribbon-study .v-hero::before { opacity: .8; }
}
@media print {
  .ribbon-study .v-hero::before { display: none; }
}