/* 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:'Fraunces',Georgia,serif;font-weight:600;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}}