/* A compact watercolor composition on the exact Attractions hero rails. */
body.attractions-page .atx #fishing-pier.fp-watercolor{
 --fp-rail:calc((100vw - min(100vw,1900px))/2 + 170px);
 --fp-type-rail:170px;
 --fp-type-scale:calc((min(100vw,1900px) - var(--fp-type-rail)) / 1745 * .94);
 padding:150px var(--fp-rail) 70px;
}
#fishing-pier.fp-watercolor .fp__frame{width:100%;max-width:none;margin:0;container-type:inline-size}
#fishing-pier.fp-watercolor .fp__panel{aspect-ratio:auto;height:52.90072cqw;min-height:0}
#fishing-pier.fp-watercolor .fp__art{inset:0 0 auto auto;width:94%;height:auto;aspect-ratio:1672/941;margin:0}
#fishing-pier.fp-watercolor .fp__art img{height:100%;object-fit:fill;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent),linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
#fishing-pier.fp-watercolor .fp__copy{left:0;top:0;width:30%;padding:0;margin:0}
#fishing-pier.fp-watercolor .fp__eyebrow{font-size:max(10.34px,calc(20.2 * var(--fp-type-scale)));gap:12px;letter-spacing:.18em;margin:0 0 24px}
#fishing-pier.fp-watercolor .fp__eyebrow::after{width:clamp(28px,3cqw,48px)}
body.attractions-page .atx #fishing-pier.fp-watercolor .fp__title{font-size:max(45.684px,calc(87.66 * var(--fp-type-scale)));line-height:1;letter-spacing:-.012em}
#fishing-pier.fp-watercolor .fp__title em{margin-top:4px;font-size:1em;line-height:1;letter-spacing:inherit}
#fishing-pier.fp-watercolor .fp__title::after{width:48px;margin-top:16px}
body.attractions-page .atx #fishing-pier.fp-watercolor .fp__lead{max-width:100%;font-size:max(16.92px,calc(25.2 * var(--fp-type-scale)));line-height:1.36;margin-top:18px}
#fishing-pier.fp-watercolor .fp__play.br__play{margin:16px 0 0;gap:14px;max-width:100%}
#fishing-pier.fp-watercolor .fp__play-art{width:clamp(56px,5cqw,80px);height:clamp(56px,5cqw,80px)}
#fishing-pier.fp-watercolor .fp__play-label{font-size:clamp(10px,.85cqw,13.5px);letter-spacing:.18em}
#fishing-pier.fp-watercolor .fp__play .fp__play-arrow{width:22px;height:16px}
@media(max-width:1450px){body.attractions-page .atx #fishing-pier.fp-watercolor{--fp-rail:clamp(80px,8.947vw,170px);--fp-type-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1150px){
 #fishing-pier.fp-watercolor .fp__panel{display:flex;flex-direction:column;gap:28px;height:auto;aspect-ratio:auto}
 #fishing-pier.fp-watercolor .fp__copy{position:relative;inset:auto;width:100%;margin:0;max-width:676.8px}
 #fishing-pier.fp-watercolor .fp__eyebrow{font-size:11.28px;margin-bottom:22px;gap:16px}
 #fishing-pier.fp-watercolor .fp__eyebrow::after{width:47px}
 body.attractions-page .atx #fishing-pier.fp-watercolor .fp__title{font-size:clamp(36.378px,7.0218vw,64.296px)}
 body.attractions-page .atx #fishing-pier.fp-watercolor .fp__lead{font-size:21.62px;line-height:1.36;max-width:601.6px;margin-top:20px}
 #fishing-pier.fp-watercolor .fp__play.br__play{margin-top:16px;gap:16px}
 #fishing-pier.fp-watercolor .fp__play-art{width:72px;height:72px}
 #fishing-pier.fp-watercolor .fp__play-label{font-size:13px}
 #fishing-pier.fp-watercolor .fp__art{position:relative;inset:auto;order:1;z-index:0;width:100%;margin:0;aspect-ratio:1.6;overflow:hidden}
 #fishing-pier.fp-watercolor .fp__art img{position:absolute;left:-45.3913%;top:50%;width:145.3913%;height:auto;transform:translateY(-50%);object-fit:contain}
}
@media(max-width:900px){body.attractions-page .atx #fishing-pier.fp-watercolor{--fp-rail:24px;--fp-type-rail:24px}}
@media(max-width:640px){body.attractions-page .atx #fishing-pier.fp-watercolor{padding-bottom:56px}}
@media(max-width:540px){
 #fishing-pier.fp-watercolor .fp__panel{gap:24px}
 #fishing-pier.fp-watercolor .fp__eyebrow{font-size:10px;gap:13px;margin-bottom:20px}
 #fishing-pier.fp-watercolor .fp__eyebrow::after{width:34px}
 body.attractions-page .atx #fishing-pier.fp-watercolor .fp__title{font-size:clamp(29.61px,8.037vw,40.608px)}
 body.attractions-page .atx #fishing-pier.fp-watercolor .fp__lead{font-size:18.8px;line-height:1.4;margin-top:18px}
 #fishing-pier.fp-watercolor .fp__play.br__play{gap:12px;margin-top:14px}
 #fishing-pier.fp-watercolor .fp__play-art{width:64px;height:64px}
 #fishing-pier.fp-watercolor .fp__play-label{font-size:11px}
 #fishing-pier.fp-watercolor .fp__art{aspect-ratio:1.5}
}

/* Extend the artwork to the section's right edge while retaining the compact height. */
#fishing-pier.fp-watercolor .fp__art{right:calc(-1 * var(--fp-rail));width:calc(94% + var(--fp-rail));height:52.90072cqw;aspect-ratio:auto}
#fishing-pier.fp-watercolor .fp__art img{object-fit:cover;object-position:right center;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent),linear-gradient(90deg,transparent,#000 4%);mask-composite:intersect}
@media(max-width:1150px){
 #fishing-pier.fp-watercolor .fp__art{right:auto;width:calc(100% + var(--fp-rail));height:62.5cqw;aspect-ratio:auto}
 #fishing-pier.fp-watercolor .fp__art img{height:auto;object-fit:contain}
}
@media(max-width:540px){#fishing-pier.fp-watercolor .fp__art{height:66.66667cqw}}