html.site-menu-open{overflow:hidden}
.menu-trigger,.menu-close{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;min-width:48px;min-height:48px;padding:8px 0;font-size:14px}
.menu-trigger[hidden]{display:none}
.menu-trigger:focus-visible,.menu-close:focus-visible,.site-menu button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.menu-trigger{margin-top:4px}
.menu-lines{position:relative;width:29px;height:18px;display:block;flex:none}
.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor;transition:transform .2s}
.menu-lines:before{top:4px}.menu-lines:after{bottom:4px}
.menu-trigger:hover .menu-lines:before{transform:translateY(-2px)}
.menu-trigger:hover .menu-lines:after{transform:translateY(2px)}
.site-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:42px clamp(24px,4vw,56px) 36px;background:#101010;color:#faf9f5;font:16px/1.5 Manrope,Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
.site-menu[open]{display:flex;flex-direction:column;animation:menu-enter .22s ease-out both}
.site-menu::backdrop{background:rgba(0,0,0,.62)}
.menu-close{align-self:flex-end;margin-bottom:28px}
.menu-close .menu-lines:before{top:8px;transform:rotate(45deg)}
.menu-close .menu-lines:after{bottom:auto;top:8px;transform:rotate(-45deg)}
.menu-heading{margin:0;font-size:28px;font-weight:600;letter-spacing:-.045em}
.site-menu nav{display:flex;flex-direction:column;margin-top:clamp(30px,8vh,80px)}
.site-menu nav a{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #3d3d3d;color:inherit;text-decoration:none;font-size:clamp(24px,3vw,30px);line-height:1.25;letter-spacing:-.03em}
.site-menu nav a span{font-size:14px;letter-spacing:0;color:#b1b1aa}
.site-menu nav a:hover{color:#d0d0c8}
.site-menu nav a:focus-visible,.site-menu a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-menu-footer{margin-top:auto;padding-top:42px}
.site-menu .motion-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;border:0;background:transparent;color:#c6c6bf;font:14px/1.5 Manrope,Arial,sans-serif;cursor:pointer}
.site-menu .motion-toggle[hidden]{display:none}
.site-menu .motion-toggle svg{width:14px;height:14px;flex:none}
.site-menu .motion-toggle:hover{color:white;background:transparent}
.no-script-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
@keyframes menu-enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){
  .home-header .menu-trigger-label,.hero--hostia .menu-trigger-label{display:none}
  .home-header .menu-trigger,.hero--hostia .menu-trigger{margin-top:0;position:absolute;right:24px;top:25px}
  .site-menu{padding-top:25px;padding-bottom:28px}
  .site-menu nav a{padding:20px 0}
}
@media(prefers-reduced-motion:reduce){.site-menu[open]{animation:none}.menu-lines:before,.menu-lines:after{transition:none}}

/* Motto follows navigation; remains in document flow on short screens. */
.site-menu nav,.site-menu-footer{flex-shrink:0}
.site-menu-footer{padding-top:36px}
.menu-motto{margin:0;padding-top:24px;border-top:1px solid #3d3d3d;text-align:center;line-height:1.5}
.menu-motto>span{display:block;font-family:Georgia,serif;font-style:italic;font-size:24px;color:#faf9f5}
.site-menu[open] .menu-motto>span{animation:menu-motto-float 6s ease-in-out infinite}
.menu-motto small{display:block;margin-top:12px;font-size:13px;line-height:1.6;color:#c4c4c4}
.menu-motto a{display:inline-block;margin-left:4px;color:inherit;text-decoration:underline;text-underline-offset:4px}
@keyframes menu-motto-float{0%,100%{transform:translateY(0);text-shadow:none}50%{transform:translateY(-5px);text-shadow:0 0 12px #ffffff60}}
@media(prefers-reduced-motion:reduce){.site-menu[open] .menu-motto>span{animation:none}}