/* Shared navigation in the Teplo Formy visual style. */
.site-header{position:sticky;top:0;z-index:20;height:96px;background:#f1eee7;border-bottom:1px solid #25302920;transition:transform .25s ease;gap:24px}
.site-header.header-away{transform:translateY(-100%)}
.site-header .brand{flex-shrink:0;letter-spacing:.13em}
.site-header nav{gap:25px;font-size:12px}
.site-header nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
.project-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;background:#283b32;color:#f2efe7;font-size:12px;white-space:nowrap;transition:background .2s}
.project-link:hover{background:#405448}
.menu-toggle{display:none;min-height:44px;padding:10px 14px;border:1px solid #879088;background:transparent;color:inherit;font:inherit;font-size:13px}
.site-header a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #a66c4a;outline-offset:4px}
main section[id]{scroll-margin-top:112px}
@media(max-width:1000px){
 .site-header{height:auto;min-height:120px;padding:16px 6%;gap:10px;flex-wrap:wrap}
 .site-header .brand{font-size:20px;margin-right:auto;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
 .site-header .brand small{font-size:7px;letter-spacing:.12em}
 .navigation-ready .menu-toggle{display:block}
 .site-header .project-link{order:3;width:100%;font-size:13px}
 .site-header nav{order:4;width:100%;flex-direction:column;gap:0;overflow:visible;white-space:normal}
 .navigation-ready nav{display:none}
 .navigation-ready.menu-open nav{display:flex;max-height:calc(100dvh - 160px);overflow-y:auto;animation:menu-arrive .18s ease-out}
 .site-header nav a{font-family:'Playfair Display',Georgia,serif;font-size:24px;padding:17px 0;min-height:62px;border-bottom:1px solid #25302925}
 main section[id]{scroll-margin-top:152px}
}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.project-link{transition:none}.navigation-ready.menu-open nav{animation:none}}