/* Good Sam booking artwork: continuous low shoreline, no right-side splash,
   and two restrained shells. Typography and section geometry are untouched. */
@media (min-width: 1201px) {
  /* The approved plate contains no grass, so retain only the standard edge
     feather rather than the former grass-extraction mask. */
  .gsb .gsb__plate {
    -webkit-mask-image:
      linear-gradient(to right, transparent 0, #000 2.4%, #000 97.6%, transparent 100%),
      linear-gradient(to bottom, transparent 0, #000 2.4%, #000 97.6%, transparent 100%);
    -webkit-mask-size: 100% 100%, 100% 100%;
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0, #000 2.4%, #000 97.6%, transparent 100%),
      linear-gradient(to bottom, transparent 0, #000 2.4%, #000 97.6%, transparent 100%);
    mask-size: 100% 100%, 100% 100%;
    mask-composite: intersect;
  }

  /* Continue the low shoreline through the left rail. This samples a clean,
     shell-free stretch of the same watercolor so the plate's two shells are
     not duplicated at the viewport edge. */
  .gsb .gsb__stage::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: calc(var(--rail) + 112 * var(--u));
    height: calc(170 * var(--u));
    background-image: url("../img/goodsam-book/booking-coastline-through-shells-light.png?v=1");
    background-repeat: no-repeat;
    background-position: calc(-900 * var(--u)) bottom;
    background-size: calc(1639 * var(--u)) calc(960 * var(--u));
    opacity: .78;
    filter: saturate(.82) contrast(.94);
    -webkit-mask-image:
      linear-gradient(to right, rgba(0,0,0,.82) 0, rgba(0,0,0,.72) 45%, rgba(0,0,0,.3) 76%, transparent 100%),
      linear-gradient(to bottom, transparent 0, rgba(0,0,0,.45) 28%, rgba(0,0,0,.8) 58%, rgba(0,0,0,.25) 91%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, rgba(0,0,0,.82) 0, rgba(0,0,0,.72) 45%, rgba(0,0,0,.3) 76%, transparent 100%),
      linear-gradient(to bottom, transparent 0, rgba(0,0,0,.45) 28%, rgba(0,0,0,.8) 58%, rgba(0,0,0,.25) 91%, transparent 100%);
    mask-composite: intersect;
  }
}