/* Preview-only fix for the pool image's cropped upper row. The overlay uses
   the section's exact paper color and fades in two axes to avoid either a
   horizontal cutoff or a new vertical edge beside the copy. */
.coast::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-3px;
  right:-3px;
  left:calc(500 * var(--ux));
  height:calc(190 * var(--u));
  pointer-events:none;
  background:linear-gradient(to bottom,
    #faf6ef 0%,
    rgba(250,246,239,.995) 12%,
    rgba(250,246,239,.94) 28%,
    rgba(250,246,239,.72) 48%,
    rgba(250,246,239,.4) 66%,
    rgba(250,246,239,.14) 83%,
    rgba(250,246,239,0) 100%);
  -webkit-mask-image:linear-gradient(to right,
    transparent 0,
    rgba(0,0,0,.18) calc(38 * var(--ux)),
    rgba(0,0,0,.72) calc(104 * var(--ux)),
    #000 calc(170 * var(--ux)),
    #000 100%);
          mask-image:linear-gradient(to right,
    transparent 0,
    rgba(0,0,0,.18) calc(38 * var(--ux)),
    rgba(0,0,0,.72) calc(104 * var(--ux)),
    #000 calc(170 * var(--ux)),
    #000 100%);
}

@media (max-width:760px){
  .coast::before{
    left:28%;
    height:calc(165 * var(--u));
  }
}