/* Weddings by Him and Her - pricing page hero overrides (loads after hero-home.css). v3 2026-09-08 */
#zSzYJ5{display:none!important}

.hh-hero--pricing{height:clamp(640px, 100svh, 960px)}
.hh-hero--pricing .hh-hero__media img{object-position:50% 60%;transform-origin:50% 55%}

/* the top corners of this photo are night sky, so the nav goes light */
.hh-hero--pricing .hh-nav__links{color:#fff}
.hh-hero--pricing .hh-nav__links a::after{background:var(--rose)}
.hh-hero--pricing .hh-mark-dark{display:none}
.hh-hero--pricing .hh-mark-light{display:block}

/* copy sits on the lit wall to the left of the window */
.hh-hero--pricing .hh-copy{
  margin-top:clamp(300px, 49vh, 450px);
  margin-left:clamp(24px, 4.6vw, 100px);
  max-width:360px;
}
.hh-hero--pricing .hh-sub--pricing{margin:18px 0 0;max-width:none;font-family:var(--serif);font-size:clamp(19px, 1.3vw, 23px);line-height:1.35;color:var(--wine)}
.hh-hero--pricing h2{
  margin:0;
  font-family:var(--display);font-weight:var(--display-weight);
  font-size:clamp(38px, 3vw, 54px);line-height:1.06;letter-spacing:0;color:var(--ink);
}

@media (max-width:1100px){
  .hh-hero--pricing .hh-copy{margin-left:0;max-width:280px}
  .hh-hero--pricing h2{font-size:clamp(36px, 4vw, 48px)}
}

@media (max-width:767px){
  .hh-hero--pricing{height:auto;min-height:0}
  .hh-hero--pricing .hh-nav__links{display:none}
  .hh-hero--pricing{min-height:100svh}
  .hh-hero--pricing .hh-nav{padding-top:14px}
  .hh-hero--pricing .hh-nav__mark{width:52px;height:52px}
  .hh-hero--pricing .hh-copy{margin:14px 0 20px;max-width:none}
  .hh-hero--pricing h2{font-size:clamp(28px, 8vw, 31px);line-height:1.1;white-space:nowrap}
  .hh-hero--pricing h2 .hh-br-d{display:none}
  .hh-hero--pricing .hh-sub--pricing{margin-top:6px;font-size:17px}
  .hh-hero--pricing .hh-hero__media{flex:1;min-height:520px;height:auto}
  .hh-hero--pricing .hh-hero__media img{object-position:50% 50%}
  .hh-hero--pricing .hh-hero__media::before{display:none}
  .hh-hero--pricing .hh-mark-dark{display:block}
  .hh-hero--pricing .hh-mark-light{display:none}
}