/* The selected armillary identity: a transparent mark with responsive live lettering. */
.brand{flex-direction:row;align-items:center;gap:15px;text-align:center}
.brand .brand-mark{display:block;width:64px;height:64px;flex:0 0 auto;object-fit:contain}
.brand .brand-type{display:flex;flex-direction:column;gap:3px}
.brand .brand-name{font-family:var(--serif);font-size:27px;letter-spacing:.045em;line-height:1}
.brand small{line-height:1.4}
.logo-selection{display:block;margin:0 0 10px;color:#6f542d;font:600 10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.logo-card.is-selected .logo-art{outline:2px solid #ac8b53;outline-offset:5px}
.logo-card.is-selected .logo-caption>.eyebrow{font-weight:600}
@media(min-width:761px) and (max-width:980px){
  .brand{gap:10px}.brand .brand-mark{width:46px;height:46px}.brand .brand-name{font-size:23px}
  .main-nav{gap:18px}.main-nav .nav-contact{margin-left:0;padding:10px}.nav-contact span{margin-left:12px}
}
@media(max-width:760px){
  .brand{gap:12px}.brand .brand-mark{width:52px;height:52px}.brand .brand-name{font-size:23px}
}
@media(max-width:350px){
  .brand{gap:8px}.brand .brand-mark{width:44px;height:44px}.brand .brand-name{font-size:21px}
}