/* Adapted from the Motherboard topbar: paper surfaces, cobalt details,
   inset icon tiles, compact type, generous gutters and a featured side panel. */
.site-navigation.nav{background:#fff;color:#21262d;border-bottom:1px solid #16223812;box-shadow:inset 0 1px 0 #fff,0 8px 28px -22px #18253b55;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}
.site-navigation .brand{letter-spacing:-.045em;font-weight:600}.site-navigation .brand-icon{color:#355bc4}.site-navigation nav>a{font-weight:500;color:#51565f}.site-navigation nav>a:hover,.site-navigation nav>a[aria-expanded=true]{color:#2447a2;background:#eaf0fb}.site-navigation .nav-work{background:#294fae!important;color:#fff;box-shadow:inset 0 1px 0 #ffffff25}.site-navigation .nav-work:hover{background:#224391!important}.site-navigation .menu-trigger svg{width:11px;height:11px;opacity:.6}.site-navigation a:focus-visible,.site-navigation button:focus-visible{outline:2px solid #345cc6;outline-offset:3px}
.site-navigation .navigation-panel{width:min(1000px,calc(100vw - 2 * var(--gutter)));top:calc(100% + 10px);background:#fff;color:#222936;border:1px solid #fff;border-radius:20px;box-shadow:0 24px 70px -20px #14213c40,0 0 0 1px #1a294615,inset 0 1px 0 #fff;backdrop-filter:blur(36px);animation:none;transition:height 180ms ease-out;overflow:visible}
.site-navigation .navigation-panel:before{height:16px}.site-navigation .menu-content{padding:22px}.site-navigation .menu-heading{display:flex;justify-content:space-between;gap:16px;padding:0 10px 19px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:#6e7582}.site-navigation .menu-heading>span:last-child{letter-spacing:.02em;color:#8b9099}.site-navigation .menu-work-body{display:grid;grid-template-columns:1fr 188px;gap:18px}.site-navigation .menu-projects{gap:6px;min-width:0}.site-navigation .menu-group{padding:0;min-width:0}.site-navigation .menu-group>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:500;color:#707888;margin:0;padding:4px 9px 10px}.site-navigation .menu-projects a,.site-navigation .menu-studio>a{display:flex;align-items:flex-start;gap:10px;position:relative;padding:11px 9px;min-height:86px;border-radius:10px;transition:background 160ms;color:#202833}.site-navigation .menu-projects a:hover,.site-navigation .menu-studio>a:hover{background:#edf1fa}.site-navigation .menu-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;margin-top:1px;border:1px solid #23386514;background:#fff;border-radius:9px;box-shadow:0 2px 3px #10214b05;color:#3c62bc}.site-navigation .menu-icon svg{width:17px;height:17px;opacity:1;transform:none!important;stroke-width:1.4}.site-navigation .menu-link-copy{min-width:0}.site-navigation .menu-projects strong,.site-navigation .menu-studio strong{font-size:13px;line-height:1.4;font-weight:600;letter-spacing:-.02em;transform:none!important}.site-navigation .menu-projects small,.site-navigation .menu-studio small{display:block;font-size:11.5px;line-height:1.45;color:#727986;margin-top:3px;max-width:24ch}.site-navigation .menu-projects .menu-link-arrow{position:absolute;right:6px;top:15px;width:10px;height:10px;opacity:0}.site-navigation .menu-projects a:hover .menu-link-arrow{opacity:.6;transform:none}.site-navigation .menu-feature{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:13px;min-height:280px;padding:17px;color:white;background:linear-gradient(150deg,#547add,#2145a2 80%);isolation:isolate}.site-navigation .menu-feature:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 0,#ffffff30,transparent 65%)}.site-navigation .menu-feature-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.07em;color:#ffffffbf;max-width:15ch}.site-navigation .menu-feature strong{font-size:26px;line-height:1.1;font-weight:500;letter-spacing:-.05em;margin-top:auto;padding-top:70px}.site-navigation .menu-feature-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:20px;color:#ffffffe0}.site-navigation .menu-feature-bottom>span{font-size:17px}.site-navigation .menu-feature-art{position:absolute;width:180px;height:160px;right:-28px;top:42px;z-index:-1;transform:rotate(-32deg)}.site-navigation .menu-feature-art i{position:absolute;inset:0;border:1px solid #ffffff30;border-radius:50%}.site-navigation .menu-feature-art i:nth-child(2){inset:16px}.site-navigation .menu-feature-art i:nth-child(3){inset:32px}.site-navigation .menu-footer{margin:19px -22px -22px;padding:11px 30px;min-height:64px;border-top:1px solid #253b5910;border-radius:0 0 20px 20px;background:#fff;color:#7b8290;font-size:11px}.site-navigation .menu-footer a,.site-navigation .menu-footer button{color:#3457a3;font-size:11px;font-weight:500}.site-navigation .menu-footer a{gap:18px}.site-navigation .menu-studio{gap:14px}.site-navigation .menu-studio>a{padding:16px 10px;min-height:100px}.site-navigation .menu-studio .menu-link-copy{display:block;margin:0;max-width:none}.site-navigation .menu-studio small{max-width:26ch}
@media(max-width:1000px) and (min-width:701px){.site-navigation .menu-work-body{grid-template-columns:1fr}.site-navigation .menu-feature{display:none}.site-navigation .menu-projects small{max-width:25ch}}
@media(max-width:700px){.site-navigation.nav{padding:0 10px}.site-navigation .brand{font-size:16px;white-space:nowrap}.site-navigation .brand-icon{font-size:24px}.site-navigation nav>a{padding:0 6px;font-size:11px;gap:3px}.site-navigation .nav-work{padding:0 9px!important;font-size:10px!important;margin-left:3px}.site-navigation .navigation-panel{width:auto;left:8px;right:8px;top:calc(100% + 7px);border-radius:15px;max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain}.site-navigation .menu-content{padding:17px 13px}.site-navigation .menu-heading{padding:0 8px 14px;font-size:9px}.site-navigation .menu-heading>span:last-child{font-size:8px}.site-navigation .menu-work-body{display:block}.site-navigation .menu-feature{display:none}.site-navigation .menu-projects,.site-navigation .menu-studio{grid-template-columns:1fr;gap:12px}.site-navigation .menu-group>span{font-size:9px;padding:3px 8px 4px}.site-navigation .menu-projects a{min-height:61px;padding:9px 8px;gap:12px}.site-navigation .menu-projects strong,.site-navigation .menu-studio strong{font-size:13px}.site-navigation .menu-projects small,.site-navigation .menu-studio small{font-size:11px;max-width:none;margin-top:2px}.site-navigation .menu-footer{margin:15px -13px -17px;padding:7px 21px;min-height:58px}.site-navigation .menu-studio>a{min-height:80px;padding:12px 8px}.site-navigation .menu-studio{gap:3px}.site-navigation .menu-icon{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.site-navigation .navigation-panel,.site-navigation a{transition:none!important}}