/* S07 grey direction: one material for the hero, enquiry and footer. */
.contact{
 position:relative;isolation:isolate;
 background-color:#3c4147;
 background-image:radial-gradient(ellipse at 14% 0%,#c6ced334,transparent 53%),linear-gradient(112deg,#262b3080 0%,#51585f45 43%,#22272e80 100%);
 color:#f7f6f2;box-shadow:inset 0 1px 0 #eaf0f514,inset 0 -40px 90px #151a201a;
}
.contact::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("metal-grain.svg") repeat;opacity:.17;mix-blend-mode:soft-light}
.contact-copy h2>span{color:#ff884f}
.contact-copy>p:not(.eyebrow){color:#e1e2e2}
.contact .eyebrow,.contact label{color:#edece9}
.contact input:not([type=checkbox]),.contact textarea{background:#30353b;border-color:#92989e;color:#f7f6f2}
.contact input:focus-visible,.contact textarea:focus-visible{outline:2px solid #ff884f;outline-offset:3px}
.contact .consent,.contact .demo-result{color:#dce0e2}
.contact .prototype-selection{border-color:#939a9f;background:#30353b80;border-radius:10px}
.contact .prototype-selection>p,.contact .prototype-selection li button{color:#e1e2e2}
.contact-brand{position:relative;isolation:isolate}
.contact-brand::before{content:"";position:absolute;left:-30px;top:-24px;width:254px;height:145px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 42%,#f0f5fb47,#dce5ed1c 36%,transparent 70%);filter:blur(12px)}
.contact-brand .steel-brand-mark{filter:drop-shadow(0 -.7px 0 #f5f8ffcf) drop-shadow(-.6px 0 0 #e9f1fa80) drop-shadow(0 5px 5px #0b111973)}
.contact-brand>span:last-child{color:#d2d5d8}
@container(max-width:700px){
 .contact{background-image:radial-gradient(ellipse at 19% 2%,#c6ced330,transparent 55%),linear-gradient(118deg,#262b3059,#51585f47 45%,#22272e7a)}
 .contact-form{border-top-color:#aab2b94d}
}
