@font-face{font-family:"Guest Room Signature";src:url("../fonts/library/olagre/olagre-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Reference proportions with all lettering above the artwork-only canvas veil. */
.sgr.guest-reference{display:block;min-height:0;height:auto;aspect-ratio:3/2;padding:calc(min(100vw,1400px) * .08) calc(min(100vw,1400px) * .045) calc(min(100vw,1400px) * .1) calc(min(100vw,1400px) * .52);overflow:visible;--guest-fade-x:linear-gradient(to right,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 0.80%,rgba(0,0,0,0.940) 1.60%,rgba(0,0,0,0.840) 2.40%,rgba(0,0,0,0.680) 3.20%,rgba(0,0,0,0.500) 4.00%,rgba(0,0,0,0.320) 4.80%,rgba(0,0,0,0.160) 5.60%,rgba(0,0,0,0.060) 6.40%,rgba(0,0,0,0.010) 7.20%,rgba(0,0,0,0.000) 8.00%,rgba(0,0,0,0.000) 8.00%,rgba(0,0,0,0.000) 16.40%,rgba(0,0,0,0.000) 24.80%,rgba(0,0,0,0.000) 33.20%,rgba(0,0,0,0.000) 41.60%,rgba(0,0,0,0.000) 50.00%,rgba(0,0,0,0.000) 58.40%,rgba(0,0,0,0.000) 66.80%,rgba(0,0,0,0.000) 75.20%,rgba(0,0,0,0.000) 83.60%,rgba(0,0,0,0.000) 92.00%,rgba(0,0,0,0.000) 92.00%,rgba(0,0,0,0.010) 92.80%,rgba(0,0,0,0.060) 93.60%,rgba(0,0,0,0.160) 94.40%,rgba(0,0,0,0.320) 95.20%,rgba(0,0,0,0.500) 96.00%,rgba(0,0,0,0.680) 96.80%,rgba(0,0,0,0.840) 97.60%,rgba(0,0,0,0.940) 98.40%,rgba(0,0,0,0.990) 99.20%,rgba(0,0,0,1.000) 100.00%);--guest-fade-y:linear-gradient(to bottom,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 1.40%,rgba(0,0,0,0.940) 2.80%,rgba(0,0,0,0.840) 4.20%,rgba(0,0,0,0.680) 5.60%,rgba(0,0,0,0.500) 7.00%,rgba(0,0,0,0.320) 8.40%,rgba(0,0,0,0.160) 9.80%,rgba(0,0,0,0.060) 11.20%,rgba(0,0,0,0.010) 12.60%,rgba(0,0,0,0.000) 14.00%,rgba(0,0,0,0.000) 14.00%,rgba(0,0,0,0.000) 21.70%,rgba(0,0,0,0.000) 29.40%,rgba(0,0,0,0.000) 37.10%,rgba(0,0,0,0.000) 44.80%,rgba(0,0,0,0.000) 52.50%,rgba(0,0,0,0.000) 60.20%,rgba(0,0,0,0.000) 67.90%,rgba(0,0,0,0.000) 75.60%,rgba(0,0,0,0.000) 83.30%,rgba(0,0,0,0.000) 91.00%,rgba(0,0,0,0.000) 91.00%,rgba(0,0,0,0.010) 91.90%,rgba(0,0,0,0.060) 92.80%,rgba(0,0,0,0.160) 93.70%,rgba(0,0,0,0.320) 94.60%,rgba(0,0,0,0.500) 95.50%,rgba(0,0,0,0.680) 96.40%,rgba(0,0,0,0.840) 97.30%,rgba(0,0,0,0.940) 98.20%,rgba(0,0,0,0.990) 99.10%,rgba(0,0,0,1.000) 100.00%)}
.sgr.guest-reference>.guest-reference__art{object-fit:fill;filter:brightness(1.01) contrast(.97) saturate(1.01)}
.sgr .sgr__copy{position:relative;z-index:2;width:100%;max-width:none;margin:0;text-align:left;opacity:1;mask-image:none}
.sgr .sgr__title{margin:0;font-size:clamp(42px,4.3vw,66px);line-height:1.12;font-weight:400;letter-spacing:-.035em;color:#073b57}
.sgr .sgr__title span{color:inherit;font-weight:400}
.sgr .sgr__description{max-width:none;margin-top:28px;font:400 clamp(21px,1.7vw,26px)/1.45 "HP Text",Arial,sans-serif;color:#073b57}
.sgr .sgr__features{gap:20px;margin-top:34px;font:400 clamp(18px,1.55vw,23px)/1.3 "HP Text",Arial,sans-serif;color:#073b57}
.sgr .sgr__icon{width:clamp(98px,9vw,132px);height:clamp(90px,8.3vw,122px)}
.sgr .sgr__icon svg{width:66%;height:66%}
.sgr .sgr__rates{display:flex;width:max-content;margin:44px auto 0}
.sgr__signature{position:absolute;left:5.2%;bottom:9.2%;z-index:2;width:38%;text-align:center;color:#fff;pointer-events:none;text-shadow:0 2px 4px #07556850}
.sgr__signature span{display:block;font:400 clamp(48px,5vw,74px)/1.1 "Guest Room Signature",cursive;white-space:nowrap}
.sgr__signature svg{display:block;width:100%;height:auto;max-height:38px;margin:8px auto 0;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round}
@media(min-width:901px) and (max-width:1150px){
 .sgr.guest-reference{min-height:710px;aspect-ratio:auto;padding:76px 4% 110px 52%}
 .sgr .sgr__title{font-size:43px}.sgr .sgr__description{font-size:21px;margin-top:22px}
 .sgr .sgr__features{gap:10px;font-size:18px;margin-top:26px}
 .sgr .sgr__rates{margin-top:32px}
 .sgr__signature span{font-size:52px}
}
@media(max-width:900px){
 .sgr.guest-reference{aspect-ratio:auto;padding:0 24px 44px}
 .sgr .sgr__mobile-photo-wrap{display:block;width:min(600px,calc(100% + 48px));height:520px;margin:0 auto 32px}
 .sgr .sgr__mobile-photo{height:100%;width:100%;max-height:none;object-fit:cover}
 .sgr .sgr__mobile-photo-wrap::after{--guest-fade-x:linear-gradient(to right,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 1.00%,rgba(0,0,0,0.940) 2.00%,rgba(0,0,0,0.840) 3.00%,rgba(0,0,0,0.680) 4.00%,rgba(0,0,0,0.500) 5.00%,rgba(0,0,0,0.320) 6.00%,rgba(0,0,0,0.160) 7.00%,rgba(0,0,0,0.060) 8.00%,rgba(0,0,0,0.010) 9.00%,rgba(0,0,0,0.000) 10.00%,rgba(0,0,0,0.000) 10.00%,rgba(0,0,0,0.000) 18.00%,rgba(0,0,0,0.000) 26.00%,rgba(0,0,0,0.000) 34.00%,rgba(0,0,0,0.000) 42.00%,rgba(0,0,0,0.000) 50.00%,rgba(0,0,0,0.000) 58.00%,rgba(0,0,0,0.000) 66.00%,rgba(0,0,0,0.000) 74.00%,rgba(0,0,0,0.000) 82.00%,rgba(0,0,0,0.000) 90.00%,rgba(0,0,0,0.000) 90.00%,rgba(0,0,0,0.010) 91.00%,rgba(0,0,0,0.060) 92.00%,rgba(0,0,0,0.160) 93.00%,rgba(0,0,0,0.320) 94.00%,rgba(0,0,0,0.500) 95.00%,rgba(0,0,0,0.680) 96.00%,rgba(0,0,0,0.840) 97.00%,rgba(0,0,0,0.940) 98.00%,rgba(0,0,0,0.990) 99.00%,rgba(0,0,0,1.000) 100.00%);--guest-fade-y:linear-gradient(to bottom,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 1.50%,rgba(0,0,0,0.940) 3.00%,rgba(0,0,0,0.840) 4.50%,rgba(0,0,0,0.680) 6.00%,rgba(0,0,0,0.500) 7.50%,rgba(0,0,0,0.320) 9.00%,rgba(0,0,0,0.160) 10.50%,rgba(0,0,0,0.060) 12.00%,rgba(0,0,0,0.010) 13.50%,rgba(0,0,0,0.000) 15.00%,rgba(0,0,0,0.000) 15.00%,rgba(0,0,0,0.000) 22.70%,rgba(0,0,0,0.000) 30.40%,rgba(0,0,0,0.000) 38.10%,rgba(0,0,0,0.000) 45.80%,rgba(0,0,0,0.000) 53.50%,rgba(0,0,0,0.000) 61.20%,rgba(0,0,0,0.000) 68.90%,rgba(0,0,0,0.000) 76.60%,rgba(0,0,0,0.000) 84.30%,rgba(0,0,0,0.000) 92.00%,rgba(0,0,0,0.000) 92.00%,rgba(0,0,0,0.010) 92.80%,rgba(0,0,0,0.060) 93.60%,rgba(0,0,0,0.160) 94.40%,rgba(0,0,0,0.320) 95.20%,rgba(0,0,0,0.500) 96.00%,rgba(0,0,0,0.680) 96.80%,rgba(0,0,0,0.840) 97.60%,rgba(0,0,0,0.940) 98.40%,rgba(0,0,0,0.990) 99.20%,rgba(0,0,0,1.000) 100.00%)}
 .sgr .sgr__copy{max-width:650px;margin:0 auto;text-align:left}
 .sgr .sgr__title{font-size:clamp(36px,5.4vw,48px)}
 .sgr .sgr__description{font-size:22px;margin:24px 0 0}
 .sgr .sgr__features{max-width:600px;margin:30px auto 0;font-size:20px}
 .sgr .sgr__rates{margin:32px auto 0}
 .sgr__signature{top:410px;bottom:auto;left:50%;transform:translateX(-50%);width:330px}
 .sgr__signature span{font-size:46px}
}
@media(max-width:600px){
 .sgr .sgr__mobile-photo-wrap{width:calc(100% + 48px);height:120vw;margin:0 -24px 28px}
 .sgr__signature{top:94vw;width:76%;max-width:370px}
 .sgr__signature span{font-size:clamp(32px,10.4vw,58px)}
 .sgr__signature svg{margin-top:3px;max-height:24px}
 .sgr .sgr__title{font-size:36px}
 .sgr .sgr__description{font-size:21px}
 .sgr .sgr__features{gap:8px;font-size:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .sgr .sgr__icon{width:86px;height:80px}
}
@media(max-width:360px){.sgr .sgr__title{font-size:32px}.sgr .sgr__features{font-size:15px}.sgr .sgr__icon{width:74px;height:70px}}

.sgr .sgr__copy>a.sgr__rates.sbtn{display:flex;width:max-content;margin:44px auto 0}
body.pd-coastal-canvas .sgr .sgr__mobile-photo-wrap::after{-webkit-mask-image:var(--guest-fade-y),var(--guest-fade-x);mask-image:var(--guest-fade-y),var(--guest-fade-x);mask-composite:add}
@media(max-width:900px){.sgr .sgr__copy>a.sgr__rates.sbtn{margin-top:32px}}

/* Keep the amenity row and rates action aligned with the copy; center each icon and label. */
.sgr .sgr__features{margin-inline:0;text-align:left}
.sgr .sgr__features li{align-items:center;text-align:center}
.sgr .sgr__copy>a.sgr__rates.sbtn{margin-inline:0}
