/* The approved full course photograph is desktop-only. */
@media (min-width: 861px) {
  .story-scene--opening img {
    transform: none;
    height: calc(var(--opening-section-end) + 120px);
    object-position: center 55%;
    /* Feather the outer left edge, keeping the entire upper-right scene visible. */
    mask-image:
      radial-gradient(ellipse 80vw 360px at 13% calc(var(--opening-section-end) + 20px), transparent, rgba(0, 0, 0, .1) 35%, rgba(0, 0, 0, .5) 65%, #000),
      linear-gradient(90deg, transparent, #000 clamp(72px, 8vw, 160px)),
      linear-gradient(to bottom, transparent, #000 80px, #000 calc(var(--opening-section-end) - 360px), rgba(0, 0, 0, 0.64) calc(var(--opening-section-end) - 210px), rgba(0, 0, 0, .4) calc(var(--opening-section-end) - 10px), transparent calc(var(--opening-section-end) + 110px));
    -webkit-mask-image:
      radial-gradient(ellipse 80vw 360px at 13% calc(var(--opening-section-end) + 20px), transparent, rgba(0, 0, 0, .1) 35%, rgba(0, 0, 0, .5) 65%, #000),
      linear-gradient(90deg, transparent, #000 clamp(72px, 8vw, 160px)),
      linear-gradient(to bottom, transparent, #000 80px, #000 calc(var(--opening-section-end) - 360px), rgba(0, 0, 0, 0.64) calc(var(--opening-section-end) - 210px), rgba(0, 0, 0, .4) calc(var(--opening-section-end) - 10px), transparent calc(var(--opening-section-end) + 110px));
    mask-composite: intersect;
    -webkit-mask-composite: source-in;
  }
  .story-scene--opening::before { display: none; }
  .story-scene--opening::after,
  .premium-opening .opening-photo::after {
    background: linear-gradient(90deg, rgba(13, 23, 19, .72), rgba(13, 23, 19, .49) 38%, rgba(13, 23, 19, .12) 68%, transparent);
  }
  .premium-opening .opening-photo { inset: 0; height: 100%; }
  .premium-opening .opening-photo img { object-position: center 55%; }
  .premium-opening .opening-copy { text-shadow: 0 2px 20px rgba(0, 0, 0, .35); }
  .premium-opening .opening-description { color: var(--cream); }
  .premium-opening .opening-actions { text-shadow: none; }
}