/* Homepage hero — 2026-07-31 revision. Self-contained component: all selectors below
   are unique to this block and don't collide with style.css / park-lane.css / slider.css.
   See backups/homepage-hero-original.md for the hero this replaces. */
:root{
  --pl-navy:#16243F;--pl-navy-900:#0F1A2E;--pl-gold:#9C7A4E;--pl-gold-400:#B89A6B;
  --pl-cream:#F5F1E9;--pl-on-dark-muted:#B9C0CE;
  --pl-disp:'BodoniFerrara-Heavy',Georgia,serif;
  --pl-body:'Inter','Helvetica Neue',Arial,sans-serif;
  --pl-ease:cubic-bezier(.4,0,.2,1);
  --pl-gutter:clamp(22px,5vw,72px);
  --pl-navspace:clamp(170px,15vh,220px);
}

/* ---------- HERO ---------- */
.hero{position:relative;isolation:isolate;background:#0F1A2E;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:clamp(620px,88vh,980px);padding:var(--pl-navspace) 0 clamp(110px,13vh,190px)}
.hero__wave{position:absolute;bottom:-1px;left:0;width:100%;height:clamp(70px,7vw,130px);z-index:3;pointer-events:none;display:block}
.hero__wave-parallax > use{animation:hero-wave-move 25s cubic-bezier(.55,.5,.45,.5) infinite}
.hero__wave-parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.hero__wave-parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.hero__wave-parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.hero__wave-parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes hero-wave-move{
  0%{transform:translate3d(-90px,0,0)}
  100%{transform:translate3d(85px,0,0)}
}
.hero__photo{position:absolute;inset:0;z-index:0}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:70% 28%}
.hero__wash,.hero__navscrim,.hero__texture{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero__wash{background:linear-gradient(100deg,#0F1A2E 0%,rgba(15,26,46,.9) 44%,rgba(15,26,46,.5) 62%,rgba(15,26,46,.05) 82%,rgba(15,26,46,0) 96%)}
.hero__navscrim{inset:0 0 auto 0;height:150px;background:linear-gradient(to bottom,rgba(15,26,46,.55),rgba(15,26,46,0))}
.hero__texture{width:100%;height:100%;opacity:.05;color:#9C7A4E}
.hero__inner{position:relative;z-index:2;width:100%;max-width:1620px;margin:0 auto;padding:0 var(--pl-gutter)}
.hero__badge--mobile{display:none}

/* ---------- COPY ---------- */
.hero__copy{max-width:min(860px,62vw)}
.hero h1{font-family:var(--pl-disp);font-weight:700;font-size:3.75rem;line-height:1.02;letter-spacing:-.02em;color:#F5F1E9;margin:0;text-wrap:balance}
.hero__lede{font-size:1rem;line-height:1.6;color:#B9C0CE;margin:1.25rem 0 1.75rem;max-width:640px;text-wrap:pretty}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,1.6vw,22px)}

/* ---------- BUTTONS ---------- */
.hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;border-radius:999px;font-weight:600;font-size:0.75rem;line-height:1.45;letter-spacing:2.5px;padding:0.9375rem 1.9375rem;white-space:nowrap;transition:background-color .26s var(--pl-ease),transform .26s var(--pl-ease),box-shadow .26s var(--pl-ease),color .26s var(--pl-ease)}
.hero .btn__ico{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;font-size:0.75rem;line-height:1;flex:none}
.hero .btn--white{background:#FFFFFF;color:#16243F;box-shadow:0 10px 30px rgba(15,26,46,.28)}
.hero .btn--white .btn__ico{background:#9C7A4E;color:#fff}
.hero .btn--white:hover{background:#F5F1E9;color:#16243F;transform:translateY(-2px);box-shadow:0 16px 38px rgba(15,26,46,.4)}
.hero .btn--gold{background:#9C7A4E;color:#fff}
.hero .btn--gold .btn__ico{background:rgba(255,255,255,.25);color:#fff}
.hero .btn--gold:hover{background:#8A6B43;color:#fff;transform:translateY(-2px);box-shadow:0 16px 38px rgba(15,26,46,.4)}
.hero .btn:active{transform:translateY(0)}

/* ---------- TRUST ---------- */
.hero .trust{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,2.2vw,30px);margin:clamp(30px,3.4vw,48px) 0 0;padding:0;list-style:none}
.hero .trust li{display:flex;flex-direction:column}
.hero .trust li+li{padding-left:clamp(20px,2.2vw,30px)}
.hero .trust b{font-family:var(--pl-disp);font-weight:700;font-size:clamp(24px,2.4vw,34px);color:#B89A6B;line-height:1}
.hero .trust span{font-size:clamp(11px,.9vw,14px);letter-spacing:.02em;text-transform:none;color:#B9C0CE;margin-top:6px}
.hero .trust li.trust__apex{flex-direction:row;align-items:center;gap:clamp(14px,1.4vw,18px)}
.hero .trust__apex-badge{width:clamp(40px,3.2vw,52px);height:auto;flex:none}
.hero .trust__apex-text{display:flex;flex-direction:column}

/* ---------- AWARDS (nested under the trust strip, populated by assets/js/awards-strip.js) ---------- */
.hero .awards-strip{padding:clamp(24px,3vw,40px) 0 0}
.hero .awards-strip .container-fluid{padding-left:0;padding-right:0}
.hero .awards-strip__row{justify-content:flex-start}

/* ---------- TABLET ---------- */
@media (max-width:1100px){
  .hero{min-height:clamp(600px,80vh,860px)}
  .hero__copy{max-width:min(680px,72vw)}
  .hero__photo img{object-position:78% 26%}
  .hero__wash{background:linear-gradient(100deg,#0F1A2E 0%,rgba(15,26,46,.94) 52%,rgba(15,26,46,.66) 72%,rgba(15,26,46,.2) 92%,rgba(15,26,46,.05) 100%)}
  .hero h1{font-size:3rem}
  .hero__lede{max-width:560px}
}

/* ---------- MOBILE ---------- */
@media (max-width:820px){
  .hero{display:block;min-height:clamp(550px,120vw,650px);padding:0 0 clamp(64px,14vw,90px);text-align:center}
  .hero__wave{height:clamp(80px,20vw,110px)}
  .hero__photo{position:relative;inset:auto;width:100%;aspect-ratio:4/3;max-height:62vh}
  .hero__photo img{object-position:90% center}
  .hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,26,46,.5) 0%,rgba(15,26,46,0) 30%,rgba(15,26,46,.4) 72%,#0F1A2E 100%)}
  .hero__wash{display:none}
  .hero__navscrim{height:110px}
  .hero__badge--mobile{display:block;width:55px;margin:0 auto clamp(23px,5.4vw,29px)}
  .hero__badge--mobile img{display:block;width:100%;height:auto}
  .hero__inner{padding-top:clamp(4px,2vw,16px)}
  .hero__copy{max-width:540px;margin:0 auto}
  .hero h1{font-size:2.5rem}
  .hero__lede{margin-left:auto;margin-right:auto;font-size:1rem}
  .hero__actions{flex-direction:column;align-items:stretch;gap:14px}
  .hero .btn{width:100%;font-size:0.75rem;padding:0.9375rem 1.9375rem}
  .hero .trust{flex-direction:column;align-items:stretch;gap:0;text-align:left;margin-top:clamp(30px,7vw,44px)}
  .hero .trust li{flex-direction:row;align-items:center;gap:18px;padding:16px 0}
  .hero .trust li+li{border-left:0;padding-left:0}
  .hero .trust b{font-size:clamp(26px,6.4vw,34px);min-width:44%}
  .hero .trust span{font-size:clamp(13px,3.6vw,17px);margin-top:0;letter-spacing:0;text-transform:none;line-height:1.35}
  .hero .trust__apex-badge{display:none}
  .hero .trust__apex-text{flex:1 1 auto;flex-direction:row;align-items:center;gap:18px}
  .hero .awards-strip{padding-top:clamp(24px,6vw,36px)}
  .hero .awards-strip__row{justify-content:center}
}
@media (orientation:landscape) and (max-height:500px){
  .hero__actions{flex-direction:column;align-items:stretch;gap:14px}
  .hero .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.hero *{transition-duration:.01ms!important;animation-duration:.01ms!important}}