/* Park Details — one type system for the whole page, taken from the Resort Amenities mockup
   (the .am section): ITC Bodoni Seventytwo for titles, Olagre for the gold accent words
   (thickened with a stroke, as in .am), Neue Haas Grotesk Text for body, kickers, buttons and tabs.
   .ig and .am already use these faces; this file brings the hero, "Four ways to park here",
   the closing band, the footer and the menu overlay onto them. Linked LAST. Fonts only — no layout. */
@font-face{font-family:"PDM Bodoni";src:url("../fonts/library/itc-bodoni-seventytwo/itc-bodoni-seventytwo-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PDM Script";src:url("../fonts/library/olagre/olagre-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PDM Grotesk";src:url("../fonts/library/neue-haas-grotesk-text/neue-haas-grotesk-text-400.woff2") format("woff2");font-weight:400 600;font-display:swap}

:root{
  --display:"PDM Bodoni",Georgia,serif;
  --script:"PDM Script",cursive;
  --text:"PDM Grotesk",Arial,sans-serif;
}
body{font-family:"PDM Grotesk",Arial,sans-serif}

/* ---------- hero ---------- */
.pdh .pdh__title-main{
  font-family:"PDM Bodoni",Georgia,serif;
  font-weight:400;
  font-size:calc(96 * var(--u));
  letter-spacing:-.02em;
}
.pdh .pdh__title-script{
  font-family:"PDM Script",cursive;
  font-size:calc(80 * var(--u));
  line-height:1.62;
  letter-spacing:-.05em;
  word-spacing:.04em;
  margin-left:calc(4 * var(--u));
  -webkit-text-stroke:.02em var(--gold);
}
/* Olagre's small "s" runs into the "i" of "Outside"; a hair of space after it keeps the word readable. */
.pdh__title-script .pdm-kern{letter-spacing:.1em}
.pdh .pdh__lead{
  font-family:"PDM Grotesk",Arial,sans-serif;
  font-size:calc(22 * var(--u));
  line-height:1.5;
  letter-spacing:.012em;
}
.pdh .pdh__crumbs{font-family:"PDM Grotesk",Arial,sans-serif;letter-spacing:.2em}
.pdh .pdh__menu,
.pdh .pdh__book{font-family:"PDM Grotesk",Arial,sans-serif;font-weight:500;letter-spacing:.02em}
.pdh .pdh__tabs a{font-family:"PDM Grotesk",Arial,sans-serif;font-weight:500;letter-spacing:.16em}

/* ---------- "Four ways to park here" ---------- */
.eyebrow{font-family:"PDM Grotesk",Arial,sans-serif;font-weight:400;letter-spacing:.2em;color:#153940}
.section-title{font-family:"PDM Bodoni",Georgia,serif;font-weight:400;letter-spacing:-.037em;color:#052e35}
.section-title em{
  font-family:"PDM Script",cursive;
  font-size:1.25em;
  letter-spacing:-.085em;
  word-spacing:.04em;
  color:#a68259;
  -webkit-text-stroke:.021em #a68259;
}
.site-type h3{font-family:"PDM Bodoni",Georgia,serif;font-weight:400;letter-spacing:-.012em;color:#032c36}
.site-type strong{font-family:"PDM Grotesk",Arial,sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.site-type p,
.check-grid li{font-family:"PDM Grotesk",Arial,sans-serif;letter-spacing:.012em;color:#5d6e76}

/* ---------- closing band ---------- */
.cta-band h2{font-family:"PDM Bodoni",Georgia,serif;font-weight:400;letter-spacing:-.03em}
.cta-band p{font-family:"PDM Grotesk",Arial,sans-serif;letter-spacing:.012em}
.pill{font-family:"PDM Grotesk",Arial,sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}

/* ---------- footer ---------- */
.subfooter h2,
.subfooter h3{font-family:"PDM Grotesk",Arial,sans-serif;font-weight:500;letter-spacing:.16em}
.subfooter__brand p,
.subfooter address,
.subfooter a,
.subfooter__bottom{font-family:"PDM Grotesk",Arial,sans-serif}

/* ---------- menu overlay ---------- */
.ov__list a{font-family:"PDM Bodoni",Georgia,serif;font-weight:400;letter-spacing:-.02em}
.ov__close,
.ov__foot{font-family:"PDM Grotesk",Arial,sans-serif}

/* ---------- phones / tablets: the hero flows below 1100px ---------- */
@container (max-width:1100px){
  .pdh .pdh__title-main{font-size:clamp(50px,10cqw,92px)}
  .pdh .pdh__title-script{margin:2px 0 0 .02em;font-size:clamp(46px,9cqw,80px);line-height:1.3;letter-spacing:-.05em;white-space:normal}
  .pdh .pdh__lead{font-size:clamp(16px,2.3cqw,19px);line-height:1.55}
}