/* Shared AGENCIA header, following agencia.sk/softver. */
:root{--header-line:rgba(255,255,255,.3)}
:root[data-theme=light]{color-scheme:light;--bg:#fff;--text:#000;--line:rgba(0,0,0,.23);--header-line:rgba(0,0,0,.3)}
.home{--lp-header:68px}
html{scroll-padding-top:calc(var(--lp-header,78px) + 20px)}
.home .header{background:var(--bg);border:0}
.home .header-inner{width:100%;max-width:none;height:var(--lp-header);min-height:var(--lp-header);padding:12px 20px;gap:12px;flex-wrap:nowrap}
.home .brand-lockup{display:inline-flex;align-items:center;flex-shrink:0;gap:10px;font:700 20px/1 var(--display);letter-spacing:-.03em;text-decoration:none}
.brand-symbol{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:2px;background:#ff2bd6;color:#000;font:800 15px/1 var(--display);letter-spacing:-.03em}
.home .site-nav{margin:0 auto;flex-grow:0;gap:22px;font:500 14px/1.4 var(--body)}
.home .site-nav .nav-group summary{min-height:44px}
.home .site-nav>a{display:flex;align-items:center;min-height:44px}
.home .nav-panel{top:46px;left:-20px;border-radius:16px;z-index:2}
.header-actions{display:flex;align-items:center;flex:none;gap:12px;margin-left:auto}
.theme-toggle{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid var(--header-line);border-radius:50%;background:var(--bg);color:var(--text)}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle .theme-sun{display:none}
[data-theme=light] .theme-toggle .theme-moon{display:none}
[data-theme=light] .theme-toggle .theme-sun{display:block}
.theme-toggle:hover{border-color:#ff2bd6}
.header-project{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:11px 16px;border-radius:999px;background:var(--text);color:var(--bg);font:600 14px/1 var(--body);white-space:nowrap;text-decoration:none!important}
.header-project:hover{opacity:.85}
.home .mobile-toggle{flex:none;width:auto;height:44px;min-height:44px;padding:10px 16px;border:1px solid var(--header-line);border-radius:999px;background:var(--bg);font:600 14px/1 var(--body);letter-spacing:-.03em}
html:not(.js) .theme-toggle{display:none}
.mobile-menu-header{height:var(--lp-header);padding-inline:20px}
.mobile-menu-header .brand-lockup{font-size:20px}
.mobile-menu-header .mobile-menu-close{flex-basis:auto;width:auto;height:44px;padding:10px 16px;border:1px solid var(--header-line);border-radius:999px;font:600 14px/1 var(--body)}
.mobile-menu-header .mobile-menu-close>span{font-size:26px;line-height:20px}
@media(max-width:1199px){
 .home .header{--theme-bubble:rgba(10,10,10,.6);--menu-bubble:rgba(10,10,10,.72);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
 [data-theme=light] .home .header{--theme-bubble:rgba(245,245,245,.6);--menu-bubble:rgba(245,245,245,.72)}
 .home .header .brand-lockup,.home .header .site-nav,.home .header-actions{pointer-events:auto}
 .home .header .theme-toggle{background:var(--theme-bubble)}
 .home .header .mobile-toggle{background:var(--menu-bubble);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
 .js .home .site-nav{display:none}
 .js .home .mobile-toggle{display:block}
 html:not(.js) .home .header-inner{height:auto;flex-wrap:wrap}
 html:not(.js) .home .site-nav{order:3;width:100%}
}
@media(min-width:1200px){
 .home{--lp-header:78px}
 .home .header-inner{padding:16px max(16px,calc((100% - 1200px)/2));gap:18px}
 .home .brand-lockup{font-size:18px}
 .header-actions{gap:18px;margin-left:0}
 .header-project{padding:15px 24px;min-height:45px;font-size:15px}
 .home .mobile-toggle{display:none}
}
@media(max-width:600px){
 .home .header-inner{padding-inline:16px;gap:6px}
 .home .brand-lockup{gap:8px;font-size:18px}
 .brand-symbol{width:24px;height:24px}
 .header-actions{gap:6px}
 .theme-toggle{width:36px;height:36px}
 .theme-toggle svg{width:17px;height:17px}
 .header-project{padding:11px 13px;font-size:13.5px}
 .home .mobile-toggle{padding:10px 13px}
 .mobile-menu-header{padding-inline:16px}
}
@media(max-width:375px){
 .home .brand-lockup{font-size:16px}
 .header-project{padding:10px;font-size:12.5px}
 .home .mobile-toggle{padding:10px 11px}
}
@media(max-width:374px){
 .header-inner .brand-name{display:none}
 .header-inner .brand-symbol{width:28px;height:28px;font-size:17px}
}