body{min-height:100vh}.contact-page{margin:0 auto;box-sizing:border-box;width:min(100%,960px);padding:3rem 2rem 1rem}.contact-page-back{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.contact-page-intro{margin:2em 0;text-align:center}.contact-page-intro h1{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:500;margin:0;text-transform:uppercase}.contact-page-intro p{margin:1rem 0 1.5rem}.contact-page-details{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 2rem;font-size:1.5rem}.contact-page-details a{text-underline-offset:.2em}.contact-page .contact-form{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:700px}.contact-page .contact-form-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem}.contact-page .contact-form label{display:flex;flex-direction:column;gap:.5rem}.contact-page .contact-form label span{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.contact-page .contact-form input,.contact-page .contact-form textarea{box-sizing:border-box;width:100%;border:1px solid #666;border-radius:0;background:#111;color:var(--text-color);font:inherit;padding:.85rem}.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus{border-color:var(--text-color);outline:2px solid var(--text-color);outline-offset:2px}.contact-page .contact-form textarea{min-height:10rem;resize:vertical}.contact-page .contact-form button{align-self:flex-start;border:1px solid var(--text-color);border-radius:0;background:var(--text-color);color:#000;cursor:pointer;font:inherit;padding:.85rem 1.5rem}.contact-page .contact-form button:hover,.contact-page .contact-form button:focus-visible{background:rgba(0,0,0,0);color:var(--text-color)}@media(max-width: 600px){.contact-page .contact-form-row{grid-template-columns:1fr}}