/* Original community identity, paired with the existing contact actions. */
.community-mark{display:block;flex:none;width:43px;height:34px;margin-right:3px}
.community-mark svg{display:block;width:100%;height:100%;overflow:hidden}
.hero-community{width:340px;max-width:100%;margin:0 0 30px}
.hero-community svg{display:block;width:100%;height:auto;aspect-ratio:1690/355;overflow:hidden}
.hero-copy{padding-top:160px;padding-bottom:135px}
.hero{min-height:900px}
@media(min-width:1051px){
  .hero-community{position:absolute;left:calc(100vw - 7vw - 340px);top:175px;margin:0}
  .hero{min-height:800px}
  .hero-copy{padding-top:165px}
}
@media(min-width:701px) and (max-width:1050px){
  header{gap:20px}
  nav{gap:16px}
  .contact-icons{gap:9px}
  .contact-icon span{display:none}
  .hero-copy{padding-top:140px}
  .hero-community{width:290px;margin-bottom:26px}
}
@media(max-width:700px){
  header{gap:10px;padding-inline:20px}
  .contact-icons{gap:8px;margin-left:auto}
  .community-mark{width:34px;height:27px;margin-right:0}
  .contact-icon{padding:6px}
  .contact-icon img{width:25px;height:25px}
  .pvip-logo{font-size:27px}
  .pvip-logo>span{font-size:10px;margin-left:6px;letter-spacing:2px}
  .pvip-brand>small{font-size:6px;letter-spacing:.25px}
  .hero{height:900px;min-height:900px}
  .hero-copy{padding-top:122px;padding-bottom:170px}
  .hero-community{width:275px;max-width:94%;margin-bottom:27px}
  .hero .eyebrow{font-size:7.5px;letter-spacing:1.05px;white-space:nowrap}
}
@media(max-width:359px){
  header{padding-inline:16px;gap:7px}
  .contact-icons{gap:6px}
  .community-mark{width:28px;height:23px}
  .contact-icon img{width:23px;height:23px}
  .pvip-logo{font-size:24px}
  .hero-copy{padding-inline:21px}
  .hero .eyebrow{font-size:6.7px;letter-spacing:.7px}
  h1{font-size:27px}
  h1 em{font-size:23px}
}