/* Independent Good Sam section directly after Guest Reviews. */
.gulf-hero-live .gsp{--gsp-rail:170px;position:relative;padding:150px 0 35px;background:#faf6ef;color:#073b57}
.gsp__frame{max-width:1900px;margin-inline:auto;padding-inline:var(--gsp-rail)}
.gsp__card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:32px;align-items:center;margin:0;padding:44px 48px;border:1px solid #ddcdb74d;border-radius:24px;background:linear-gradient(135deg,#fffdfa,#fffaf3);box-shadow:0 15px 40px -25px #173e4c3d}
.gsp__shield{display:block;grid-column:1;grid-row:1/3;width:100px;height:auto;filter:drop-shadow(0 6px 7px #24351121)}
.gsp__card h2{grid-column:2;grid-row:1;margin:0;align-self:end;font:400 clamp(34px,2.6vw,50px)/1.08 "PHA Bauer Bodoni",Georgia,serif;letter-spacing:-.02em}
.gsp__card p{grid-column:2;grid-row:2;margin:14px 0 0;align-self:start;color:#596970;font:400 17px/1.6 "Univers Next",Arial,sans-serif;max-width:480px}
.gsp__ratings{display:grid;grid-column:3;grid-row:1/3;grid-template-columns:repeat(3,minmax(95px,1fr));margin:0 0 0 24px;padding:0}
.gsp__rating{display:flex;flex-direction:column-reverse;gap:11px;align-items:center;justify-content:center;margin:0;padding:4px 30px;border-left:1px solid #b6987566}
.gsp__rating dd{margin:0;color:#073b57;font:400 58px/1 "PHA Bauer Bodoni",Georgia,serif;letter-spacing:-.04em}
.gsp__rating dt{margin:0;color:#9c7954;font:400 12px/1.4 "Univers Next",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1450px){.gulf-hero-live .gsp{--gsp-rail:clamp(80px,8.947vw,170px)}.gsp__card{padding:36px;column-gap:24px;grid-template-columns:86px minmax(0,1fr) auto}.gsp__shield{width:86px}.gsp__ratings{margin-left:12px}.gsp__rating{padding-inline:23px}.gsp__rating dd{font-size:50px}.gsp__card p{font-size:16px}}
@media(max-width:1100px){.gsp__card{grid-template-columns:82px minmax(0,1fr);padding:36px;column-gap:26px}.gsp__shield{width:82px}.gsp__ratings{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 0;padding-top:26px;border-top:1px solid #b698754d}.gsp__rating:first-child{border-left:0}.gsp__rating{padding-inline:15px}.gsp__card h2{font-size:42px}.gsp__card p{max-width:none}}
@media(max-width:900px){.gulf-hero-live .gsp{--gsp-rail:24px}}
@media(max-width:540px){.gsp__card{grid-template-columns:58px minmax(0,1fr);padding:26px 22px;column-gap:18px;border-radius:20px}.gsp__shield{width:58px;grid-row:1}.gsp__card h2{font-size:31px;align-self:center;line-height:1.1}.gsp__card p{grid-column:1/-1;grid-row:2;margin-top:21px;font-size:15px;line-height:1.6}.gsp__ratings{margin-top:23px;padding-top:22px}.gsp__rating{gap:9px;padding:0 8px}.gsp__rating dd{font-size:39px}.gsp__rating dt{font-size:9px;letter-spacing:.08em}}
@media(max-width:360px){.gsp__card{padding:24px 18px;column-gap:15px}.gsp__card h2{font-size:27px}.gsp__rating dd{font-size:35px}.gsp__rating dt{font-size:8px;letter-spacing:.04em}}
/* The booking artwork also has a baked-in Good Sam card. Exclude that image
   region, so moving the HTML card does not leave a duplicate behind. */
@media(min-width:1201px){
  .gulf-hero-live .gsb--booking-only .gsb__plate{
    -webkit-mask-image:linear-gradient(to right,transparent,#000 2.4%,#000 97.6%,transparent),linear-gradient(to bottom,transparent,#000 2.4%,#000 97.6%,transparent),url("../img/goodsam-separated/booking-art-mask.svg");
    -webkit-mask-size:100% 100%,100% 100%,100% 100%;
    -webkit-mask-composite:source-in,source-in;
    mask-image:linear-gradient(to right,transparent,#000 2.4%,#000 97.6%,transparent),linear-gradient(to bottom,transparent,#000 2.4%,#000 97.6%,transparent),url("../img/goodsam-separated/booking-art-mask.svg");
    mask-size:100% 100%,100% 100%,100% 100%;
    mask-composite:intersect,intersect;
  }
  .gulf-hero-live .gsb--booking-only .gsb__picture::after,.gulf-hero-live .gsb--booking-only .gsb__copy::before{content:none}
  .gulf-hero-live .gsb--booking-only .gsb__copy{top:calc(240 * var(--u))}
}
