/* Dark page surround, with a white header for the owner's color crest. */
:root{color-scheme:dark;--paper:#000;--ink:#FFFDD0;--muted:#FFFDD0;--line:#343632}
body{background:#000;color:#FFFDD0}
::selection{background:var(--yellow);color:#242722}
.site-header{height:150px;background:#fff;color:#000;border-bottom-color:#ddd;color-scheme:light;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.brand{line-height:0;flex:none}
.brand .brand-lockup{display:block;width:220px;height:auto;object-fit:contain}
.site-header nav a:hover{color:#000}
.site-header a:focus-visible{outline-color:#242722}
.header-cta{border-color:#777}
.header-cta:hover{color:#242722;background:var(--yellow)}
a:focus-visible{outline-color:var(--yellow)}
.skip{background:var(--yellow);color:#242722}
.hero{--ink:#242722;--paper:#f5f3eb;--muted:#41472b;color:#242722;color-scheme:light}
.hero a:focus-visible{outline-color:#242722}
.work-row:hover{background:#171916}
.work-symbol{color:#242722}
.alt-symbol{color:#254c4a}
.contact{background:#171916;color:#FFFDD0;border:1px solid var(--line)}
.contact .light-button{background:var(--yellow);color:#242722}
.contact .light-button:hover{background:#faf88c}
.contact .eyebrow,.contact-aside p{color:var(--muted)}
.service-intro-button.is-previewed>span:nth-child(2){text-decoration-color:var(--yellow)}
@media(max-width:760px){.site-header{height:auto;min-height:150px;padding:14px 0 18px;gap:16px 10px}.brand .brand-lockup{width:160px;height:auto}}