/* Compact monochrome navigation. Kept separate from the page layouts. */
html{scroll-padding-top:120px}
.site-navigation{position:sticky;top:0;z-index:50;background:#101010;color:#fff;border-bottom:1px solid #303030;box-shadow:0 4px 22px #0000000a}
.navigation-bar{min-height:100px;padding:18px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;max-width:2000px;margin:auto}
.navigation-brand{display:block;width:148px;line-height:0;justify-self:start;flex-shrink:0}
.navigation-brand img{width:100%;height:auto;display:block;animation:navigation-brand-in .65s ease-out both;transition:opacity .25s}
.navigation-brand:hover img{opacity:.72}
.navigation-links{display:flex;align-items:center;gap:2px;padding:5px;border:1px solid #383838;border-radius:4px;background:#171717}
.navigation-links a{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:2px;color:#c8c8c8;font-size:13px;font-weight:500;white-space:nowrap;transition:color .2s,background .2s}
.navigation-links a:hover{color:#fff;background:#292929}
.navigation-links a[aria-current="page"]{background:#f4f4f1;color:#111}
.navigation-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.navigation-inquiry{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:0 17px;min-height:54px;border:1px solid #fff;border-radius:3px;background:#fff;color:#111;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s}
.navigation-inquiry svg{width:20px;height:20px;transition:transform .25s}
.navigation-inquiry:hover{background:#ddd}
.navigation-inquiry:hover svg{transform:translate(2px,-2px)}
.navigation-inquiry[aria-current="page"]{background:#303030;color:#fff}
.navigation-toggle,.navigation-close{align-items:center;justify-content:space-between;gap:17px;min-height:46px;padding:0 15px;border:1px solid #505050;border-radius:3px;background:transparent;color:#fff;font:inherit;font-size:12px;cursor:pointer}
.navigation-toggle{display:none}
.navigation-toggle i{width:19px;display:grid;gap:6px}
.navigation-toggle b{display:block;height:1px;background:currentColor;transition:transform .25s}
.navigation-toggle:hover b:first-child{transform:translateX(3px)}
.navigation-toggle:hover b:last-child{transform:translateX(-3px)}
.navigation-close{display:flex}
.navigation-close svg{width:20px;height:20px;transition:transform .25s}
.navigation-close:hover svg{transform:rotate(90deg)}
.site-navigation :focus-visible,.navigation-dialog :focus-visible{outline:2px solid #fff;outline-offset:5px}
.navigation-inquiry:focus-visible,.navigation-menu-cta:focus-visible{outline-offset:4px;outline-color:#aaa}
.skip-link{z-index:100}
.navigation-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;max-width:none;margin:0;padding:0;border:0;background:#101010;color:#fff;overflow:auto;overscroll-behavior:contain}
.navigation-dialog::backdrop{background:#101010}
.navigation-dialog[open]{display:flex;flex-direction:column;animation:navigation-panel-in .3s ease-out both}
.navigation-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;padding:16px var(--pad);border-bottom:1px solid #383838;flex-shrink:0}
.navigation-dialog-body{width:100%;max-width:900px;margin:0 auto;padding:28px var(--pad) max(28px,env(safe-area-inset-bottom));display:flex;flex:1;flex-direction:column}
.navigation-menu-intro{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.055em;color:#969696;line-height:1.5;margin-bottom:20px}
.navigation-panel-links{display:grid}
.navigation-panel-links a{display:grid;grid-template-columns:29px 1fr 28px;align-items:center;column-gap:12px;padding:16px 0;border-bottom:1px solid #383838;font-size:clamp(32px,5.2vw,50px);font-weight:400;line-height:1.18;letter-spacing:-.045em;transition:color .2s;animation:navigation-link-in .45s ease-out both;animation-delay:calc(var(--nav-order)*35ms)}
.navigation-panel-links a:first-child{border-top:1px solid #383838}
.navigation-panel-links a[aria-current="page"]{color:#fff}
.navigation-panel-links a[aria-current="page"] .navigation-number{font-size:0}
.navigation-panel-links a[aria-current="page"] .navigation-number:after{content:'';display:block;width:7px;height:7px;background:#fff}
.navigation-number{font-size:10px;letter-spacing:0;color:#8e8e8e}
.navigation-panel-links svg{height:24px;width:24px;opacity:.45;transition:transform .25s,opacity .25s}
.navigation-panel-links a:hover svg{opacity:1;transform:translate(3px,-3px)}
.navigation-panel-links a:hover{color:#bcbcbc}
.navigation-menu-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 24px;margin-top:32px;background:#f3f3f0;color:#101010;border-radius:3px}
.navigation-menu-cta>span{font-size:11px;color:#626262}
.navigation-menu-cta strong{display:block;font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.035em;color:#101010;margin-top:6px}
.navigation-menu-cta svg{width:30px;height:30px;transition:transform .25s}
.navigation-menu-cta:hover svg{transform:translate(3px,-3px)}
.navigation-menu-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:30px;margin-top:auto;font-size:12px;color:#aaa}
.navigation-menu-bottom a:hover{color:#fff}
@keyframes navigation-brand-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes navigation-panel-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes navigation-link-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.navigation-links a{padding-inline:22px;font-size:14px}.navigation-brand{width:158px}.navigation-inquiry{font-size:14px}}
@media(max-width:1100px){
  html{scroll-padding-top:104px}
  .navigation-bar{min-height:84px;padding-block:15px;grid-template-columns:1fr auto;gap:22px}
  .navigation-brand{width:138px}
  .navigation-links{display:none}
  .navigation-inquiry{min-height:46px}
  .navigation-toggle{display:flex}
}
@media(max-width:600px){
  .navigation-inquiry{display:none}
  .navigation-dialog-top .navigation-brand{width:128px}
  .navigation-dialog-body{padding-top:24px}
  .navigation-menu-intro>span:last-child{display:none}
  .navigation-panel-links a{padding-block:17px;font-size:35px;grid-template-columns:24px 1fr 24px;column-gap:9px}
  .navigation-menu-cta{margin-top:26px;padding:19px 20px}
}
@media(max-width:360px){
  .navigation-dialog-top{gap:14px}
  .navigation-dialog-top .navigation-brand{width:115px}
  .navigation-close{padding-inline:11px;gap:10px}
  .navigation-panel-links a{font-size:30px}
  .navigation-menu-cta strong{font-size:22px}
  .navigation-menu-bottom{font-size:11px}
}
.motion-paused .navigation-brand img,.motion-paused .navigation-dialog,.motion-paused .navigation-panel-links a{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .navigation-brand img,.navigation-dialog,.navigation-panel-links a{animation:none!important}
  .site-navigation *,.navigation-dialog *{transition:none!important}
}