/* Mockup collage and artwork, with the existing Attractions typography and header shell. */
body.park-home-header main>.pdh.pdh-coast.pdh-postcard{height:100svh;min-height:740px;max-height:1080px;padding:190px var(--rail) 64px;display:block;overflow:visible;clip-path:none;background:#faf7f0}
.pdh-postcard__paper{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none}
body.park-home-header .pdh.pdh-postcard::before{display:none}
body.pd-coastal-canvas .pdh.pdh-postcard::after{z-index:-1;height:65px;background:linear-gradient(to bottom,rgba(250,247,240,0),rgba(250,247,240,.06) 20%,rgba(250,247,240,.32) 40%,rgba(250,247,240,.68) 60%,rgba(250,247,240,.94) 80%,#faf7f0)}
.pdh-postcard__layout{position:relative;display:grid;grid-template-columns:44% 56%;gap:0;height:100%;max-width:1540px;margin:0 auto;align-items:center}
.pdh.pdh-postcard .pdh-coast__copy{position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:0 12px 0 0;transform:none;text-align:left;align-self:start;z-index:2}
.pdh-postcard #pdh-title{margin:0;text-align:left;text-wrap:initial}
.pdh-postcard #pdh-title>span,.pdh-postcard #pdh-title>em{white-space:normal}
.pdh-postcard__brush{display:block;width:220px;height:26px;margin:20px 0 0}
.pdh.pdh-postcard .pdh-coast__lead{max-width:580px;margin:22px 0 0;text-wrap:pretty}
.pdh-postcard__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px;list-style:none;padding:0;margin:28px 0 0}
.pdh-postcard__features li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:0 12px;color:#034852}
.pdh-postcard__features li+li{border-left:1px solid #7b9c9d88}
.pdh-postcard__features svg{display:block;width:50px;height:50px;fill:none;stroke:#078577;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pdh-postcard__features span{font:400 20px/1.2 "Coastal Reading",Georgia,serif;letter-spacing:normal}
.pdh-postcard__explore{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;min-height:58px;margin:32px auto 0;padding:0 26px;border:1px solid #fff;border-radius:2px;outline:1px solid #46998f;outline-offset:4px;background:linear-gradient(160deg,#00897b,#006c62);box-shadow:inset 0 0 0 3px #faf7f0;color:#fff;font:400 14px/1.2 "Univers Next",Arial,sans-serif;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;transition:background .2s}
.pdh-postcard__explore svg{width:20px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.pdh-postcard__explore:hover{background:#006c62;color:#fff}
.pdh-postcard__explore:focus-visible{outline:3px solid #103f40;outline-offset:5px}
.pdh-postcard__collage{position:relative;align-self:start;width:108%;max-width:none;margin:-48px -4% 0 -4%;filter:drop-shadow(0 13px 15px #3e382c30);pointer-events:none}
.pdh-postcard__collage>svg{display:block;width:100%;height:auto;overflow:visible}
.pdh-postcard__collage>svg>g>svg{overflow:hidden}
@media(min-width:901px) and (max-height:820px){
 body.park-home-header main>.pdh.pdh-coast.pdh-postcard{padding-top:185px;padding-bottom:45px}
 .pdh-postcard__brush{margin-top:14px;height:22px}
 .pdh.pdh-postcard .pdh-coast__lead{margin-top:16px}
 .pdh-postcard__features{margin-top:20px}.pdh-postcard__features svg{width:42px;height:42px}.pdh-postcard__features span{font-size:18px}
 .pdh-postcard__explore{margin-top:24px;min-height:52px}
 .pdh-postcard__collage{width:100%;margin:-30px 0 0}
}
@media(min-width:901px) and (max-width:1150px){
 .pdh-postcard__layout{grid-template-columns:46% 54%}
 .pdh-postcard__features li{padding-inline:8px}
 .pdh-postcard__features span{font-size:18px}
 .pdh-postcard__explore{font-size:12px;padding-inline:18px}
 .pdh-postcard__collage{margin-top:20px}
}
@media(max-width:900px){
 body.park-home-header main>.pdh.pdh-coast.pdh-postcard{height:auto;min-height:100svh;max-height:none;padding:170px var(--rail) 64px}
 .pdh-postcard__layout{display:flex;flex-direction:column;gap:30px;max-width:720px}
 .pdh.pdh-postcard .pdh-coast__copy{width:100%;padding:0;margin:0}
 .pdh-postcard__features{max-width:560px}
 .pdh-postcard__collage{width:100%;max-width:700px;margin:0 auto;align-self:center}
 .pdh-postcard__paper{object-fit:cover;object-position:center}
}
@media(max-width:540px){
 body.park-home-header main>.pdh.pdh-coast.pdh-postcard{padding-top:156px;padding-bottom:48px}
 .pdh-postcard__brush{width:160px;height:22px;margin-top:15px}
 .pdh.pdh-postcard .pdh-coast__lead{margin-top:18px}
 .pdh-postcard__features{margin-top:24px}
 .pdh-postcard__features svg{width:40px;height:40px}
 .pdh-postcard__features span{font-size:16px}
 .pdh-postcard__features li{padding-inline:6px;gap:6px}
 .pdh-postcard__explore{min-height:52px;margin-top:26px;font-size:11px;letter-spacing:.16em;padding-inline:18px;gap:10px}
 .pdh-postcard__layout{gap:32px}
}
@media(max-width:600px) and (max-height:700px){body.park-home-header main>.pdh.pdh-coast.pdh-postcard{padding-top:120px}}
@media(prefers-reduced-motion:reduce){.pdh-postcard__explore{transition:none}}
/* Keep copy and photographs in separate columns, including longer headings. */
@media(min-width:901px){
 .pdh-postcard__layout{grid-template-columns:minmax(0,46fr) minmax(0,54fr);column-gap:clamp(24px,3vw,48px)}
 .pdh.pdh-postcard .pdh-coast__copy{min-width:0}
 .pdh-postcard #pdh-title{width:100%;max-width:100%}
 .pdh-postcard #pdh-title>span,.pdh-postcard #pdh-title>em{white-space:normal;overflow-wrap:normal}
 .pdh-postcard__collage{width:100%;margin-left:0;margin-right:0}
}

/* Lower the hero copy as one group without moving the desktop collage or header. */
.pdh.pdh-postcard .pdh-coast__copy{margin-top:clamp(48px,8svh,96px)}
@media(min-width:901px) and (max-height:820px){.pdh.pdh-postcard .pdh-coast__copy{margin-top:40px}}
@media(max-width:900px){.pdh.pdh-postcard .pdh-coast__copy{margin-top:32px}}

/* Keep the opening phrase intact; scale only when the text column needs it. */
.pdh.pdh-postcard .pdh-coast__copy{container-type:inline-size}
html body.pd-unified-type .pdh-postcard #pdh-title{font-size:min(var(--pd-h1-size),10cqw)!important}
.pdh-postcard #pdh-title>span{white-space:nowrap}