@font-face{font-family:"Portfolio Config Mono";src:local("Config Mono Var"),local("Config Mono Variable"),local("Config Mono VAR"),local("Config Mono");font-style:normal;font-weight:100 900;font-display:swap}
:root{--portfolio-font:"Portfolio Config Mono","Config Mono Var","Config Mono",monospace;background:#000;color:#fff}
html,body{background:#000!important;color:#fff!important}
body,body *{font-family:var(--portfolio-font)!important}
body *{text-transform:uppercase!important}
.top,.section-head,.feature,.about{border-color:#555}
.brand span,.nav a:hover,.footer a:hover,.about .asterisk,.n{color:#fff!important}
.contents-sheet,.cover-section{border-color:#555;box-shadow:none}
.cover-scroll{background:#000!important;color:#fff;border-color:#fff}
.cover-scroll:hover{background:#fff!important;color:#000}
.cover-frame:focus-visible,.contents-hit:focus-visible{outline-color:#fff}
.project-visual{background:#000!important;border-color:#555}
.project-visual:before{opacity:.16}
.project-visual .floor{border-color:#fff;box-shadow:25px 25px 0 #222}
.project-visual .floor:before,.project-visual .floor:after{border-color:#fff}
.drawing-note{background:#000;color:#fff}
.tags span,.about-copy .small{border-color:#777}
.sheet{color:#111;background:#fff}
.tools button,.controls button{color:#fff;background:#000;border-color:#fff}
.tools button:hover,.controls button:hover{color:#000;background:#fff}
::selection{background:#fff;color:#000}
/* The contents sheet alone brings its surrounding field into white. */
html,body{transition:background-color .65s ease}
html.contents-light,body.contents-light{background:#fff!important}
@media(prefers-reduced-motion:reduce){html,body{transition:none}}