/* Daytime Fishing Pier design, using the hero header's two content rails. */
body.attractions-page .atx #fishing-pier.fp-daytime{--fp-rail:calc((100vw - min(100vw,1900px))/2 + 170px);padding:150px 0 clamp(40px,4vw,76px)}
#fishing-pier.fp-daytime .fp__frame{width:calc(100% - 2 * var(--fp-rail));max-width:none;margin:0 var(--fp-rail);container-type:inline-size}
#fishing-pier.fp-daytime .fp__panel{width:100%;height:auto;aspect-ratio:1920/819}
#fishing-pier.fp-daytime .fp__art{inset:0;width:100%;height:100%;aspect-ratio:auto}
#fishing-pier.fp-daytime .fp__art img{object-fit:fill;transform:none;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent);mask-composite:add}
#fishing-pier.fp-daytime .fp__copy{top:4.5%;left:0;width:34%;margin:0}
#fishing-pier.fp-daytime .fp__eyebrow{font-size:clamp(10px,1.1cqw,17px);gap:1cqw;letter-spacing:.2em;margin-bottom:1.2cqw}
#fishing-pier.fp-daytime .fp__eyebrow::after{width:3cqw}
body.attractions-page .atx #fishing-pier.fp-daytime .fp__title{font-size:6cqw;line-height:.95}
#fishing-pier.fp-daytime .fp__title em{margin-top:.25cqw}
#fishing-pier.fp-daytime .fp__title::after{width:3.2cqw;margin-top:1.6cqw}
body.attractions-page .atx #fishing-pier.fp-daytime .fp__lead{max-width:31cqw;margin-top:1.2cqw;font-size:1.5cqw;line-height:1.34}
#fishing-pier.fp-daytime .fp__play.br__play{gap:1.25cqw;margin:1.2cqw 0 0}
#fishing-pier.fp-daytime .fp__play-art{width:5.8cqw;height:5.8cqw}
#fishing-pier.fp-daytime .fp__play-label{font-size:1.03cqw;letter-spacing:.18em}
#fishing-pier.fp-daytime .fp__play .fp__play-arrow{width:1.7cqw;height:1.1cqw}
@media(max-width:1450px){body.attractions-page .atx #fishing-pier.fp-daytime{--fp-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1250px){
 #fishing-pier.fp-daytime .fp__panel{display:flex;flex-direction:column;gap:28px;aspect-ratio:auto}
 #fishing-pier.fp-daytime .fp__copy{position:relative;inset:auto;width:100%;max-width:680px;margin:0;order:0}
 #fishing-pier.fp-daytime .fp__eyebrow{font-size:12px;gap:18px;letter-spacing:.2em;margin-bottom:24px}
 #fishing-pier.fp-daytime .fp__eyebrow::after{width:50px}
 body.attractions-page .atx #fishing-pier.fp-daytime .fp__title{font-size:clamp(60px,8.6cqw,92px);line-height:.98}
 #fishing-pier.fp-daytime .fp__title em{margin-top:5px}
 #fishing-pier.fp-daytime .fp__title::after{width:56px;margin-top:24px}
 body.attractions-page .atx #fishing-pier.fp-daytime .fp__lead{max-width:610px;margin-top:22px;font-size:23px;line-height:1.4}
 #fishing-pier.fp-daytime .fp__play.br__play{gap:18px;margin:20px 0 0}
 #fishing-pier.fp-daytime .fp__play-art{width:90px;height:90px}
 #fishing-pier.fp-daytime .fp__play-label{font-size:14px;letter-spacing:.18em}
 #fishing-pier.fp-daytime .fp__play .fp__play-arrow{width:25px;height:18px}
 #fishing-pier.fp-daytime .fp__art{position:relative;z-index:0;inset:auto;width:100%;height:auto;margin:0;order:1;aspect-ratio:1320/819;overflow:hidden}
 #fishing-pier.fp-daytime .fp__art img{position:absolute;inset:0 auto auto -45.45455%;width:145.45455%;height:100%}
}
@media(max-width:900px){body.attractions-page .atx #fishing-pier.fp-daytime{--fp-rail:24px}}
@media(max-width:540px){
 #fishing-pier.fp-daytime .fp__eyebrow{font-size:10px;gap:14px;margin-bottom:22px}
 #fishing-pier.fp-daytime .fp__eyebrow::after{width:40px}
 body.attractions-page .atx #fishing-pier.fp-daytime .fp__title{font-size:clamp(48px,13.5cqw,66px)}
 body.attractions-page .atx #fishing-pier.fp-daytime .fp__lead{font-size:20px;line-height:1.4}
 #fishing-pier.fp-daytime .fp__play.br__play{gap:14px;margin-top:18px}
 #fishing-pier.fp-daytime .fp__play-art{width:76px;height:76px}
 #fishing-pier.fp-daytime .fp__play-label{font-size:12px;letter-spacing:.18em}
 #fishing-pier.fp-daytime .fp__play .fp__play-arrow{width:23px;height:16px}
}

/* Blend the artwork's paper and cropped edges into the surrounding section. */
#fishing-pier.fp-daytime .fp__panel{background:var(--paper)}
#fishing-pier.fp-daytime .fp__art{
 mix-blend-mode:darken;
 -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.15) 2%,#000 8%,#000 92%,rgba(0,0,0,.15) 98%,transparent),linear-gradient(transparent,rgba(0,0,0,.1) 2%,rgba(0,0,0,.5) 5%,#000 12%,#000 88%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.1) 98%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.15) 2%,#000 8%,#000 92%,rgba(0,0,0,.15) 98%,transparent),linear-gradient(transparent,rgba(0,0,0,.1) 2%,rgba(0,0,0,.5) 5%,#000 12%,#000 88%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.1) 98%,transparent);
 mask-composite:intersect;
 mask-repeat:no-repeat;
 mask-size:100% 100%;
}
#fishing-pier.fp-daytime .fp__art img{-webkit-mask-image:none;mask-image:none}