/* Shared across every bydonreed.com page: the house bar and house footer.
   Section colors: photography = ink, co-hosting = rust, tools = moss, side quests = lake blue. */
:root{--house-ink:#1C1A17;--house-paper:#FAF5EC;--house-muted:#B5AC9F;--house-photo:#F4EFE7;--house-cohost:#E08A62;--house-tools:#A7C58E;--house-quest:#8FB3C7}
.house,.house-foot{background:var(--house-ink);color:var(--house-paper);font-family:'Figtree',system-ui,sans-serif}
.house-in,.house-foot-in{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.house-in{min-height:52px}
.house-mark{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:18px;color:var(--house-paper);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.house-nav{display:flex;gap:22px}
.house-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--house-muted);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
.house-nav a::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
.house-nav a.h-photo::before{background:var(--house-photo)}
.house-nav a.h-cohost::before{background:var(--house-cohost)}
.house-nav a.h-tools::before{background:var(--house-tools)}
.house-nav a.h-quest::before{background:var(--house-quest)}
.house-nav a.h-about::before{display:none}
.house-nav a:hover,.house-nav a[aria-current]{color:var(--house-paper)}
.house-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.house-nav{scrollbar-width:none}.house-nav::-webkit-scrollbar{display:none}
.house a:focus-visible,.house-foot a:focus-visible{outline:3px solid var(--house-cohost);outline-offset:2px;border-radius:4px}
.house-foot{font-size:14px;color:var(--house-muted)}
.house-foot-in{padding-top:28px;padding-bottom:32px;flex-wrap:wrap}
.house-foot a{color:var(--house-paper);text-decoration:none}
.house-foot a:hover{text-decoration:underline;text-underline-offset:3px}
.house-foot nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:760px){.house-in{flex-wrap:wrap;gap:0 16px;padding-top:6px}.house-nav{width:100%;overflow-x:auto;gap:18px;margin:0 -16px;padding:0 16px;width:calc(100% + 32px)}}
@media (max-width:600px){.house-in,.house-foot-in{padding:0 16px}.house-in{padding-top:6px}.house-foot-in{padding-top:24px;padding-bottom:28px}.house-mark{font-size:16px}.house-nav{gap:14px}.house-nav a{font-size:13px;gap:6px}.house-nav a::before{width:6px;height:6px}}

/* Sketchbook doodles, shared by every page. Drawings live in /doodles (dark ink) and /doodles/light (paper ink for dark sections). */
.dd{display:block;height:auto;pointer-events:none;user-select:none;transform:rotate(var(--r,0deg))}
.dd-float{animation:dd-bob 6s ease-in-out infinite}
@keyframes dd-bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-6px) rotate(var(--r,0deg))}}
@keyframes dd-wiggle{0%,100%{transform:rotate(var(--r,0deg))}25%{transform:rotate(calc(var(--r,0deg) - 5deg))}75%{transform:rotate(calc(var(--r,0deg) + 5deg))}}
@media (prefers-reduced-motion:reduce){.dd-float,.dd-wiggle-hover:hover .dd{animation:none!important}}
.dd-wiggle-hover:hover .dd{animation:dd-wiggle .5s ease-in-out}