/* Floating navigation inspired by GDL, in La Maison's own palette. */
:root{--navigation-block-size:90px}
/* One centred shell for every public page, including the homepage. */
.site-header{width:calc(100% - 40px);max-width:1560px;margin:12px auto 0;top:12px;isolation:isolate;background:transparent;border-color:transparent;border-radius:24px;box-shadow:none}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:1.5px solid #ffffffb3;border-radius:inherit;background:#eeeae3ed;box-shadow:0 8px 30px #2f2b360a,inset 0 0 0 1px #2f2b360c}
@supports(backdrop-filter:blur(20px)){.site-header::before{background:#eeeae3d4;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}}
.site-header .desktop-nav{margin-left:auto;margin-right:14px;gap:clamp(20px,2.5vw,38px)}
.site-header .desktop-nav a{font-size:12px;font-weight:500}
.site-header .header-cta{background:#ffffff30;color:var(--charcoal);border:1px solid #2f2b3626;border-radius:14px;min-height:48px;padding:8px 16px 8px 22px;gap:18px;box-shadow:inset 0 1px 0 #ffffff60}
.site-header .header-cta .button-icon{background:transparent;width:22px;height:24px}
.site-header .header-cta:hover{background:var(--charcoal);color:var(--white)}
@media(max-width:1000px){.site-header .desktop-nav{margin:0}}
@media(max-width:760px){:root{--navigation-block-size:74px}.site-header{width:calc(100% - 24px);margin:8px auto 0;top:8px;border-radius:18px}.site-header .header-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.site-header .header-cta{min-height:42px;padding:8px 12px;gap:8px;border-radius:12px;font-size:11px}.site-header .header-cta .button-icon{width:18px;height:18px}}
@media(prefers-reduced-transparency:reduce){.site-header::before{background:var(--cream);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Only the mobile menu moves. Its links remain native, immediately usable links. */
@media(max-width:1000px) and (prefers-reduced-motion:no-preference){
 .site-menu[open]::backdrop{animation:maison-menu-backdrop-in 360ms ease-out both}
 .site-menu[open].is-closing::backdrop{animation:maison-menu-backdrop-out 180ms ease-in both}
 @keyframes maison-menu-backdrop-in{from{opacity:0}to{opacity:1}}
 @keyframes maison-menu-backdrop-out{from{opacity:1}to{opacity:0}}
}