/* Desktop nav dropdowns (Code Calligraphy upgrade): shrink-to-fit, centred under the parent item, left-aligned, brand brown */
.header-display-desktop .header-nav .header-nav-item--folder{position:relative}
.header-display-desktop .header-nav .header-nav-item--folder .header-nav-folder-content{
 left:50%!important;right:auto!important;transform:translateX(-50%);top:100%;margin-top:6px;
 width:max-content;min-width:0;max-width:280px;padding:8px 0!important;text-align:left!important;
 background-color:rgb(76,41,18)!important;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:20}
/* invisible bridge so the menu doesn't close while the pointer crosses the 6px gap */
.header-display-desktop .header-nav .header-nav-item--folder .header-nav-folder-content::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.header-display-desktop .header-nav .header-nav-folder-content:focus-within{display:block;pointer-events:auto}
.header-display-desktop .header-nav-folder-content .header-nav-folder-item{line-height:1.3;text-align:left!important}
.header-display-desktop .header-nav-folder-content .header-nav-folder-item a{display:block;padding:8px 20px!important;color:#fff;text-align:left!important;white-space:nowrap;border-radius:0;outline:none}
.header-display-desktop .header-nav-folder-content .header-nav-folder-item a:hover,
.header-display-desktop .header-nav-folder-content .header-nav-folder-item a:focus-visible{background:rgba(255,255,255,.14)}
.header-display-desktop .header-nav-folder-content .header-nav-folder-item a:focus-visible{box-shadow:inset 3px 0 0 #e27a2b}
.header-display-desktop .header-nav-folder-content .header-nav-folder-item--active a .header-nav-folder-item-content{background-size:100% 1px}
.header-display-desktop .header-nav-folder-title:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}
/* Header bar = the logo's own brown (Oct 23, David): the SVG logo sits on a #462316 panel; Squarespace's darkAccent (#4c2912) no longer matched. Header bar + its nav dropdowns only. */
/* Header (Oct 26 proposal). Replaces the Oct 23 rule "#header,#header .header-nav-folder-content{background-color:#462316!important}". */
/* 1) Top of page on photo-hero pages: transparent overlay again, as on Squarespace; solid logo-brown bar only once it pops back in (.shrink). */
#header{background-color:transparent!important}
#header.shrink,#header .header-nav-folder-content{background-color:#462316!important}
/* 2) Light-theme pages (blog list + posts): always the solid brown bar with white nav, like every other page. */
#header:not(.dark):not(.black){background-color:#462316!important}
#header:not(.dark):not(.black) .header-nav-item>a,#header:not(.dark):not(.black) .header-nav-folder-title,#header:not(.dark):not(.black) .header-actions a,#header:not(.dark):not(.black) .header-actions .icon{color:#fff!important}
#header:not(.dark):not(.black) .header-actions svg,#header:not(.dark):not(.black) .header-actions use{fill:#fff!important}
#header:not(.dark):not(.black) .burger-inner>div{background-color:#fff!important}
/* 3) One header size: use the scrolled (.shrink) padding at the top too. */
.tweak-fixed-header #header .header-announcement-bar-wrapper{padding-top:1.8vw!important;padding-bottom:1.8vw!important}
@media only screen and (pointer:coarse) and (max-width:1024px),screen and (max-width:799px){.tweak-fixed-header #header .header-announcement-bar-wrapper{padding-top:min(6vw,2vmax)!important;padding-bottom:min(6vw,2vmax)!important}}