/* Graphite, white and restrained orange. The blue portal is isolated in its own page. */
:root{--graphite:#17191c;--orange:#ff783e;--burnt-orange:#9c380f;--gray:#f5f5f3;--muted:#62646a;--line:#dededb;color:var(--graphite)}
::selection{background:#ffcfba;color:#17191c}
.brand img{filter:grayscale(1) contrast(1.35)}
.header{background:#fff}.header nav a:hover{color:var(--burnt-orange)}
.button{background:var(--orange);border-color:var(--orange);color:var(--graphite)}
.button:hover{background:#ff8d5c;border-color:#ff8d5c}
.hero-band{background:var(--graphite);color:#f5f5f3}
.hero{padding-top:78px;padding-bottom:8px}
.hero>.eyebrow{color:#bfc1c5}.hero .dash{background:var(--orange)}
.hero h1,.hero h1 .freiraum{color:#f5f5f3}
.hero-bottom p{color:#bfc1c5}.hero .text-link{color:#f5f5f3}
.hero .play{border-color:#65666a;color:#f5f5f3}
.hero-foot{color:#b5b7bb}.hero-foot a{color:#f5f5f3}
.network-stage{background:#202225;border-color:#414247;box-shadow:none}
.network-heading h2 span{color:#f5f5f3}
.network-node{background:#292b2e;border-color:#505157}
.network-icon{background:#37393d;color:#d1d1d1}
.network-scan{background:#392b25;border-color:#a4684e}
.network-scan .network-icon{background:#53382c;color:#ffc5ac}
.network-edit{background:#2c2e32;border-color:#696a70}
.network-edit .network-icon{background:#3c3e43;color:#d6d7da}
.network-check{border-color:#81838a}
.network-heading p,.network-node small{color:#bdc0c5}
.network-canvas{background-image:radial-gradient(#414348 1px,transparent 1px)}
.network-path-base{stroke:#62646a}
.practice{background:#f5f5f3;color:var(--graphite);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.practice .eyebrow{color:var(--burnt-orange)}
.practice-intro h2 span,.portal-intro h2 span{color:var(--graphite)}
.practice-intro>p,.portal-links p,.practice-note{color:#5e6066}
.portal-links a{color:var(--graphite);border-color:#9f9fa2}
.portal-frame{border-color:#d7d8dc;box-shadow:0 22px 65px #17191c14}
.simple-demo{border-color:#d6d6d3;background:#fff}
.simple-demo>summary{color:#35363a}.simple-demo>summary span{color:#62646a}
.project-label,.service-num{color:var(--burnt-orange)}
.initials{background:#eeeeeb;color:#414247}
.experience-right{background:#f5f5f3;border-color:#dededb}
.contact{background:#fff;border-top:1px solid var(--line)}
.contact h2 span{color:var(--graphite)}
.contact-grid>div>p:not(.eyebrow),.contact-sign,.form-notice p{color:#62646a}
.form-notice{border-left-color:var(--orange)}
input,textarea{border-color:#cbccce;background:#fafafa}
input::placeholder,textarea::placeholder{color:#72747a}
#form-status{color:#47494f}
.reviews{background:var(--graphite)}
.review-card{background:#25272a;border-color:#44464a;box-shadow:none}
.review-label{color:#ff9c70}.review-copy{color:#c0c2c6}.review-copy strong{color:#f5f5f3}
.reviews h2 span{color:#b9bbc0}
.footer-wordmark>span{color:var(--graphite)}
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bf4b1b;outline-offset:4px}
@media(max-width:760px){.hero{padding-top:48px}.header nav{background:white}.hero-foot{padding-bottom:22px}.hero .button{font-size:14px}}