/* Aerial Park Here / Beach There hero — 1900 × 900 frame, 170px rails, 100px vertical inset. */
@font-face{font-family:"PHA Newsreader";src:url("../fonts/hero/newsreader-var.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"PHA Montserrat";src:url("../fonts/hero/montserrat-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"PHA Fractis";src:url("../fonts/library/fractis/fractis-400-fixed.woff2") format("woff2");font-weight:400;font-display:swap}

.pha{
  --frame:1900px;
  --rail:170px;
  --navy:#073b57;
  --sand:#9a7a5c;
  position:relative;
  isolation:isolate;
  width:min(100%,var(--frame));
  height:900px;
  margin-inline:auto;
  overflow:hidden;
  background:#faf7f0;
  color:var(--navy);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.pha__background{
  position:absolute;
  z-index:-2;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:fill;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

.pha__frame{
  position:relative;
  width:100%;
  height:100%;
  padding:100px var(--rail);
}

.pha__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:48px;
}

.pha__brand{
  display:block;
  width:150px;
  height:150px;
  overflow:hidden;
  border-radius:12px;
  line-height:0;
  box-shadow:0 7px 22px rgba(13,62,69,.09);
  transition:opacity .2s ease,transform .2s ease;
}

.pha__brand img{display:block;width:100%;height:100%;object-fit:cover}
.pha__brand:hover{opacity:.9;transform:translateY(-2px)}

.pha__nav{display:flex;align-items:center;gap:32px}

.pha__book{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  width:216px;
  height:60px;
  border-radius:999px;
  background:#074c69;
  color:#fff;
  font:500 18px/1 "PHA Newsreader",Georgia,serif;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(7,59,87,.15);
  transition:background .2s ease,transform .2s ease;
}

.pha__book svg{width:18px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.pha__book:hover{background:#0a5a76;transform:translateY(-2px)}
.pha__book:hover svg{transform:translateX(3px)}

.pha__menu{
  display:inline-flex;
  align-items:center;
  gap:20px;
  min-width:112px;
  height:60px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--navy);
  font:600 20px/1 "PHA Newsreader",Georgia,serif;
}

.pha__menu-lines{display:grid;gap:7px;width:35px}
.pha__menu-lines i{display:block;width:100%;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease}
.pha__menu:hover .pha__menu-lines i:first-child{transform:translateX(4px)}
.pha__menu:hover .pha__menu-lines i:last-child{transform:translateX(-4px)}

.pha__copy{
  position:absolute;
  left:var(--rail);
  top:292px;
  width:620px;
}

.pha__eyebrow{
  margin:0 0 18px 2px;
  color:#a17c5e;
  font:500 17px/1.3 "PHA Montserrat",Arial,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.pha__title{margin:0;color:var(--navy);font-weight:400;letter-spacing:-.045em}
.pha__title-main{display:block;font:450 110px/.82 "PHA Newsreader",Georgia,serif;white-space:nowrap}
.pha__title-script{
  display:block;
  margin:18px 0 0 -10px;
  color:#917658;
  font:400 102px/.84 "PHA Fractis",cursive;
  letter-spacing:-.025em;
  white-space:nowrap;
  transform:rotate(-1.2deg);
  transform-origin:left center;
  -webkit-text-stroke:.45px currentColor;
}

.pha__lead{
  margin:35px 0 0 2px;
  max-width:560px;
  color:#0b4b69;
  font:500 24px/1.35 "PHA Newsreader",Georgia,serif;
  letter-spacing:-.012em;
}

.pha a:focus-visible,.pha button:focus-visible{outline:3px solid #0b6f86;outline-offset:5px}

@media (max-width:1450px){
  .pha{--rail:clamp(80px,8.947vw,170px)}
  .pha__brand{width:136px;height:136px}
  .pha__nav{gap:24px}
  .pha__book{width:200px;height:56px;font-size:17px}
  .pha__menu{height:56px;font-size:19px}
  .pha__copy{top:300px;width:560px}
  .pha__eyebrow{font-size:15px}
  .pha__title-main{font-size:94px}
  .pha__title-script{font-size:88px}
  .pha__lead{font-size:21px}
}

@media (max-width:900px){
  .pha{
    --rail:24px;
    height:850px;
  }

  .pha__background{object-fit:cover;object-position:56% center}
  .pha::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(180deg,rgba(250,247,240,.3),rgba(250,247,240,.48) 48%,rgba(250,247,240,.91) 74%,rgba(250,247,240,.86));
    pointer-events:none;
  }

  .pha__frame{padding:30px var(--rail) 24px}
  .pha__brand{width:116px;height:116px;border-radius:9px}
  .pha__nav{gap:14px}
  .pha__book{width:auto;height:48px;padding:0 18px;font-size:15px}
  .pha__menu{min-width:42px;width:42px;height:48px;justify-content:flex-end}
  .pha__menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pha__menu-lines{width:31px}
  .pha__copy{left:var(--rail);right:var(--rail);top:auto;bottom:68px;width:auto}
  .pha__eyebrow{margin-bottom:14px;font-size:11px;letter-spacing:.19em}
  .pha__title-main{font-size:clamp(58px,17vw,78px)}
  .pha__title-script{margin-top:16px;font-size:clamp(52px,15vw,70px)}
  .pha__lead{margin-top:32px;max-width:430px;font-size:18px;line-height:1.42}
}

@media (max-width:480px){
  .pha__book{width:48px;padding:0;border-radius:50%;font-size:0;gap:0}
  .pha__book svg{width:20px;height:16px}
}

@media (prefers-reduced-motion:reduce){.pha *{transition:none!important}}