/* Original Fishing Pier sunset composition, aligned with the Attractions hero. */
body.attractions-page .atx #fishing-pier.fp-reference{padding:100px var(--at-content-rail);background:var(--paper);color:#fff}
.fp-reference .fp__panel{position:relative;isolation:isolate;min-height:600px;padding:50px;background:url('../img/fishing-pier-reference/original.jpg') bottom center/cover no-repeat}
.fp-reference .fp__panel::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(225deg,transparent 24%,#000 70%);opacity:.69;pointer-events:none}
.fp-reference .fp__copy{width:45%;min-width:0}
.fp-reference .br__title{margin-top:0;color:#fff}
.fp-reference .br__title em{color:#ecd3a4}
.fp-reference .fp__lead{margin-top:44px;font:500 max(15.5px,calc(23 * var(--u)))/1.55 var(--hp-text);letter-spacing:-.012em;color:#fff}
.br-reference .br__play.br__play--circle{left:auto;transform:none;display:grid;place-items:center;width:65px;height:65px;max-width:none;padding:0;border:4px solid #fffdf5;border-radius:50%;background:#1e8c73;box-shadow:0 0 0 6px #ecd3a455;color:#fff}
.br-reference .br__play.br__play--circle:hover{background:#16796a;box-shadow:0 0 0 9px #ecd3a433}
.br-reference .br__play--circle>svg{width:36px;height:36px;fill:currentColor}
.fp-reference .fp__play.br__play{right:50px;bottom:50px}
#bishops-palace .br__play--circle{right:16%;bottom:8%}
body.attractions-page .cta-band--roomy{padding:clamp(78px,10vw,132px) 0}
body.attractions-page .cta-band--roomy h2{font-size:calc(104 * var(--at-type-scale))}
@media(max-width:999px){
 body.attractions-page .atx #fishing-pier.fp-reference{padding:80px var(--at-content-rail)}
 .fp-reference .fp__panel{min-height:600px;padding:40px}
 .fp-reference .fp__copy{width:min(100%,560px)}
 .fp-reference .fp__lead{font-size:17px;margin-top:32px}
 .fp-reference .fp__play.br__play{right:40px;bottom:40px}
 body.attractions-page .cta-band--roomy h2{font-size:clamp(46px,10.8vw,73px)}
}
@media(max-width:600px){
 .fp-reference .fp__panel{padding:28px 24px 110px;min-height:640px}
 .fp-reference .br__title{font-size:clamp(42px,20cqw,72px)}
 .fp-reference .br__title em{margin-left:0;font-size:1.08em}
 .fp-reference .fp__lead{font-size:16px;line-height:1.55;margin-top:28px}
 .fp-reference .fp__play.br__play{right:24px;bottom:28px}
}