/* Keep the header logo, phone and menu controls on one vertical line. */
.hd.solid{background:#fff}
.hd .brand{height:56px;align-items:center}
.hd .brand .brand-name{line-height:28px}
.hd .brand .brand-mark{position:relative;display:block;width:106px;height:56px;line-height:0}
.hd .brand .brand-mark img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.hd .brand .logo-dark{filter:contrast(1.08);mix-blend-mode:multiply}
.hd .menu-toggle{height:56px;width:56px}

/* Adjacent sections with the same background share one regular gap. */
#overview,#value{padding-bottom:calc(var(--section-space)/2)}
#location,#complex{padding-top:calc(var(--section-space)/2)}

/* Match all three 84C image heights while retaining every original photo. */
@media(min-width:1001px){
  #up3 .interiors{grid-template-columns:minmax(0,1.500682fr) minmax(0,.735786fr) minmax(0,1.233184fr);align-items:stretch}
  #up3 .interiors>.zoom{display:flex;flex-direction:column;align-self:stretch;min-width:0;max-width:none;margin:0}
  #up3 .interiors>.zoom img{flex:none;width:100%;height:auto;object-fit:contain}
  #up3 .interior-label{display:flex;align-items:center;justify-content:center;flex:1}
}
@media(min-width:768px) and (max-width:1000px){
  #up3 .interiors{grid-template-columns:minmax(0,1fr)}
}

/* Desktop phone numbers remain visible as selectable text. */
a.phone-static{cursor:text;user-select:text;-webkit-user-select:text}
a.phone-static:hover{transform:none}
.promo-tel.phone-static:hover{text-decoration:none}

@media(max-width:767px){
  .hd .brand{height:48px}
  .hd .brand .brand-mark{width:90px;height:48px}
  .hd .menu-toggle{width:48px;height:48px}
}
@media(max-width:359px){
  .hd .menu-toggle{width:44px}
}