/* The homepage/attractions sand-to-white palette, on one continuous canvas.
   Section veils reproduce the same page gradient at their measured document offset. */
html:has(body.pd-coastal-canvas),body.pd-coastal-canvas{background:#fff}
body.pd-coastal-canvas main{
 --pd-flow-paint:linear-gradient(180deg,#faf7f0 0%,#faf7f0 12%,#faf7f0ad 26%,#faf7f099 38%,#faf7f080 50%,#faf7f060 62%,#faf7f040 74%,#faf7f012 88%,#fff 96%,#fff 100%),linear-gradient(#fff,#fff);
 --pd-flow-height:8000px;
 display:flow-root;background-image:var(--pd-flow-paint);background-color:#fff;
}
body.pd-coastal-canvas main>:is(.srvs,.guest-reference,.pam,.psr,.psm-sec,.pbc){background:transparent}
body.pd-coastal-canvas .pdh::after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:clamp(60px,6vw,100px);pointer-events:none;background:linear-gradient(to bottom,rgba(250,247,240,0) 0%,rgba(250,247,240,.01) 10%,rgba(250,247,240,.06) 20%,rgba(250,247,240,.16) 30%,rgba(250,247,240,.32) 40%,rgba(250,247,240,.5) 50%,rgba(250,247,240,.68) 60%,rgba(250,247,240,.84) 70%,rgba(250,247,240,.94) 80%,rgba(250,247,240,.99) 90%,#faf7f0 100%)}
/* Mask the overlay, not the photos. The overlay's color follows the shared canvas. */
body.pd-coastal-canvas :is(.guest-reference,.sgr__mobile-photo-wrap,.ssc__photos)::after,
body.pd-coastal-canvas :is(.pam,.psr)::after{
 background-image:var(--pd-flow-paint);background-color:#fff;
 background-size:100% var(--pd-flow-height);background-position:0 calc(-1 * var(--pd-flow-y,0px));background-repeat:no-repeat;
 -webkit-mask-image:var(--guest-fade-y),var(--guest-fade-x);mask-image:var(--guest-fade-y),var(--guest-fade-x);
 -webkit-mask-composite:source-over;mask-composite:add;
}
body.pd-coastal-canvas :is(.pam,.psr)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
body.pd-coastal-canvas .psm__photo{filter:url(#pd-paper-white);mix-blend-mode:multiply}
/* Same white-paper footer artwork and fade as the other two pages. */
body.pd-coastal-canvas #site-footer{--paper:#fff;background:#fff}
body.pd-coastal-canvas #site-footer::before{background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.97) 15%,rgba(255,255,255,.84) 32%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.33) 68%,rgba(255,255,255,.11) 85%,rgba(255,255,255,0) 100%)}
@media(max-width:540px){body.pd-coastal-canvas .sgr__mobile-photo-wrap::after{-webkit-mask-image:var(--guest-fade-y);mask-image:var(--guest-fade-y)}}

body.pd-coastal-canvas :is(.pam,.psr){--guest-fade-y:linear-gradient(to bottom,rgba(250,246,239,1.000) 0%,rgba(250,246,239,0.990) 2.4%,rgba(250,246,239,0.940) 4.8%,rgba(250,246,239,0.840) 7.2%,rgba(250,246,239,0.680) 9.6%,rgba(250,246,239,0.500) 12%,rgba(250,246,239,0.320) 14.4%,rgba(250,246,239,0.160) 16.8%,rgba(250,246,239,0.060) 19.2%,rgba(250,246,239,0.010) 21.6%,rgba(250,246,239,0.000) 24%,rgba(250,246,239,0.000) 78%,rgba(250,246,239,0.010) 80.2%,rgba(250,246,239,0.060) 82.4%,rgba(250,246,239,0.160) 84.6%,rgba(250,246,239,0.320) 86.8%,rgba(250,246,239,0.500) 89%,rgba(250,246,239,0.680) 91.2%,rgba(250,246,239,0.840) 93.4%,rgba(250,246,239,0.940) 95.6%,rgba(250,246,239,0.990) 97.8%,rgba(250,246,239,1.000) 100%);--guest-fade-x:linear-gradient(to right,rgba(250,246,239,1.000) 0%,rgba(250,246,239,0.990) 2.2%,rgba(250,246,239,0.940) 4.4%,rgba(250,246,239,0.840) 6.6%,rgba(250,246,239,0.680) 8.8%,rgba(250,246,239,0.500) 11%,rgba(250,246,239,0.320) 13.2%,rgba(250,246,239,0.160) 15.4%,rgba(250,246,239,0.060) 17.6%,rgba(250,246,239,0.010) 19.8%,rgba(250,246,239,0.000) 22%,rgba(250,246,239,0.000) 78%,rgba(250,246,239,0.010) 80.2%,rgba(250,246,239,0.060) 82.4%,rgba(250,246,239,0.160) 84.6%,rgba(250,246,239,0.320) 86.8%,rgba(250,246,239,0.500) 89%,rgba(250,246,239,0.680) 91.2%,rgba(250,246,239,0.840) 93.4%,rgba(250,246,239,0.940) 95.6%,rgba(250,246,239,0.990) 97.8%,rgba(250,246,239,1.000) 100%)}