/* Always-visible navigation: quiet links, clear grouping, no hamburger menu. */
.site-header{height:88px;background:var(--paper);box-shadow:none}
.site-header .container.nav-wrap{width:min(1480px,calc(100% - 48px));display:flex;align-items:center;gap:24px}
.site-header .brand-logo{width:180px}
.site-header .menu-button{display:none!important}
.site-header .nav-links,.site-header .nav-links.open{display:flex;position:static;inset:auto;flex-direction:row;align-items:center;gap:4px;margin:0 0 0 auto;padding:0;max-height:none;overflow:visible;background:transparent;border:0}
.site-header .nav-links>a,.site-header .nav-products>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 10px;font-size:16px;font-weight:550;line-height:1.5;letter-spacing:.02em;border-radius:5px;color:var(--ink)}
.site-header .nav-links>a:hover,.site-header .nav-products>summary:hover{background:#eaece5;text-decoration:none}
.site-header .nav-links>a[aria-current=page],.site-header .nav-products:has([aria-current=page])>summary{color:var(--blue);background:#e6ebe3;box-shadow:inset 0 -2px var(--blue)}
.site-header .nav-products>summary{gap:5px}
.site-header .nav-products>summary svg{width:12px;height:12px}
.site-header .nav-links .nav-cta{margin:0 0 0 10px;padding:9px 16px;background:var(--blue);color:#fffdf9;border-radius:6px;font-weight:650}
.site-header .nav-links .nav-cta:hover{background:var(--blue-hover)}
.site-header .nav-product-links{position:absolute;top:calc(100% + 8px);left:0;width:220px;padding:8px;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 8px 24px #28312c12;z-index:2}
.site-header .nav-product-links>a{font-size:16px;min-height:44px;padding:9px 12px}
.site-header .legacy-entry{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:44px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:14px;font-weight:400;white-space:nowrap;box-shadow:none}
.site-header .legacy-entry:hover{background:transparent;border-color:var(--muted);color:var(--ink);text-decoration:none}
.site-header .legacy-entry:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
#faq{scroll-margin-top:110px}
@media(min-width:1181px) and (max-width:1350px){.site-header .container.nav-wrap{gap:14px}.site-header .brand-logo{width:155px}.site-header .nav-links>a,.site-header .nav-products>summary{padding-inline:7px}.site-header .nav-links .nav-cta{padding-inline:12px;margin-left:4px}}
@media(max-width:1180px){
 .site-header{height:124px}
 .site-header .container.nav-wrap{display:grid;grid-template-columns:1fr auto;grid-template-rows:66px 58px;gap:0;width:calc(100% - 40px)}
 .site-header .brand-logo{width:158px}
 .site-header .legacy-entry{grid-column:2;grid-row:1;order:0;font-size:13px}
 .site-header .nav-links,.site-header .nav-links.open{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:4px;width:100%;margin:0;padding:6px 0 8px;border-top:1px solid var(--line)}
 .site-header .nav-links>a,.site-header .nav-products>summary{padding:8px 2px;font-size:15px;letter-spacing:0}
 .site-header .nav-links .nav-cta{margin:0;padding:8px 2px}
 .site-header .nav-products{min-width:0}
 .works-wall .wall-toolbar{top:124px}
 #faq{scroll-margin-top:142px}
}
@media(max-width:780px){
 /* Let the expanded phone header scroll away to leave room for the work. */
 .site-header{position:relative;height:164px}
 .site-header .container.nav-wrap{width:calc(100% - 32px);grid-template-rows:64px 100px}
 .site-header .brand-logo{width:146px}
 .site-header .nav-links,.site-header .nav-links.open{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 4px;padding:4px 0 8px}
 .site-header .nav-links>a,.site-header .nav-products>summary{font-size:15px;min-height:44px;padding:8px 0}
 .site-header .nav-links .nav-cta{padding:8px 0}
 .site-header .nav-products>summary{gap:3px}
 .site-header .nav-products:nth-child(3) .nav-product-links{left:auto;right:0}
 .works-wall .wall-toolbar{top:0}
 #faq{scroll-margin-top:24px}
}
@media(max-width:360px){.site-header .container.nav-wrap{width:calc(100% - 24px)}.site-header .nav-links>a,.site-header .nav-products>summary{font-size:14px}.site-header .nav-links{column-gap:2px}}