/* Keep the coaster design inside the same two content rails as the Attractions hero. */
body.attractions-page .atx #pleasure-pier.ppr{--pier-rail:calc((100vw - min(100vw,1900px))/2 + 170px)}
body.attractions-page .atx #pleasure-pier.ppr .ppr__stage{max-width:none;width:calc(100% - 2 * var(--pier-rail));margin-inline:var(--pier-rail)}
body.attractions-page .atx #pleasure-pier.ppr .ppr__frame{inset:0;margin:0}
body.attractions-page .atx #pleasure-pier.ppr .ppr__copy{left:0;width:40%}
body.attractions-page .atx #pleasure-pier.ppr .ppr__art{mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
@media(max-width:1450px){body.attractions-page .atx #pleasure-pier.ppr{--pier-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1100px){
 body.attractions-page .atx #pleasure-pier.ppr .ppr__frame{inset:auto;margin:0;width:100%}
 body.attractions-page .atx #pleasure-pier.ppr .ppr__copy{left:auto;width:100%}
 body.attractions-page .atx #pleasure-pier.ppr .ppr__visual{margin-inline:0;width:100%}
}
@media(max-width:900px){body.attractions-page .atx #pleasure-pier.ppr{--pier-rail:24px}}