/* The supplied Galveston illustration, with live typography from the other sections. */
.sgx{height:clamp(620px,56.3vw,788px);padding:0;--guest-fade-y:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.94) 2%,rgba(0,0,0,.68) 4%,rgba(0,0,0,.32) 6%,rgba(0,0,0,.06) 8%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 86%,rgba(0,0,0,.06) 88.8%,rgba(0,0,0,.32) 91.6%,rgba(0,0,0,.68) 94.4%,rgba(0,0,0,.94) 97.2%,#000 100%);--guest-fade-x:linear-gradient(to right,#000 0%,rgba(0,0,0,.94) 1%,rgba(0,0,0,.68) 2%,rgba(0,0,0,.32) 3%,rgba(0,0,0,.06) 4%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.06) 96%,rgba(0,0,0,.32) 97%,rgba(0,0,0,.68) 98%,rgba(0,0,0,.94) 99%,#000 100%)}
body.pd-coastal-canvas main>.sgx{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}
.sgx.guest-reference>.guest-reference__art{object-fit:fill;filter:url(#pd-paper-white);mix-blend-mode:multiply}
.sgx__heading{position:relative;z-index:1;text-align:center;width:79%;margin-left:17%;padding-top:58px}
.sgx .guest-reference__eyebrow{display:flex;justify-content:center;align-items:center;gap:24px}
.sgx .guest-reference__eyebrow::before,.sgx .guest-reference__eyebrow::after{content:"";width:80px;height:1px;background:#99734780}
.sgx #sgx-title{margin:26px auto 0;text-wrap:balance}
.sgx #sgx-title span{display:block;margin-top:8px}
.sgx__wave{display:block;width:300px;height:28px;margin:16px auto 0}
@media(max-width:1150px){.sgx{height:650px}.sgx__heading{padding-top:54px;width:77%;margin-left:20%}.sgx .guest-reference__eyebrow{font-size:12px;letter-spacing:.2em}.sgx .guest-reference__eyebrow::before,.sgx .guest-reference__eyebrow::after{width:44px}.sgx #sgx-title{max-width:730px}}
@media(max-width:900px){.sgx{height:600px}.sgx__heading{padding-top:48px;width:76%;margin-left:21%}.sgx #sgx-title{font-size:clamp(28px,4.8vw,40px);line-height:1.18}.sgx .guest-reference__eyebrow{gap:14px}.sgx .guest-reference__eyebrow::before,.sgx .guest-reference__eyebrow::after{width:30px}.sgx__wave{width:220px;margin-top:14px}}
@media(max-width:600px){
 .sgx{height:calc(56.3vw + 230px);max-height:570px}
 .sgx.guest-reference>.guest-reference__art{inset:auto 0 0;height:auto;aspect-ratio:1672/941;object-fit:contain}
 .sgx__heading{width:calc(100% - 44px);margin:0 auto;padding-top:32px}
 .sgx .guest-reference__eyebrow{font-size:10px;letter-spacing:.19em;gap:12px}
 .sgx #sgx-title{font-size:28px;line-height:1.18;margin-top:22px;max-width:440px}
 .sgx #sgx-title span{margin-top:10px}.sgx__wave{height:22px;width:200px;margin-top:12px}
}
/* On phones the full illustration sits below the heading; align its upper fade
   with the picture's actual top, using the same page-colored veil. */
@media(max-width:600px){.sgx{--guest-fade-y:linear-gradient(to bottom,#000 0%,#000 calc(100% - 56.3vw),rgba(0,0,0,.94) calc(100% - 53.5vw),rgba(0,0,0,.68) calc(100% - 50.7vw),rgba(0,0,0,.32) calc(100% - 47.9vw),rgba(0,0,0,.06) calc(100% - 45.1vw),rgba(0,0,0,0) calc(100% - 42.3vw),rgba(0,0,0,0) 88%,rgba(0,0,0,.06) 90.4%,rgba(0,0,0,.32) 92.8%,rgba(0,0,0,.68) 95.2%,rgba(0,0,0,.94) 97.6%,#000 100%)}}

/* Full-bleed Galveston artwork; retain only the top and bottom canvas transitions. */
.sgx.guest-reference{width:100%;max-width:none;margin-left:0;margin-right:0;--guest-fade-x:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0))}

.sgx .sgx__attractions{margin-top:22px}
@media(max-width:600px){.sgx{height:calc(56.3vw + 330px);max-height:none}.sgx .sgx__attractions{margin-top:20px}}