/* 700px beach section, with 150px top padding and the hero's content rails. */
body.park-home-header .pds {
  --pds-rail: calc((100vw - min(100vw, 1900px)) / 2 + 170px);
  --pds-scale: calc(min(100vw, 1900px) / 1900);
  position: relative; isolation: isolate;
  margin-top: 220px;
  padding: 150px var(--pds-rail) 0; height: 700px; min-height: 0;
  background: #faf7ef; color: #073b57;
}
.pds, .pds * { box-sizing: border-box; }
.pds :where(h2, p, figure) { margin: 0; }
.pds__frame { position: relative; isolation: isolate; container-type: inline-size; height: 550px; min-height: 0; }
.pds__art { position: absolute; z-index: -1; inset: -150px calc(-1 * var(--pds-rail)) 0; pointer-events: none; }
.pds__art img {
  display: block; width: 100%; height: 100%; max-width: none;
  object-fit: cover; object-position: center;
  mask-image: linear-gradient(transparent, #000 6%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(transparent, #000 6%, #000 93%, transparent);
}
.pds__copy { position: relative; width: 43%; padding: 0; }
.pds__eyebrow {
  display: flex; align-items: center; gap: 14px;
  font: 400 max(11px, calc(15 * var(--pds-scale)))/1.3 "Univers Next", Arial, sans-serif;
  letter-spacing: .17em; text-transform: uppercase; color: #9c8268;
}
.pds__eyebrow::before { content: ''; width: 30px; height: 1px; flex: none; background: #b0977f; }
.pds__title {
  margin-top: 20px;
  font: 400 calc(85.8191 * var(--pds-scale))/.99 "HP Display", Georgia, serif;
  letter-spacing: -.025em; color: #073b57;
}
.pds__title > span, .pds__title em { display: block; white-space: nowrap; }
.pds__title strong { font-weight: 700; }
.pds__title em { margin-top: 4px; font-style: normal; font-weight: 400; color: #917658; }
.pds__lead {
  max-width: 36cqw; margin-top: 20px;
  font: 400 max(18px, calc(25.2 * var(--pds-scale)))/1.3 "Gulf Preview Newsreader", Arial, sans-serif;
  letter-spacing: 0; color: #073b57;
}
.pds__link {
  display: inline-flex; align-items: center; gap: 24px;
  margin-top: 24px; padding-bottom: 7px; border-bottom: 1px solid #b0977f;
  font: 400 max(18px, calc(22 * var(--pds-scale)))/1.4 "Gulf Preview Newsreader", Arial, sans-serif;
  color: #073b57; text-decoration: none; transition: color .2s, border-color .2s;
}
.pds__link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.pds__link:hover { color: #16796a; border-color: currentColor; }
.pds__link:focus-visible { outline: 3px solid #917658; outline-offset: 5px; }
.pds__distance {
  display: flex; align-items: center; gap: 24px;
  width: min(100%, 400px); margin-top: 28px; padding-top: 24px;
  border-top: 1px solid #d9c9b6;
}
.pds__measure {
  display: flex; align-items: baseline; gap: 12px; flex: none;
  font: 400 clamp(50px, calc(66 * var(--pds-scale)), 66px)/1 "HP Display", Georgia, serif;
  letter-spacing: -.03em;
}
.pds__measure small { font-size: .55em; font-weight: 700; letter-spacing: -.025em; color: #917658; }
.pds__caption {
  padding-left: 24px; border-left: 1px solid #bda78f;
  font: 400 max(15px, calc(18 * var(--pds-scale)))/1.5 "Gulf Preview Newsreader", Arial, sans-serif;
  color: #7a929d;
}
@media (max-width: 1450px) {
  body.park-home-header .pds { --pds-rail: clamp(80px, 8.947vw, 170px); }
}
@media (max-width: 1250px) {
  .pds__frame { display: flex; flex-direction: column; gap: 20px; }
  .pds__copy { width: 100%; flex: none; }
  .pds__title { font-size: clamp(40px, 5.5vw, 64px); }
  .pds__lead { max-width: 610px; font-size: 21px; }
  .pds__link { font-size: 19px; margin-top: 24px; }
  .pds__distance { margin-top: 28px; padding-top: 24px; }
  .pds__measure { font-size: 54px; }
  .pds__art { position: relative; z-index: 0; inset: auto; order: 1; flex: 1; min-height: 0; width: calc(100% + 2 * var(--pds-rail)); margin-inline: calc(-1 * var(--pds-rail)); }
  .pds__art img { mask-image: linear-gradient(transparent, #000 15%, #000 88%, transparent); -webkit-mask-image: linear-gradient(transparent, #000 15%, #000 88%, transparent); }
}
@media (max-width: 900px) {
  body.park-home-header .pds { --pds-rail: 24px; }
}
@media (max-width: 540px) {
  .pds__eyebrow { font-size: 10px; letter-spacing: .13em; gap: 10px; }
  .pds__eyebrow::before { width: 24px; }
  .pds__title { font-size: clamp(34px, 9.8vw, 48px); letter-spacing: -.03em; }
  .pds__lead { font-size: 19px; margin-top: 22px; }
  .pds__distance { gap: 16px; }
  .pds__measure { font-size: 52px; gap: 10px; }
  .pds__caption { padding-left: 16px; font-size: 15px; }
}
@media (max-width: 360px) {
  .pds__measure { font-size: 48px; gap: 8px; }
  .pds__distance { gap: 12px; }
  .pds__caption { font-size: 14px; padding-left: 12px; }
}
@media (prefers-reduced-motion: reduce) { .pds__link { transition: none; } }