/* Issue 1258 (Rajeev, 13 Nov 2026, "Yes, approve 1258"): the original top band, built from sessions/handoffs/layout-1258-v3/mock_header.html.
   Loaded ONLY when SiteHeader::original() is true (params header.original on, or preview with the right cookie). Every rule is scoped under .dco or body.dc-hdr-orig,
   which only the switch puts on the page, so nothing here can reach a page with the switch off.
   Home (.dco--home): transparent over the hero, white wordmark, descriptor beside it. Other pages (.dco--inner): white bar, dark wordmark. Phone: 767px and below. */
body.dc-hdr-orig { padding-top: 0 !important; }
/* the home view's own fixed row (About, Crafts, Projects: newhome.php #mNavSpy) is replaced by the link row of this header */
body.dc-hdr-orig .mNavSpy { display: none !important; }
.dco { font-family: Montserrat, Arial, sans-serif; width: 100%; position: relative; z-index: 1000; line-height: normal; text-align: left; }
.dco *, .dco *::before, .dco *::after { box-sizing: border-box; }
.dco a, .dco a:hover, .dco a:focus { text-decoration: none; }
.dco ul { margin: 0; padding: 0; list-style: none; }
.dco svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.dco-bar { height: 72px; display: flex; align-items: center; gap: 16px; padding: 0 24px; max-width: 1344px; margin: 0 auto; }
.dco-logo { display: block; flex: none; line-height: 0; }
.dco-wm { display: block; height: 52px; width: auto; max-width: none; }
.dco-wm--light { display: none; }
.dco-desc { font-size: 12px; line-height: 1.35; font-weight: 500; max-width: 290px; padding-left: 16px; border-left: 1px solid currentColor; opacity: .85; }
.dco-sp { flex: 1; }
.dco-tap { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; color: inherit; position: relative; flex: none; }
.dco-lnk { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; flex: none; }
.dco-count { position: absolute; top: 3px; right: 1px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: #e0785c; color: #fff; font-size: 11px; line-height: 18px; font-weight: 700; text-align: center; }
.dco-row { height: 44px; display: flex; justify-content: center; align-items: center; gap: 42px; white-space: nowrap; }
.dco-row a { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; flex: none; }
/* menu: details.site-menu--browse (the hover script of issue 1257 binds to it); desktop = a panel under the button, right-aligned */
.dco-menu { position: relative; flex: none; }
.dco-menu > summary { list-style: none; }
.dco-menu > summary::-webkit-details-marker { display: none; }
.dco-sheet { display: none; position: absolute; right: 0; top: 48px; width: 260px; background: #fff; border: 1px solid rgba(26,26,26,.15); border-radius: 8px; box-shadow: 0 8px 24px rgba(26,26,26,.25); padding: 8px 0; z-index: 100000; }
.dco-menu[open] > .dco-sheet { display: block; }
.dco-sheet li { display: block; margin: 0; padding: 0; border: 0; }
.dco .dco-sheet a { display: flex; align-items: center; gap: 14px; padding: 12px 18px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: #1a1a1a; background: none; }
.dco .dco-sheet a:hover, .dco .dco-sheet a:focus { background: #f1f1f1; }
.dco-sheet svg { width: 22px; height: 22px; }
.dco-plogin { display: none !important; }
/* inner pages: white bar, dark wordmark, link row under the bar */
.dco--inner { background: #fff; color: #1a1a1a; border-bottom: 1px solid rgba(26,26,26,.12); }
.dco--inner a { color: #1a1a1a; }
.dco--inner .dco-row { border-top: 1px solid rgba(26,26,26,.12); }
.dco--inner .dco-row a { color: rgba(26,26,26,.78); }
/* home: transparent over the hero, white wordmark and type, soft shadow so the links read over any picture */
.dco--home { position: absolute; top: 0; left: 0; right: 0; width: auto; background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.4) 70%, rgba(0,0,0,0)); color: #fff; }
.dco--home a { color: #fff; }
.dco--home .dco-wm--dark { display: none; }
.dco--home .dco-wm--light { display: block; }
.dco--home .dco-row a { color: rgba(255,255,255,.92); text-shadow: 0 1px 2px rgba(0,0,0,.95), 0 0 10px rgba(0,0,0,.85), 0 0 20px rgba(0,0,0,.6); }
.dco--home .dco-desc { text-shadow: 0 1px 6px rgba(0,0,0,.6); }
.dco a:focus-visible, .dco summary:focus-visible { outline: 2px solid #5369d9; outline-offset: 2px; }
@media(max-width:767px){
.dco-bar { height: 56px; padding: 0 6px 0 14px; gap: 0; }
.dco-wm { height: 42px; }
.dco-desc { display: none; }
.dco-lnk { display: none; }
.dco-row { height: 36px; justify-content: space-between; gap: 0; padding: 0 12px; }
.dco-row a { font-size: 10.5px; letter-spacing: .02em; }
/* phone menu: an opaque panel under the link row, never over it; Login is its last item */
.dco-menu { position: static; }
.dco-sheet { position: absolute; left: 0; right: 0; top: 100%; width: auto; border-radius: 0; border: 0; border-top: 1px solid rgba(26,26,26,.15); background: #fff; }
.dco-sheet li.dco-plogin { display: block !important; border-top: 1px solid rgba(26,26,26,.12); }
}