.oud-for-grace-notes__stage{
  height:calc(100svh - var(--announcement-bar-height) - var(--header-height));
  isolation:isolate;
  overflow:hidden;
  position:relative;
}

.oud-for-grace-notes__media{
  inset:0;
  position:absolute;
}

.oud-for-grace-notes__media img,.oud-for-grace-notes__media video{
  height:100%;
  object-fit:cover;
  width:100%;
}

.oud-for-grace-notes__media:after{
  background:var(--overlay-colour, #000);
  content:"";
  inset:0;
  opacity:var(--overlay-opacity, .25);
  position:absolute;
}

.oud-for-grace-notes__families{
  align-items:flex-start;
  display:flex;
  gap:var(--spacing-4);
  inset-block-start:var(--spacing-6);
  inset-inline:var(--spacing-5);
  justify-content:space-between;
  position:absolute;
}

.oud-for-grace-notes__family{
  font-size:clamp(2.2rem, 3vw, 4.4rem);
  font-weight:var(--heading-weight);
  letter-spacing:.04em;
  line-height:1;
  mix-blend-mode:difference;
  text-transform:uppercase;
}

@media (width >= 768px),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:1){
  .oud-for-grace-notes__families{
    inset-block-start:var(--spacing-8);
    inset-inline:var(--spacing-8);
  }
}