/* Portfolio demo bar, shared by the Maren, Hollis & Crane and Oriel concepts. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
.demo-bar{position:relative;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 24px;background:#171715;color:#f4f2ec;font:500 12px/1.4 Manrope,system-ui,sans-serif;letter-spacing:.02em}
.demo-bar a{color:inherit;text-decoration:none;font-weight:650;white-space:nowrap}
.demo-bar a:hover{text-decoration:underline;text-underline-offset:3px}
.demo-bar a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.demo-back{display:inline-flex;align-items:center;gap:8px;min-height:28px}
.demo-note{opacity:.72}
.demo-switch{display:flex;gap:18px}
.demo-switch a[aria-current=page]{color:#ffb59d}
@media (max-width:760px){
  .demo-bar{flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:7px 12px}
  .demo-note{display:none}
  .demo-switch{gap:14px}
  .demo-switch a{min-height:26px;display:flex;align-items:center}
}