*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;min-height:100%;font-family:Arial,Helvetica,sans-serif}
.page-wrap{width:100%;background:#000;display:flex;justify-content:center;align-items:flex-start}
.page-art{position:relative;width:min(100%,1400px);background:#000}
.page-art>img{width:100%;height:auto;display:block}
.nav-hotspots a{position:absolute;top:1.15%;height:3.5%;text-indent:-9999px;overflow:hidden;z-index:20}
.nav-hotspots a:focus-visible{outline:2px solid #33a6ff;outline-offset:3px;border-radius:4px}
.nav-home{left:17%;width:12%}.nav-about{left:32%;width:15%}.nav-portfolio{left:50%;width:16%}.nav-contact{left:69%;width:14%}
.contact-form{position:absolute;left:45.7%;top:43.3%;width:49.3%;height:40%;z-index:25}
.contact-form input,.contact-form select,.contact-form textarea{position:absolute;background:rgba(0,0,0,.18);border:0;color:#fff;padding:.9rem;font-size:clamp(10px,1.1vw,18px);outline:none;border-radius:4px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:transparent}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{box-shadow:0 0 0 2px rgba(0,128,255,.65);background:rgba(0,0,0,.35)}
.field-first{left:0;top:0;width:47%;height:8%}.field-last{left:51%;top:0;width:47%;height:8%}
.field-company{left:0;top:11%;width:98%;height:8%}.field-email{left:0;top:22%;width:98%;height:8%}
.field-phone{left:0;top:33%;width:98%;height:8%}.field-help{left:0;top:44%;width:98%;height:8%;opacity:0}
.field-message{left:0;top:55%;width:98%;height:18%;resize:none}
.submit-button{position:absolute;left:0;top:78%;width:98%;height:9%;border:0;background:transparent;color:transparent;cursor:pointer}
.form-note{position:absolute;left:-9999px}
.mobile-contact-form{display:none;color:#fff;width:min(92%,680px);margin:2rem auto 4rem;padding:1rem;border:1px solid rgba(0,128,255,.45);box-shadow:0 0 18px rgba(0,128,255,.25)}
.mobile-contact-form label{display:block;margin-top:1rem;color:#7ec7ff;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.mobile-contact-form input,.mobile-contact-form select,.mobile-contact-form textarea{width:100%;margin-top:.35rem;padding:.75rem;background:#05070d;border:1px solid rgba(255,255,255,.35);color:#fff}
.mobile-contact-form button{margin-top:1.2rem;width:100%;padding:1rem;color:#7ec7ff;background:#02050a;border:1px solid #006eff;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:700px){.contact-form{display:none}.mobile-contact-form{display:block}}