.mobile-menu-toggle{display:none}@media(max-width:1024px){.header.mobile-menu-ready{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 4%;min-height:68px;height:auto;width:100%;background:var(--surface-stone);z-index:10}.header.mobile-menu-ready .brand{font-size:clamp(16px,5vw,20px);max-width:calc(100% - 56px);min-height:44px;margin-right:auto}.header.mobile-menu-ready .mobile-menu-toggle{order:1;display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:1px solid var(--navigation-border);background:transparent;cursor:pointer}.mobile-menu-toggle span{height:2px;width:100%;background:var(--ink)}.header.mobile-menu-ready .top-call{order:2;margin:0;font-size:12px;min-height:44px;display:inline-flex;align-items:center;padding:8px 12px}.header.mobile-menu-ready nav{order:3;display:none;width:100%;margin:0;padding:8px 0;overflow:visible;white-space:normal;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #9b978b}.header.mobile-menu-ready.mobile-menu-open nav{display:flex}.header.mobile-menu-ready nav a,.header.mobile-menu-ready nav a:nth-child(n+3){display:flex;align-items:center;min-height:44px;padding:8px 4px;color:var(--ink);text-shadow:none;font-size:16px;border-bottom:1px solid #aaa69a}.mobile-menu-toggle:focus-visible,.header.mobile-menu-ready nav a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}}
.skip-to-content{position:fixed;z-index:10000;left:12px;top:12px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--surface-dark);color:var(--text-light);font:16px Arial,sans-serif;text-decoration:none;border:2px solid var(--text-light)}
.skip-to-content:focus{width:auto;height:auto;padding:12px 16px;overflow:visible;clip-path:none;white-space:normal}

@media(min-width:1025px){.header nav a,.header nav a:nth-child(n+3),.header .top-call{text-shadow:0 0 2px #000,0 1px 4px #000,0 0 7px #000}}
@media(min-width:1025px){.header .top-call{background:rgba(0,0,0,.55)}}

@media(min-width:1025px) and (max-width:1100px){.header nav a{font-size:14px}.header .top-call{font-size:13px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* Shared desktop navigation contrast follows the perila preview. */
@media (min-width:1025px){.header{background:linear-gradient(90deg,transparent 20%,rgba(22,20,18,.66) 40%,rgba(22,20,18,.66) 100%)}}