/* Orange product and steel mechanism on a single graphite studio surface. */
.site-header{background:#fff}
.mobile-contact-link{display:none}
.assembly-figure.is-ready model-viewer::part(default-progress-bar){display:none}
.flow-module{background:#20272d;border-color:#37424b;border-radius:8px;color:#f7f8f9}
.flow-tablist{border-color:#37424b}
.flow-tab{color:#a7b2bb}
.flow-tab:hover{background:#ffffff05}
.flow-tab[aria-selected=true]{color:#fff;border-bottom-color:#ff8b4c}
.flow-tab-number{color:#9aabb6}
.flow-tab-subtitle{font-size:.875rem;color:inherit}
.flow-panel{background:#20272d}
.flow-media{background:#20272d}
.flow-copy .flow-kicker{color:#ffad7e}
.flow-copy h3{color:#f7f8f9}
.flow-copy p{color:#c3cbd2;font-size:1rem}
.flow-facts{border-color:#3b474f}
.flow-facts li{color:#c3cbd2;font-size:.875rem}
.flow-toolbar{border-color:#3b474f}
.flow-toolbar .flow-scene-state{color:#c1ccd4;font-size:.875rem}
.flow-toolbar .flow-image-play{background:#ff9c65;border-color:#ff9c65;color:#182127;font-size:.875rem}
.flow-toolbar .flow-image-play:hover{background:#ffb78e;border-color:#ffb78e}
.flow-toolbar .flow-image-replay{background:transparent;border-color:#52636f;color:#e4e9ed;font-size:.875rem}
.flow-toolbar .flow-image-replay:hover{background:#ffffff0a;border-color:#94a7b6}
.flow-legend{color:#b5c1ca;font-size:.875rem}
.flow-legend-wire{color:#9acee4}
.flow-legend-wire:before{background:#9acee4}
.flow-cutaway{color:#9facb6;font-size:.8rem}
.flow-wire-reference{background:#20272d;border-color:#9acee4}
.flow-wire-reference:after{background:#9acee499}
.flow-progress{background:#364550}
.flow-progress span{background:#ff9c65}
.flow-footer{border-color:#3b474f}
.flow-footer .flow-status,.flow-footer .flow-caption{color:#a8b5c0;font-size:.78rem}
.footer-links>a{padding:10px 0;align-self:start;font-size:.7rem;color:var(--muted)}
.footer-links>a:hover{text-decoration:underline}
.contact-page .contact-section{min-height:calc(100svh - 80px);background:#f5f4f1}
.contact-page-layout{padding-block:78px 80px;align-items:start}
.contact-page .contact-copy{padding-top:19px}
.contact-page .contact-copy h1{font-size:clamp(40px,4.2vw,60px)}
.contact-page .contact-company{border-top:1px solid #d8d8d3;padding-top:24px;max-width:360px}
.contact-page .contact-form h2{font-size:1.48rem;letter-spacing:-.025em;margin-bottom:29px}
.contact-page .contact-form{border:1px solid #dedfdb;border-top:3px solid var(--orange);border-radius:5px;padding:38px}
.contact-page .form-note{font-size:.8rem}
@media(max-width:850px){nav .mobile-contact-link{display:block}}
@media(max-width:700px){
.flow-toolbar{align-items:start;flex-wrap:wrap;gap:5px;padding-top:13px}
.flow-toolbar .flow-scene-state{flex-basis:100%;font-size:.85rem}
.flow-toolbar-actions{margin-left:auto}
.flow-legend{font-size:.82rem}
.flow-facts li{font-size:.875rem}
.flow-cutaway{font-size:.78rem}
.flow-footer .flow-status,.flow-footer .flow-caption{font-size:.75rem}
.contact-page-layout{padding-block:40px 50px;gap:30px}
.contact-page .contact-copy{padding-top:0}
.contact-page .contact-copy h1{font-size:40px}
.contact-page .contact-form h2{font-size:1.48rem;letter-spacing:-.025em;margin-bottom:29px}
.contact-page .contact-form{padding:25px 20px}
}