/* The site bar on the 3D concept pages: the way back to msewell.com, the other unit types and the 3D offer.
   Shared by the Enzo unit page and the scroll walkthrough. */
.sitebar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  height: 56px; padding: 0 clamp(16px, 4vw, 56px);
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: rgba(46, 14, 3, .9);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(230, 201, 154, .18);
  font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.sitebar a { color: #f2efe8; text-decoration: none; }
.sitebar__home { font-family: "Fraunces", "Playfair Display", Georgia, serif; font-weight: 600; font-size: 17px; letter-spacing: -.01em; white-space: nowrap; }
.sitebar__links { display: flex; align-items: center; gap: clamp(14px, 2.4vw, 28px); }
.sitebar__links a:not(.sitebar__cta) { font-size: 14px; letter-spacing: .02em; color: rgba(242, 239, 232, .78); white-space: nowrap; transition: color .2s; }
.sitebar__links a:not(.sitebar__cta):hover, .sitebar__links a[aria-current="page"] { color: #f2efe8; }
.sitebar__cta { padding: 9px 14px; border-radius: 3px; background: #cc9d57; color: #2e0e03 !important; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background .2s; }
.sitebar__cta:hover { background: #e6c99a; }
@media (max-width: 640px) {
  .sitebar__wide { display: none; }
  .sitebar__home { font-size: 16px; }
}