/* Guest reviews art, right side (client, 2026-10-29: "the image on the far right side needs to be properly faded
   into the page"). The sunset, sea and fence used to run straight off the screen (art wider than the viewport) or stop
   on a hard vertical line (wide screens). The art now dissolves over a wide smootherstep zone that always ends at its
   VISIBLE right edge: the art's own end or the right edge of the 1900px frame, whichever comes first.
   --grv-e = that edge in the art's coordinates; --grv-f = the fade width. Loaded last. */
@media(min-width:1151px){
  .grv .grv__art{
    --grv-e:min(100%, calc(min(100vw, 1900px) - var(--rail) + 175 * var(--k)));
    --grv-f:clamp(240px, 19vw, 360px);
    -webkit-mask:linear-gradient(90deg,#000 0,#000 calc(var(--grv-e) - var(--grv-f)), rgba(0,0,0,1) calc(var(--grv-e) - var(--grv-f) * 1.0), rgba(0,0,0,0.99) calc(var(--grv-e) - var(--grv-f) * 0.9), rgba(0,0,0,0.94) calc(var(--grv-e) - var(--grv-f) * 0.8), rgba(0,0,0,0.84) calc(var(--grv-e) - var(--grv-f) * 0.7), rgba(0,0,0,0.68) calc(var(--grv-e) - var(--grv-f) * 0.6), rgba(0,0,0,0.5) calc(var(--grv-e) - var(--grv-f) * 0.5), rgba(0,0,0,0.32) calc(var(--grv-e) - var(--grv-f) * 0.4), rgba(0,0,0,0.16) calc(var(--grv-e) - var(--grv-f) * 0.3), rgba(0,0,0,0.06) calc(var(--grv-e) - var(--grv-f) * 0.2), rgba(0,0,0,0.01) calc(var(--grv-e) - var(--grv-f) * 0.1), rgba(0,0,0,0) calc(var(--grv-e) - var(--grv-f) * 0.0), transparent 100%);
            mask:linear-gradient(90deg,#000 0,#000 calc(var(--grv-e) - var(--grv-f)), rgba(0,0,0,1) calc(var(--grv-e) - var(--grv-f) * 1.0), rgba(0,0,0,0.99) calc(var(--grv-e) - var(--grv-f) * 0.9), rgba(0,0,0,0.94) calc(var(--grv-e) - var(--grv-f) * 0.8), rgba(0,0,0,0.84) calc(var(--grv-e) - var(--grv-f) * 0.7), rgba(0,0,0,0.68) calc(var(--grv-e) - var(--grv-f) * 0.6), rgba(0,0,0,0.5) calc(var(--grv-e) - var(--grv-f) * 0.5), rgba(0,0,0,0.32) calc(var(--grv-e) - var(--grv-f) * 0.4), rgba(0,0,0,0.16) calc(var(--grv-e) - var(--grv-f) * 0.3), rgba(0,0,0,0.06) calc(var(--grv-e) - var(--grv-f) * 0.2), rgba(0,0,0,0.01) calc(var(--grv-e) - var(--grv-f) * 0.1), rgba(0,0,0,0) calc(var(--grv-e) - var(--grv-f) * 0.0), transparent 100%);
  }
}
/* wide screens keep the existing left fade as well (both masks intersected) */
@media(min-width:1901px){
  .grv .grv__art{
    -webkit-mask:linear-gradient(90deg,#000 0,#000 calc(var(--grv-e) - var(--grv-f)), rgba(0,0,0,1) calc(var(--grv-e) - var(--grv-f) * 1.0), rgba(0,0,0,0.99) calc(var(--grv-e) - var(--grv-f) * 0.9), rgba(0,0,0,0.94) calc(var(--grv-e) - var(--grv-f) * 0.8), rgba(0,0,0,0.84) calc(var(--grv-e) - var(--grv-f) * 0.7), rgba(0,0,0,0.68) calc(var(--grv-e) - var(--grv-f) * 0.6), rgba(0,0,0,0.5) calc(var(--grv-e) - var(--grv-f) * 0.5), rgba(0,0,0,0.32) calc(var(--grv-e) - var(--grv-f) * 0.4), rgba(0,0,0,0.16) calc(var(--grv-e) - var(--grv-f) * 0.3), rgba(0,0,0,0.06) calc(var(--grv-e) - var(--grv-f) * 0.2), rgba(0,0,0,0.01) calc(var(--grv-e) - var(--grv-f) * 0.1), rgba(0,0,0,0) calc(var(--grv-e) - var(--grv-f) * 0.0), transparent 100%),linear-gradient(90deg,transparent 0,#000 90px,#000 100%);-webkit-mask-composite:source-in;
            mask:linear-gradient(90deg,#000 0,#000 calc(var(--grv-e) - var(--grv-f)), rgba(0,0,0,1) calc(var(--grv-e) - var(--grv-f) * 1.0), rgba(0,0,0,0.99) calc(var(--grv-e) - var(--grv-f) * 0.9), rgba(0,0,0,0.94) calc(var(--grv-e) - var(--grv-f) * 0.8), rgba(0,0,0,0.84) calc(var(--grv-e) - var(--grv-f) * 0.7), rgba(0,0,0,0.68) calc(var(--grv-e) - var(--grv-f) * 0.6), rgba(0,0,0,0.5) calc(var(--grv-e) - var(--grv-f) * 0.5), rgba(0,0,0,0.32) calc(var(--grv-e) - var(--grv-f) * 0.4), rgba(0,0,0,0.16) calc(var(--grv-e) - var(--grv-f) * 0.3), rgba(0,0,0,0.06) calc(var(--grv-e) - var(--grv-f) * 0.2), rgba(0,0,0,0.01) calc(var(--grv-e) - var(--grv-f) * 0.1), rgba(0,0,0,0) calc(var(--grv-e) - var(--grv-f) * 0.0), transparent 100%),linear-gradient(90deg,transparent 0,#000 90px,#000 100%);mask-composite:intersect;
  }
}