.site-header{height:var(--header);position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:0 var(--gutter);background:var(--field);border-bottom:var(--hairline) solid var(--line);transition:background .25s,color .25s}
.brand{display:block;width:142px;flex:none;margin-right:auto}.kade-wordmark{width:100%;aspect-ratio:1396/236;height:auto;overflow:hidden;mix-blend-mode:multiply}.kade-wordmark image{width:2103px;height:748px}.site-header nav{display:flex;align-items:center;gap:22px}.site-header nav>a{font-size:13px;font-weight:500;white-space:nowrap;padding:8px 0;position:relative}.site-header nav>a[aria-current],.site-header nav>a:hover{color:var(--blue)}.site-header .nav-contact{padding:12px 16px;border:var(--hairline) solid var(--blue);color:var(--blue);display:flex;gap:18px;align-items:center}.nav-contact span{font-size:20px}.menu-toggle{display:none;align-items:center;gap:12px;border:0;background:none;color:inherit;padding:9px 0;font-size:14px;min-height:44px}.menu-toggle span{font-size:23px;font-weight:400}.reading-progress{position:absolute;top:0;left:0;right:0;height:2px;background:var(--blue);transform-origin:left;transform:scaleX(0)}
.home-page .site-header:not(.is-scrolled){background:var(--night);border-color:var(--rule);color:#eef4ff}.home-page .site-header:not(.is-scrolled) .kade-wordmark{filter:invert(1);mix-blend-mode:screen}.home-page .site-header:not(.is-scrolled) nav>a:hover{color:#a9c9ff}.home-page .site-header:not(.is-scrolled) .nav-contact{border-color:var(--rule);color:#eef4ff}
.settings-container{position:relative;flex:none}.settings-trigger{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:inherit;padding:8px}.settings-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.settings-trigger:hover{color:#6d9aff}.settings-panel{position:absolute;right:0;top:calc(100% + 18px);width:278px;max-width:calc(100vw - 32px);padding:20px;background:var(--field);color:var(--navy);border:var(--hairline) solid var(--line);box-shadow:0 14px 50px #08162c20}.settings-title{font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}.motion-toggle,.sound-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:46px;border:0;border-top:var(--hairline) solid var(--line);background:transparent;padding:12px 0;font-size:14px;color:var(--navy)}.motion-symbol,.sound-symbol{color:var(--blue);font-size:18px}.sound-volume-label{display:flex;gap:12px;align-items:center;font-size:13px;padding-top:14px}.sound-volume{width:120px;height:44px;accent-color:var(--blue)}.sound-status{display:block;font-size:12px;line-height:1.6}.sound-status:not(:empty){margin-top:12px}
:root{--header:80px;--gutter:clamp(24px,5.5vw,104px)}
.site-header{font-size:14px;line-height:1.5;flex-wrap:nowrap;justify-content:initial}
.site-header .brand{width:142px;margin-right:auto;line-height:0}.site-header .kade-wordmark{display:block;width:100%;height:auto;aspect-ratio:1396/236}.site-header .settings-trigger{cursor:pointer}
.developer-page{--field:#f7f8fa;--navy:#0f1f3d;--night:#08162c;--blue:#093ce0;--line:#c5d0e0;--rule:#91abc344;--hairline:1px}
.developer-page .site-header{color:var(--navy)}
.developer-page .site-header nav{position:static;overflow:visible;white-space:normal;background:none;backdrop-filter:none;padding:0;border:0;font-size:14px;z-index:auto}
.developer-page .site-header span{font-size:inherit;letter-spacing:inherit;color:inherit}.developer-page .site-header .menu-toggle span{font-size:23px}
.developer-page .site-header .settings-title{font-size:13px;color:var(--navy);margin:0 0 14px}.developer-page .site-header .sound-volume{min-width:0}
.developer-page>nav.developer-subnav{top:var(--header);padding:12px var(--gutter);font-size:13px;gap:24px;scrollbar-width:thin;z-index:20}
.developer-page main section[id]{scroll-margin-top:calc(var(--header) + 64px)}
.developer-page .wrap{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1648px}
.developer-page .site-header [hidden]{display:none!important}
@media(max-width:1200px){.site-header{gap:18px}.site-header .brand{width:130px}}
@media(max-width:1100px){.site-header .menu-toggle{display:flex}.site-header #navigation{position:absolute;left:0;right:0;top:100%;display:none;overflow-y:auto;max-height:calc(100dvh - var(--header));padding:18px 24px}.site-header #navigation.open{display:flex}.site-header{gap:22px}}
@media(max-width:650px){:root{--header:70px;--gutter:24px}.site-header{gap:16px}.site-header .brand{width:125px}.site-header .menu-toggle{font-size:13px}.site-header .settings-panel{right:0;top:calc(100% + 16px)}.developer-page>nav.developer-subnav{font-size:13px;gap:20px}.developer-page main section[id]{scroll-margin-top:calc(var(--header) + 64px)}}
@media(max-width:360px){:root{--header:66px;--gutter:20px}.site-header .brand{width:111px}.site-header{gap:12px}}

.developer-page .skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.developer-page .skip-link:focus{position:fixed;left:20px;top:15px;z-index:200;padding:14px;background:white;color:#0f1f3d}