/* Match the live ELISSA title, accent, travel information and description. */
body.attractions-page .atx #pleasure-pier.ppr-oct13{--pier-type-width:calc(100vw - 340px)}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__copy{top:19.234857%}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title{font:400 calc(var(--pier-type-width) * .07702888)/.89 var(--hp-display);letter-spacing:-.025em;color:#073b57;white-space:normal}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title-main{display:block;white-space:nowrap}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title em{display:block;margin:calc(var(--pier-type-width) * .003) 0 0;font:700 1em/.95 var(--hp-display);font-style:normal;letter-spacing:-.025em;color:#917658}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__travel{font:400 max(14px,calc(var(--pier-type-width) * .01489506))/1.3 var(--hp-text);letter-spacing:0;color:#005d59}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__lead{font:400 max(16px,calc(var(--pier-type-width) * .01733150))/1.26 var(--hp-text);letter-spacing:0;color:#073b57}
body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-label{font:400 var(--sp-film-label)/1.4 "Univers Next",Arial,sans-serif;letter-spacing:.18em}
body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-control[type=button]{color:#073b57}
@media(min-width:1901px){
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__stage{aspect-ratio:auto;min-height:calc((100vw - 2 * var(--pier-rail)) * 887 / 1558)}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__frame{position:relative;inset:auto;display:flow-root}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__copy{position:relative;top:auto;margin-block:15.89cqw 40px}
}
@media(max-width:1250px){
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__stage{display:flex;flex-direction:column;aspect-ratio:auto;gap:20px}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__frame{position:relative;inset:auto;margin:0;width:100%;order:0}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__copy{position:relative;top:auto;left:auto;width:100%;max-width:680px}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title{font-size:clamp(62px,calc(var(--pier-type-width) * .135),104px);line-height:.92}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title em{margin:4px 0 0}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__travel{font-size:19px;line-height:1.3;margin-top:18px}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__lead{font-size:24px;line-height:1.3;max-width:680px;margin-top:24px}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__visual{position:relative;inset:auto;order:1;margin-inline:0;width:100%;aspect-ratio:1070/887;overflow:hidden}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__art{position:absolute;top:0;left:-45.6075%;width:145.6075%;height:100%;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent)}
 body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-control[type=button]{margin-top:24px;gap:18px}
 body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-art{width:82px;height:82px}
 body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-arrow{width:27px;margin-left:10px}
}
@media(max-width:1100px){body.attractions-page .atx #pleasure-pier.ppr-oct13{--pier-type-width:calc(100vw - 2 * var(--at-home-rail))}}
@media(max-width:540px){
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__lead{font-size:22px;line-height:1.35}
 body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-control[type=button]{gap:12px;margin-top:20px}
 body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-art{width:64px;height:64px}
 body.attractions-page .atx :is(#pleasure-pier.ppr-oct13,#the-strand.stm-sec) .sp-film-arrow{width:23px;margin-left:0}
}
@media(max-width:360px){
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title{font-size:57px}
 body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__lead{font-size:21px}
}

/* Keep the attraction name together on one line. */
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title{white-space:nowrap}
body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title :is(.ppr__title-main,em){display:inline;margin:0}

@media(min-width:1251px){body.attractions-page .atx #pleasure-pier.ppr-oct13 .ppr__title{font-size:min(calc(var(--pier-type-width) * .07702888),7.25cqw)}}