:root{--white:#fff;--black:#000;--yellow:#e7ec5f;--grey:#666;--lightblack:#171717}.contact-page{color:#171717;width:100%}.contact-hero{background:var(--yellow);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:70px 25px;display:flex}.contact-hero span{border:1px solid var(--lightblack);color:var(--lightblack);letter-spacing:2px;padding:8px 15px;font-size:12px;font-weight:700}.contact-hero h1{letter-spacing:-4px;color:var(--black);margin:25px 0;font-size:clamp(45px,7vw,80px);font-weight:900;line-height:.95}.contact-hero p{max-width:600px;color:var(--grey);font-size:18px;line-height:1.6}.contact-section{background-color:var(--black);grid-template-columns:1fr 1fr;gap:50px;width:min(1100px,100%);margin:auto;padding:90px 30px;display:grid}.contact-info h2{letter-spacing:-2px;color:var(--white);margin-top:0;font-size:45px}.contact-info>p{color:var(--grey);margin-bottom:35px;line-height:1.7}.info-box{border-left:3px solid var(--lightblack);background-color:var(--yellow);margin-bottom:25px;padding-left:20px}.info-box h3{margin:0 0 8px;font-size:18px}.info-box p{color:var(--grey);margin:0}.contact-form{color:var(--white);flex-direction:column;gap:10px;display:flex}.contact-form label{margin-top:10px;font-size:14px;font-weight:700}.contact-form input,.contact-form textarea{border:2px solid var(--white);outline:none;width:100%;padding:15px;font-family:inherit;font-size:15px}.contact-form textarea{resize:none}.contact-form input:focus,.contact-form textarea:focus{box-shadow:5px 5px 0 var(--lightblack)}.contact-form button{background:var(--lightblack);color:var(--white);cursor:pointer;border:none;margin-top:20px;padding:16px;font-size:15px;font-weight:700}.contact-form button:hover{background:var(--grey)}.contact-cta{background:var(--lightblack);color:var(--white);text-align:center;margin:40px 30px 80px;padding:60px 30px}.contact-cta h2{color:var(--white);margin-bottom:15px;font-size:40px}.contact-cta p{color:var(--grey)}.contact-cta a{background:var(--yellow);color:var(--lightblack);margin-top:20px;padding:14px 25px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:800px){.contact-section{grid-template-columns:1fr;padding:70px 20px}.contact-hero h1{letter-spacing:-2px}.contact-info h2{font-size:38px}}