/* Park Details, RV Sites (client, 2026-11-04). Desktop only (the wash and painted sky also fade in from zero at the canvas top so no layer starts on a hard line); loaded after rv-sites-watercolor-20261031.css.
   The backdrop now starts 100px above the canvas, inside the gap below the previous section, so the blue sky can fade in
   from the cream page well above the title instead of starting at the canvas edge. The art, sky, photo and photo-sky layers
   are pushed down 100px so their geometry on the canvas is unchanged. The left watercolour sky is back to full strength
   around the title (it fades in from 35% at the canvas top), and the painted pigment overlay is switched on over the top-left.
   The real-photo sky crop reaches full strength by 35% of its height so the actual blue sky shows on the left,
   under the painted sky (held at 45-90% there) and the pigment overlay. The photo keeps its slow-start fade.
   The pigment overlay now runs across the whole top (a flipped, enlarged copy on the right), and its alpha is unioned
   into the sky-crop and photo masks, so the blue arrives inside watercolour blooms and dissolves with their edges
   instead of along a straight gradient.
   Every layer now grows over the whole upper half of the canvas with an even (smoothstep) ramp, including the
   bloom-shaped blue, so there is no band where the colour arrives; the pigment, bloom and outer ramps use a slow-start power curve. */
@media(min-width:1151px){
  .srvs__canvas{overflow:visible;clip-path:inset(-100px 0 0)}
  .srvs__backdrop{top:-100px}
  .srvs{--srvs-fade-y:linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.016) 1.9%,rgba(0,0,0,0.044) 3.8%,rgba(0,0,0,0.081) 5.6%,rgba(0,0,0,0.125) 7.5%,rgba(0,0,0,0.175) 9.4%,rgba(0,0,0,0.230) 11.2%,rgba(0,0,0,0.289) 13.1%,rgba(0,0,0,0.354) 15.0%,rgba(0,0,0,0.422) 16.9%,rgba(0,0,0,0.494) 18.8%,rgba(0,0,0,0.570) 20.6%,rgba(0,0,0,0.650) 22.5%,rgba(0,0,0,0.732) 24.4%,rgba(0,0,0,0.818) 26.2%,rgba(0,0,0,0.908) 28.1%,rgba(0,0,0,1.000) 30.0%,#000 80.2%,rgba(0,0,0,.9) 84.7%,rgba(0,0,0,.65) 89.2%,rgba(0,0,0,.35) 92.8%,rgba(0,0,0,.1) 96.4%,transparent 100.0%)}
  .srvs__art,.srvs__sky{top:100px;height:calc(100% - 100px)}
  .srvs__art{mask-image:linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.002) 2.5%,rgba(0,0,0,0.016) 5.0%,rgba(0,0,0,0.049) 7.5%,rgba(0,0,0,0.104) 10.0%,rgba(0,0,0,0.180) 12.5%,rgba(0,0,0,0.275) 15.0%,rgba(0,0,0,0.384) 17.5%,rgba(0,0,0,0.500) 20.0%,rgba(0,0,0,0.616) 22.5%,rgba(0,0,0,0.725) 25.0%,rgba(0,0,0,0.820) 27.5%,rgba(0,0,0,0.896) 30.0%,rgba(0,0,0,0.951) 32.5%,rgba(0,0,0,0.984) 35.0%,rgba(0,0,0,0.998) 37.5%,rgba(0,0,0,1.000) 40.0%,#000 100%)}
  .srvs__photo-sky{top:100px;height:calc((100% - 100px) * .45);mask-image:linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.016) 5.5%,rgba(0,0,0,0.044) 11.0%,rgba(0,0,0,0.081) 16.5%,rgba(0,0,0,0.125) 22.0%,rgba(0,0,0,0.175) 27.5%,rgba(0,0,0,0.230) 33.0%,rgba(0,0,0,0.289) 38.5%,rgba(0,0,0,0.354) 44.0%,rgba(0,0,0,0.422) 49.5%,rgba(0,0,0,0.494) 55.0%,rgba(0,0,0,0.570) 60.5%,rgba(0,0,0,0.650) 66.0%,rgba(0,0,0,0.732) 71.5%,rgba(0,0,0,0.818) 77.0%,rgba(0,0,0,0.908) 82.5%,rgba(0,0,0,1.000) 88.0%,rgba(0,0,0,.92) 86%,rgba(0,0,0,.6) 91%,rgba(0,0,0,.22) 96%,transparent 100%),url('../img/rv-sites-watercolor-20261031/sky-watercolor-overlay-wide.webp'),linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.016) 5.6%,rgba(0,0,0,0.044) 11.2%,rgba(0,0,0,0.081) 16.9%,rgba(0,0,0,0.125) 22.5%,rgba(0,0,0,0.175) 28.1%,rgba(0,0,0,0.230) 33.8%,rgba(0,0,0,0.289) 39.4%,rgba(0,0,0,0.354) 45.0%,rgba(0,0,0,0.422) 50.6%,rgba(0,0,0,0.494) 56.2%,rgba(0,0,0,0.570) 61.9%,rgba(0,0,0,0.650) 67.5%,rgba(0,0,0,0.732) 73.1%,rgba(0,0,0,0.818) 78.8%,rgba(0,0,0,0.908) 84.4%,rgba(0,0,0,1.000) 90.0%,#000 100%);mask-size:auto,100% auto,auto;mask-position:0 0,0 -100px,0 0;mask-repeat:no-repeat;mask-composite:add,intersect}
  .srvs__sky{mask-image:linear-gradient(to right,#000 0%,#000 49%,rgba(0,0,0,.8) 51%,rgba(0,0,0,.35) 54%,transparent 58%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.3) 16%,rgba(0,0,0,.5) 24%,rgba(0,0,0,.7) 32%,rgba(0,0,0,.9) 38%,#000 43%,rgba(0,0,0,.85) 47%,rgba(0,0,0,.35) 52%,transparent 57%);mask-composite:intersect}
  .srvs__photo{top:100px;height:calc((100% - 100px) * .57);mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.08) 5%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.65) 17%,rgba(0,0,0,.92) 24%,#000 31%),linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.002) 4.2%,rgba(0,0,0,0.016) 8.5%,rgba(0,0,0,0.049) 12.8%,rgba(0,0,0,0.104) 17.0%,rgba(0,0,0,0.180) 21.2%,rgba(0,0,0,0.275) 25.5%,rgba(0,0,0,0.384) 29.8%,rgba(0,0,0,0.500) 34.0%,rgba(0,0,0,0.616) 38.2%,rgba(0,0,0,0.725) 42.5%,rgba(0,0,0,0.820) 46.8%,rgba(0,0,0,0.896) 51.0%,rgba(0,0,0,0.951) 55.2%,rgba(0,0,0,0.984) 59.5%,rgba(0,0,0,0.998) 63.8%,rgba(0,0,0,1.000) 68.0%,#000 70%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.72) 83%,rgba(0,0,0,.4) 89%,rgba(0,0,0,.12) 95%,transparent 100%),url('../img/rv-sites-watercolor-20261031/sky-watercolor-overlay-wide.webp'),linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.016) 4.7%,rgba(0,0,0,0.044) 9.4%,rgba(0,0,0,0.081) 14.1%,rgba(0,0,0,0.125) 18.8%,rgba(0,0,0,0.175) 23.4%,rgba(0,0,0,0.230) 28.1%,rgba(0,0,0,0.289) 32.8%,rgba(0,0,0,0.354) 37.5%,rgba(0,0,0,0.422) 42.2%,rgba(0,0,0,0.494) 46.9%,rgba(0,0,0,0.570) 51.6%,rgba(0,0,0,0.650) 56.2%,rgba(0,0,0,0.732) 60.9%,rgba(0,0,0,0.818) 65.6%,rgba(0,0,0,0.908) 70.3%,rgba(0,0,0,1.000) 75.0%,#000 100%);mask-size:auto,auto,178.5715% auto,auto;mask-position:0 0,0 0,100% -100px,0 0;mask-repeat:no-repeat;mask-composite:intersect,add,intersect}
  .srvs__watercolor{display:block;top:0;height:calc(100px + (100% - 100px) * .5);background:url('../img/rv-sites-watercolor-20261031/sky-watercolor-overlay-wide.webp') left top/100% auto no-repeat;opacity:.72;mask-image:linear-gradient(to bottom,rgba(0,0,0,0.000) 0.0%,rgba(0,0,0,0.016) 5.0%,rgba(0,0,0,0.044) 10.0%,rgba(0,0,0,0.081) 15.0%,rgba(0,0,0,0.125) 20.0%,rgba(0,0,0,0.175) 25.0%,rgba(0,0,0,0.230) 30.0%,rgba(0,0,0,0.289) 35.0%,rgba(0,0,0,0.354) 40.0%,rgba(0,0,0,0.422) 45.0%,rgba(0,0,0,0.494) 50.0%,rgba(0,0,0,0.570) 55.0%,rgba(0,0,0,0.650) 60.0%,rgba(0,0,0,0.732) 65.0%,rgba(0,0,0,0.818) 70.0%,rgba(0,0,0,0.908) 75.0%,rgba(0,0,0,1.000) 80.0%,#000 84%,rgba(0,0,0,.6) 92%,transparent 100%),var(--srvs-fade-x);mask-composite:intersect}
}
