/* Native Squarespace header: original monogram, restrained navigation. */
#header .header-title-text{font-size:0!important;line-height:0!important}
#header .header-title-text a{
  display:block!important;
  width:22.1919px!important;
  height:56px!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden;
  background-image:url("https://sondos-millwork-hero.trendingstocks195.chatgpt.site/assets/brand/sondos-monogram-original.png")!important;
  background-repeat:no-repeat!important;
  background-size:136.2881% 126.4545%!important;
  background-position:96.9466% 42.7386%!important;
}
@media(max-width:767px){#header .header-title-text a{width:20.606px!important;height:52px!important}}

/* Readable navigation; the existing homepage overlay controls its colors. */
#header .header-nav-item a{
  font-size:18px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
body[data-smw-header-overlay] #header .header-nav-item a{
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.3);
}
#header .header-menu-nav-item a{font-weight:500!important}
#header .header-actions-action--cta:has(a[href="/contact"]),
#header .header-menu-cta:has(a[href="/contact"]){display:none!important}

/* Keep the native menu and header positioning. Only spacing and alignment change. */
#header .header-dropshadow{display:none!important;box-shadow:none!important}
#header .header-announcement-bar-wrapper{padding-top:16px!important;padding-bottom:16px!important}
#header .header-display-desktop .header-title-nav-wrapper{align-items:center!important;gap:32px}
#header .header-display-desktop .header-title{flex:0 0 auto!important}
#header .header-display-desktop .header-nav{flex:1 1 auto!important;margin-left:auto!important;margin-right:0!important}
#header .header-display-desktop .header-nav-list{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(24px,3vw,44px)}
#header .header-display-desktop .header-nav-item{margin:0!important}
#header .header-display-desktop .header-nav-item a{display:inline-flex;align-items:center;min-height:44px;padding:0!important;line-height:1.4!important;white-space:nowrap;text-underline-offset:6px}
#header .header-display-desktop .header-nav-item a:hover{text-decoration:underline;text-decoration-thickness:1px}
#header :is(.header-nav-item a,.header-title-text a,.header-burger-btn):focus-visible{outline:2px solid currentColor;outline-offset:7px}
@media(max-width:767px){
  #header .header-announcement-bar-wrapper{padding-top:14px!important;padding-bottom:14px!important}
  #header .header-burger-btn{min-width:44px;min-height:44px}
}