/* Nav: the bar across the top (name, portfolio links, floor-plan button, mobile menu). */

/* The bar's height is fixed: LiuOS, the résumé viewer, and the pages leave exactly this much room for it. */
.room-nav{box-sizing:border-box;height:64px;position:fixed;z-index:9;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 28px;border:0;border-bottom:1px solid #aaa09166;background:#f5f1e8d9;backdrop-filter:blur(14px);font-family:Georgia,serif;color:#332c21}
.room-nav :is(a,button){font:inherit;color:inherit;border:0;border-radius:3px;background:transparent;padding:8px 10px;cursor:pointer;transition:background .18s}
.room-nav a{display:inline-block;text-decoration:none}
.room-nav :is(a,button):hover,.room-nav button[aria-pressed=true]:not(.room-wordmark),.room-nav a[aria-current=page]{background:#b4a68b24}
.room-wordmark{font-size:24px!important;white-space:nowrap;letter-spacing:.015em}
#room-nav-links{display:flex;align-items:center;gap:6px;font-size:17px}
.floor-plan-button{display:grid;place-items:center}
#room-menu-toggle{display:none;font-size:17px}
@media(max-width:600px){
  .room-nav{height:54px;top:0;left:0;right:0;padding:5px 12px}
  .room-wordmark{font-size:22px!important}
  #room-menu-toggle{display:block}
  #room-nav-links{display:none;position:absolute;top:100%;left:-1px;right:-1px;flex-direction:column;align-items:stretch;padding:10px;background:#f5f1e8f5;border:1px solid #aaa09166}
  .room-nav.menu-open #room-nav-links{display:flex}
  #room-nav-links :is(a,button){text-align:left;padding:11px 12px}
  .floor-plan-button{justify-content:start}
}
@media(prefers-reduced-motion:reduce){
  .room-nav :is(a,button){transition:none}
}
.room-nav{z-index:10000}
.room-nav,#laptop-window .room-nav,#resume-window .room-nav{filter:none;backdrop-filter:none;background:#f5f1e8;transform:none}