/* Shared navigation geometry from the approved home-page panel.
   Backgrounds, borders and foreground palettes remain page-owned. */
html body .topbar{box-sizing:border-box!important;position:absolute!important;inset:2.2% auto auto 5%!important;width:90%!important;max-width:none!important;height:clamp(50px,4cqw,68px)!important;min-height:0!important;margin:0!important;padding:8px clamp(20px,2cqw,36px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(16px,1.5cqw,28px)!important;border-radius:20px!important;transform:none!important;font-family:Evolventa,sans-serif!important;line-height:1.5!important;z-index:20}
html body .topbar .brand{width:clamp(120px,10cqw,170px)!important;max-width:none!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
html body .topbar .brand img{width:100%!important;height:auto!important}
html body .topbar .desktop-nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 auto!important;flex-wrap:nowrap!important;margin:0 0 0 auto!important;gap:clamp(18px,1.8cqw,32px)!important;font-family:Evolventa,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important}
html body .topbar .desktop-nav a{padding:8px 0!important;font:inherit!important;letter-spacing:inherit!important;border:0!important;background:none!important;text-decoration:none!important;box-shadow:none!important}
html body .topbar .desktop-nav a::before,html body .topbar .desktop-nav a::after{display:none!important}
html body .topbar .desktop-nav a[aria-current],html body #mobile-menu a[aria-current]{color:#a51213!important}
html body .topbar>a:not(.brand){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin:0!important;padding:7px 16px!important;font-family:Evolventa,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;border-radius:10px!important;white-space:nowrap!important;text-transform:none!important}
html body .topbar .menu-toggle{display:none!important}
html body #mobile-menu[hidden]{display:none!important}
@media(max-width:900px){
 html body .topbar{height:60px!important;padding:8px 16px!important;gap:12px!important}
 html body .topbar .desktop-nav,html body .topbar>a:not(.brand){display:none!important}
 html body .topbar .menu-toggle{display:block!important;font:14px Evolventa,sans-serif!important;border:0;background:none}
 html body #mobile-menu:not([hidden]){position:absolute!important;z-index:30!important;top:calc(2.2% + 68px)!important;left:5%!important;width:90%!important;margin:0!important;padding:18px!important;border-radius:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;font:14px/1.5 Evolventa,sans-serif!important}
}
/* Flow-based gallery and sketchbook pages reserve the same header space. */
html body .reviews-layout .topbar,html:has(link[href*="classic.css"]) body .topbar{position:relative!important;inset:auto!important;margin:0 auto!important;flex-shrink:0!important}
/* The archive wall uses the space below the fixed-position home-reference menu.
   Keep the menu anchored; shrink the flex room instead of covering its heading. */
html body.archive-preview[data-archive-preview]{padding-top:calc(2.2dvh + clamp(50px,4cqw,68px) + 12px)!important;box-sizing:border-box!important}
@media(max-width:900px){html body.archive-preview[data-archive-preview]{padding-top:calc(2.2dvh + 72px)!important}}
/* Preserve the first grid track formerly occupied by the styles header. */
html body.showroom{grid-template-rows:calc(2.2dvh + clamp(50px,4cqw,68px) + 12px) auto minmax(0,1fr) auto!important}
@media(max-width:900px){html body.showroom{grid-template-rows:calc(2.2dvh + 72px) auto minmax(0,1fr) auto!important}}