/* Fishing Pier sunset reference: live copy and film control on the hero rails. */
body.attractions-page .atx #fishing-pier.fp-refined{
 padding:90px var(--at-content-rail);background:var(--paper);color:#073b57
}
#fishing-pier.fp-refined .fp__frame{container-type:inline-size}
#fishing-pier.fp-refined .fp__panel{
 position:relative;isolation:isolate;min-height:48.66242cqw;padding:6.3cqw 2.1cqw;
 overflow:hidden;border:2px solid #fffdf5;border-radius:clamp(20px,1.65cqw,30px);
 background:#f8f4ec;box-shadow:0 12px 32px #65554024
}
#fishing-pier.fp-refined .fp__panel::before{display:none}
#fishing-pier .fp__art{position:absolute;z-index:-1;inset:0;pointer-events:none}
#fishing-pier .fp__art svg{display:block;width:100%;height:100%}
#fishing-pier.fp-refined .fp__copy{
 position:relative;width:45%;min-width:0;padding:2.8cqw;
 border:1px solid #fffdf5;border-radius:clamp(20px,1.7cqw,28px);
 background:#fffdf5c7;box-shadow:0 5px 18px #fffdf520
}
/* Match Bishop’s Palace’s display face, viewport size, weights and leading. */
body.attractions-page .atx #fishing-pier .fp__title{
 margin:0;font:400 calc((100vw - 2 * var(--at-content-rail)) * .07702888)/.99 var(--hp-display);letter-spacing:-.025em;color:#073b57
}
#fishing-pier .fp__title>span{display:block;white-space:nowrap}
#fishing-pier .fp__title em{
 display:block;margin:.3cqw 0 0;font:700 1em/.95 var(--hp-display);
 font-style:normal;letter-spacing:-.025em;color:#917658;white-space:nowrap
}
#fishing-pier .fp__title::after{
 content:'';display:block;width:4.5cqw;height:2px;margin:2.2cqw 0 0;background:#af813d
}
body.attractions-page .atx #fishing-pier .fp__lead{
 margin:2.2cqw 0 0;font:400 max(16px,1.733150cqw)/1.26 var(--hp-text);letter-spacing:0;color:#073b57
}
/* Match Pleasure Pier's circular film button. */
#fishing-pier.fp-refined .fp__play.br__play{
 position:absolute;z-index:3;left:auto;right:2.5cqw;bottom:4.15cqw;transform:none;
 display:grid;place-items:center;width:65px;height:65px;min-width:0;min-height:0;max-width:none;
 margin:0;padding:0;border:4px solid #fffdf5;border-radius:50%;
 background:#1e8c73;box-shadow:0 0 0 6px #ecd3a455;color:#fff;cursor:pointer;
 transition:background .25s,box-shadow .25s
}
#fishing-pier.fp-refined .fp__play > svg{width:36px;height:36px;fill:currentColor}
#fishing-pier.fp-refined .fp__play:hover{background:#16796a;box-shadow:0 0 0 9px #ecd3a433}
#fishing-pier .fp__play:focus-visible{outline:3px solid #7c5936;outline-offset:4px}
@media(max-width:1250px){
 body.attractions-page .atx #fishing-pier.fp-refined{padding-block:70px}
 #fishing-pier.fp-refined .fp__panel{display:flex;flex-direction:column;min-height:0;padding:0;gap:0}
 #fishing-pier .fp__art{position:relative;z-index:0;inset:auto;width:100%;aspect-ratio:1.6}
 #fishing-pier .fp__art svg{position:absolute;inset:0}
 #fishing-pier.fp-refined .fp__copy{width:auto;margin:24px 24px 0;padding:clamp(20px,3cqw,40px);background:#fffdf5}
 body.attractions-page .atx #fishing-pier .fp__title{font-size:clamp(62px,13.5cqw,104px);line-height:.99}
 #fishing-pier .fp__title em{margin-top:4px}
 #fishing-pier .fp__title::after{width:70px;margin-top:25px}
 body.attractions-page .atx #fishing-pier .fp__lead{margin-top:26px;font-size:24px;line-height:1.3;max-width:580px}
 #fishing-pier.fp-refined .fp__play.br__play{position:relative;right:auto;bottom:auto;align-self:flex-end;margin:24px}
}
@media(max-width:999px){
 body.attractions-page .atx #fishing-pier .fp__title{line-height:1.02}
}
@media(max-width:540px){
 body.attractions-page .atx #fishing-pier.fp-refined{padding-block:50px}
 #fishing-pier.fp-refined .fp__copy{margin:16px 16px 0;padding:20px 12px}
 body.attractions-page .atx #fishing-pier .fp__lead{font-size:22px;line-height:1.35}
 #fishing-pier.fp-refined .fp__play.br__play{align-self:center;margin:22px 16px}
}
@media(max-width:360px){
 body.attractions-page .atx #fishing-pier .fp__title{font-size:57px}
 body.attractions-page .atx #fishing-pier .fp__lead{font-size:21px}
 #fishing-pier.fp-refined .fp__copy{margin-inline:4px;padding-inline:4px}
}
@media(prefers-reduced-motion:reduce){#fishing-pier.fp-refined .fp__play.br__play{transition:none}}