:root{--yellow:#fdb200;--ink:#0d0f10;--panel:#191c1e;--line:#343739}.contact-header{position:absolute}.contact-hero{position:relative;min-height:760px;padding:190px clamp(24px,8vw,130px) 100px;background:#0b0d0e;overflow:hidden}.contact-hero>*:not(.rails){position:relative;z-index:1}.contact-hero h1{font-size:clamp(76px,10vw,150px);line-height:.82;margin-top:35px}.contact-hero em,.form-section h2 em{font-style:normal;color:var(--yellow)}.contact-hero>p:nth-of-type(2){max-width:570px;color:#b5b7b8;line-height:1.8}.rails{position:absolute;right:-4%;top:10%;width:48%;height:90%;transform:perspective(700px) rotateX(58deg) rotateZ(-13deg)}.rails i{position:absolute;inset-block:0;width:2px;background:linear-gradient(transparent,#4b4e50 18% 82%,transparent)}.rails i:nth-child(1){left:5%}.rails i:nth-child(2){left:27%}.rails i:nth-child(3){left:50%;background:linear-gradient(transparent,var(--yellow) 18% 82%,transparent)}.rails i:nth-child(4){left:73%}.rails i:nth-child(5){left:95%}.paths{display:grid;grid-template-columns:1fr 1fr;background:#ecebe7;color:#111}.paths article{padding:90px clamp(28px,8vw,125px);border-right:1px solid #c9c7c2}.paths small,.form-section label span{color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.paths h2,.helpdesk h2{font-size:clamp(58px,6vw,90px);line-height:.9;margin-top:28px}.paths p,.helpdesk p{color:#626466;line-height:1.7}.paths a,.helpdesk a{display:inline-block;margin-top:25px;border-bottom:2px solid var(--yellow);padding-bottom:8px;font-weight:700}.form-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;padding:130px clamp(24px,8vw,130px);background:#111416}.form-section h2{font-size:clamp(65px,7vw,105px);margin-top:25px}.form-section>div>p:last-of-type{color:#aaa;line-height:1.8}.form-section aside{margin-top:45px;padding:20px;border-left:3px solid var(--yellow);background:#1a1d1f}.form-section aside p{color:#aaa;font-size:12px}.form-section form{display:grid;gap:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section label{display:grid;gap:9px}.form-section input,.form-section select,.form-section textarea{width:100%;border:1px solid #3a3d3f;border-radius:0;background:#1b1e20;color:#fff;padding:17px;font:inherit;outline:none}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{border-color:var(--yellow)}.form-section textarea{resize:vertical}.form-section button{justify-self:start;border:0;background:var(--yellow);padding:17px 24px;text-transform:uppercase;font-weight:800;cursor:pointer}.form-section button span{margin-left:25px}.form-section form>p{color:#aaa;font-size:11px}.helpdesk{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:120px clamp(24px,8vw,130px);background:#ecebe7;color:#111;align-items:end}.social{padding:110px clamp(24px,8vw,130px);background:var(--yellow);color:#111}.social>p{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}.social h2{font-size:clamp(60px,8vw,110px);margin-top:25px}.social>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;background:#b77f00}.social a{padding:24px;background:var(--yellow);font:700 27px "Barlow Condensed";text-transform:uppercase}.social a:hover{background:#111;color:#fff}@media(max-width:850px){.paths,.form-section,.helpdesk{grid-template-columns:1fr}.rails{width:70%;opacity:.4}.field-row,.social>div{grid-template-columns:1fr}}@media(max-width:600px){.contact-hero{min-height:650px;padding-top:150px}.contact-hero h1{font-size:66px}.paths article,.form-section,.helpdesk,.social{padding-block:80px}}
