/* Menu for the standalone room-detail and Whole House pages at ≤820 px, where their header hides the nav
   (live audit 2026-10-25). The panel reuses the shared mobile-menu styles of brio-system.css (≤768 px only),
   repeated here for 769–820 px. Desktop header unchanged. Room pages switch to their phone header at ≤620 px, Whole House at ≤820 px. */
.site-head .menu-trigger,.standalone-menu{display:none}
@media(max-width:620px){
  .site-head{grid-template-columns:65px 1fr auto 88px}
  .site-head .menu-trigger{display:grid}
}
@media(max-width:820px){
  .site-head[data-page="whole-house"]{grid-template-columns:76px 1fr auto 88px}
  .site-head[data-page="whole-house"] .menu-trigger{display:grid}
  .site-head .menu-trigger{width:64px;min-height:44px;margin-right:10px;padding:10px 0;grid-template-columns:1fr 19px;gap:3px 8px;align-items:center;color:inherit;border:0;background:transparent;cursor:pointer}
  .site-head .menu-trigger span{grid-row:1/3;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
  .site-head .menu-trigger i{width:19px;height:1px;background:currentColor}
  .standalone-menu{position:fixed;z-index:60;inset:0;padding:22px 20px;display:grid;grid-template-rows:auto 1fr auto;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(40,40,32,.07) .55px,transparent .55px);background-size:14px 14px;overflow:auto}
  .standalone-menu[hidden]{display:none}
  .standalone-menu .mobile-menu-top{display:flex;justify-content:space-between}
  .standalone-menu .mobile-menu-top>p{font:400 18px/1 var(--font-display)}
  .standalone-menu .mobile-menu-top p span{font:600 var(--text-xs)/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}
  .standalone-menu .menu-close{display:flex;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer}
  .standalone-menu .menu-close span{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
  .standalone-menu .menu-close i{position:relative;width:19px;height:19px}
  .standalone-menu .menu-close i::before,.standalone-menu .menu-close i::after{content:"";position:absolute;left:0;top:9px;width:19px;height:1px;background:var(--ink);transform:rotate(45deg)}
  .standalone-menu .menu-close i::after{transform:rotate(-45deg)}
  .standalone-menu nav{margin:40px 0;align-self:center;border-top:var(--border)}
  .standalone-menu nav a{min-height:78px;padding:12px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;border-bottom:var(--border);color:var(--ink);text-decoration:none}
  .standalone-menu nav small{align-self:start;padding-top:7px;color:var(--label);font-size:var(--text-xs)}
  .standalone-menu nav span{font:400 clamp(40px,13vw,62px)/.9 var(--font-display);letter-spacing:-.04em}
  .standalone-menu nav a[aria-current="page"] span{color:var(--cobalt);font-style:italic}
  .standalone-menu .mobile-menu-rooms a{display:inline-flex;min-height:44px;padding:0;border:0;grid-template-columns:none;color:var(--ink);text-decoration:none}
  .site-head .place{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .standalone-menu .mobile-language{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}
  .standalone-menu .mobile-language a{color:inherit}
  .standalone-menu .menu-pattern{position:absolute;right:0;top:20%;width:20px;height:155px;background:url('/assets/patterns/P01_Gingham_Orange.svg') center/16px repeat}
  body.menu-open{overflow:hidden}
}
@media(max-width:430px){
  .site-head[data-page="whole-house"] .place{font-size:8px;letter-spacing:.08em}
}
@media(max-width:400px){
  .site-head .menu-trigger{width:30px;margin-right:8px;grid-template-columns:19px;justify-content:center}
  .site-head .menu-trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}