/* One content rail for every section of the Attractions page, matching its hero. */
body.attractions-page{--at-content-rail:170px}
body.attractions-page .atx{--rail:var(--at-content-rail)}
body.attractions-page .atx #stewart-beach.sb-sunlit{--sb-rail:var(--at-content-rail)}
body.attractions-page .atx #moody-gardens.mg-reference{--mg-rail:var(--at-content-rail)}
body.attractions-page .atx #pleasure-pier.pp-stage{--pp-rail:var(--at-content-rail)}
body.attractions-page .atx #bishops-palace.br-reference{--br-rail:var(--at-content-rail)}
body.attractions-page .atx #elissa.elissa-reference{--br-rail:var(--at-content-rail)}
body.attractions-page .atx #railroad-museum.rr-reference{--rr-rail:var(--at-content-rail)}
body.attractions-page main>.page-section>.wrap,
body.attractions-page .subnav.wrap,
body.attractions-page .cta-band>.wrap,
body.attractions-page .subfooter>.wrap{width:calc(100% - 2 * var(--at-content-rail));max-width:none;margin-inline:auto}
body.attractions-page .cta-band__actions{justify-content:flex-end}
/* Fit the complete visible train artwork inside its column, including the logo and video. */
body.attractions-page .rr-reference .rr__art{aspect-ratio:880/941}
body.attractions-page .rr-reference .rr__art-canvas{left:0;width:189.886364%}
@media(min-width:901px) and (max-width:1100px){body.attractions-page{--at-content-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:900px){body.attractions-page{--at-content-rail:24px}}
@media(max-width:760px){body.attractions-page .cta-band__actions{justify-content:flex-start}}