#kay-concept .site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;flex-wrap:nowrap;border-bottom:1px solid var(--line)}
#kay-concept .site-header a.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;flex-shrink:0}
#kay-concept .site-header .brand-name{display:block}
#kay-concept .site-header .brand-logo{width:72px;height:72px}
#kay-concept .site-header .nav{display:flex;align-items:center;gap:26px;flex-wrap:nowrap}
#kay-concept .site-header .nav-link{display:inline-block;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;padding:12px 0;white-space:nowrap;border-bottom:2px solid transparent;transition:border-color .15s}
#kay-concept .site-header .nav-link:hover,#kay-concept .site-header .nav-link.is-active{border-bottom-color:var(--sea);color:var(--sea)}
#kay-concept .site-header .nav-book{font-size:14px;white-space:nowrap;padding:13px 22px}
#kay-concept .site-header .nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:24px;padding:10px 15px;font-size:14px;align-items:center;justify-content:center;color:var(--ink);white-space:nowrap}
#kay-concept .site-header a:focus-visible,#kay-concept .site-header button:focus-visible{outline:3px solid var(--sea);outline-offset:5px}
@media(max-width:1100px){
 #kay-concept .site-header{flex-wrap:wrap;gap:16px;padding:18px 5%}
 #kay-concept .site-header .brand strong{font-size:23px}
 #kay-concept .site-header .brand-logo{width:62px;height:62px}
 #kay-concept .site-header .nav{width:100%;gap:20px;flex-wrap:wrap}
 #kay-concept .site-header.nav-ready .nav-toggle:not([hidden]){display:inline-flex;margin-left:auto}
 #kay-concept .site-header.nav-ready .nav{display:none}
 #kay-concept .site-header.nav-ready.menu-open .nav{display:flex;align-items:stretch;flex-direction:column;gap:0;padding-top:10px;border-top:1px solid var(--line)}
 #kay-concept .site-header .nav-link{padding:15px 4px;width:fit-content;max-width:100%}
 #kay-concept .site-header .nav-book{align-self:flex-start;margin:14px 0 5px}
}
@media(max-width:480px){
 #kay-concept .site-header{gap:8px}
 #kay-concept .site-header a.brand{gap:8px}
 #kay-concept .site-header .brand-logo{width:46px;height:46px}
 #kay-concept .site-header .brand strong{font-size:18px}
 #kay-concept .site-header .brand small{font-size:8px;letter-spacing:.12em}
 #kay-concept .site-header .nav-toggle{padding:9px 12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#kay-concept .site-header .nav-link{transition:none}}