.contact-page{background:var(--thirdly);min-height:100vh;color:var(--secondary);flex-direction:column;gap:3rem;padding:5rem 2rem;display:flex}.contact-hero{flex-direction:column;gap:2rem;display:flex}.contact-hero h1{text-transform:uppercase;font-family:druk wide,sans-serif;font-size:2.5rem;line-height:1.1}.contact-hero h1 span{color:var(--primary)}.contact-hero p{opacity:.85;max-width:100%;font-family:montserrat,sans-serif;font-size:1rem;line-height:1.4}.contact-grid,.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-label{letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-bottom:.4rem;font-family:league spartan,sans-serif;font-size:.7rem;display:block}.contact-info a{color:var(--secondary);font-family:montserrat,sans-serif;font-size:1.2rem}.contact-info p{opacity:.7;font-family:montserrat,sans-serif;font-size:1rem}.contact-form{flex-direction:column;gap:2rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{letter-spacing:.2em;text-transform:uppercase;opacity:.6;font-family:league spartan,sans-serif;font-size:.7rem}.field input,.field textarea{background:0 0;border:none;border-bottom:1px solid #0003;outline:none;padding:.5rem 0;font-family:montserrat,sans-serif;font-size:1rem;transition:border-color .3s}.field input:focus,.field textarea:focus{border-color:var(--primary)}.contact-submit{cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.4rem;margin-top:1.5rem;font-family:montserrat,sans-serif;font-size:1.5rem;font-weight:800;display:inline-flex;position:relative}.contact-submit span{background:var(--primary);width:0%;height:2px;transition:width .35s;position:absolute;bottom:-4px;left:0}.contact-submit-icon{transition:transform .25s}.contact-submit:hover span{width:100%}.contact-submit:hover .contact-submit-icon{transform:translate(4px,-6px)}@media (min-width:768px){.contact-hero{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2rem}.contact-hero h1{font-size:clamp(3.5rem,6vw,5rem)}.contact-hero p{max-width:420px;font-size:1.2rem}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:flex-start;gap:4rem;display:grid}.contact-info a{font-size:1.4rem}.contact-info p{font-size:1.2rem}.contact-submit{font-size:2rem}}@media (min-width:1024px){.contact-hero h1{font-size:clamp(3.5rem,7vw,9rem)}.contact-hero p{font-size:1.4rem}.contact-submit{font-size:2rem}}