@import url('/scroll-lines.css');
@import url('/section-rules.css');
@font-face{font-family:Secoline;src:url('/fonts/site/secoline/Secoline-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.continuous-nav{--line-stroke:1.6px;--line-header-base:106px;--line-row-gap:52px;--line-gutter:4%;--line-brand-width:210px}
.continuous-nav .continuous-header{position:relative;display:block;width:100%;height:auto;min-height:var(--line-header-base);max-width:none;padding:calc(var(--line-header-base)/2 - 25px) 0 calc(var(--line-header-base)/2 - 27px);margin-inline:auto;isolation:isolate;overflow:visible}
.continuous-nav.nav-line-ready .continuous-header{padding:0}
.continuous-nav .continuous-header .brand{position:absolute;left:var(--line-gutter);top:calc(var(--line-header-base)/2);transform:translateY(-50%);width:var(--line-brand-width);display:block;z-index:2}
/* Reserve the full hover footprint so the enlarged logo remains a stable click target. */
.continuous-nav.nav-line-ready .continuous-header .brand::before{content:"";position:absolute;inset:-12%;border-radius:6px}
.continuous-nav.nav-line-ready .continuous-header .brand:focus-visible{outline:none}
.continuous-nav.nav-line-ready .continuous-header .brand:focus-visible::before{outline:2px solid var(--map-accent);outline-offset:3px}
.continuous-nav .continuous-brand{display:block;width:100%;height:auto;overflow:visible}
.continuous-nav :is(.continuous-brand,.continuous-brand-art) path{stroke-width:var(--logo-line-stroke,9)}
/* Preserve the badge's original 18.36:9 letter-to-street contrast and line caps. */
.continuous-nav :is(.continuous-brand,.continuous-brand-art) #word-maps path{stroke-width:calc(var(--logo-line-stroke,9) * 2.04)}
.continuous-nav.line-drawing-pending :is(.continuous-brand,.continuous-brand-art) .logo-stroke{opacity:0}
.continuous-nav .nav-line-svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;visibility:hidden;fill:none;stroke:var(--map-accent);stroke-width:var(--line-stroke);stroke-linejoin:round;stroke-linecap:round;pointer-events:none;z-index:1}
.continuous-nav.nav-line-ready .nav-line-svg{visibility:visible}
/* The navigation viewport is 1:1; word growth changes coordinates, never stroke scale. */
.continuous-nav .continuous-header #main-nav{position:relative;inset:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:var(--line-row-gap);align-items:center;gap:0 16px;padding:0;margin:0 28px 0 calc(var(--line-gutter) + var(--line-brand-width) + 32px);border:0;background:transparent;box-shadow:none;pointer-events:none}
.continuous-nav .continuous-header #main-nav>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--map-accent);font:400 22px/1 Secoline,Arial,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;pointer-events:auto;z-index:3}
.continuous-nav .continuous-header #main-nav>a::after{display:none}
.continuous-nav .continuous-header #main-nav .nav-label{display:inline;font:inherit;margin:0}
.continuous-nav .continuous-header #main-nav>a:focus-visible,.continuous-nav .line-menu-toggle:focus-visible{outline:2px solid var(--map-accent);outline-offset:3px}
.continuous-nav.nav-line-ready .continuous-header #main-nav{position:absolute;inset:0;display:block;margin:0}
.continuous-nav.nav-line-ready .continuous-header #main-nav>a{position:absolute}
.continuous-nav.nav-line-ready .continuous-header .nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.continuous-nav .continuous-header .line-menu-toggle{display:none;position:absolute;right:20px;top:27px;width:84px;height:48px;padding:0;border:0;background:transparent;color:var(--map-accent);z-index:3;font:400 21px/1 Secoline,Arial,sans-serif;cursor:pointer}
.continuous-nav .continuous-header .line-menu-toggle span{width:auto;height:auto;background:transparent;transform:none}
@media(max-width:1180px){
 .continuous-nav{--line-header-base:96px;--line-gutter:5%;--line-brand-width:184px}
}
@media(max-width:900px){
 .continuous-nav .continuous-header{height:var(--line-header-base);padding:0}
 .continuous-nav .continuous-header .line-menu-toggle{display:flex;align-items:center;justify-content:center}
 .continuous-nav .continuous-header #main-nav,.continuous-nav.nav-line-ready .continuous-header #main-nav{position:absolute;display:none;inset:96px 0 auto;padding:16px 5%;margin:0;flex-direction:column;align-items:stretch;background:var(--paper)}
 .continuous-nav .continuous-header #main-nav.open{display:flex}
 .continuous-nav .continuous-header #main-nav>a{display:flex!important;font-size:23px;min-height:48px;padding:8px}
 .continuous-nav.nav-line-ready .continuous-header #main-nav{inset:0;padding:0;background:transparent;pointer-events:none}
 .continuous-nav.nav-line-ready .continuous-header #main-nav>a{padding:0}
}
@media(max-width:480px){
 .continuous-nav{--line-gutter:6%;--line-brand-width:166px}
}
@media(max-width:350px){.continuous-nav{--line-brand-width:150px}}
@media(prefers-reduced-motion:reduce){.continuous-nav .continuous-header *{scroll-behavior:auto!important;transition:none!important}}