.contactPage{background-color:var(--page-bg);flex-direction:column;align-items:center;min-height:100vh;padding-top:120px;padding-bottom:5rem;display:flex}.contactCtaSection{width:100%;padding:0 2rem 4rem}.contactCtaInner{align-items:flex-start;gap:4rem;max-width:1100px;margin:0 auto;display:flex}.contactCtaLeft{flex:0 0 320px;position:sticky;top:120px}.contactCtaTitle{font-family:var(--font-antonio),sans-serif;color:#303030;margin:0 0 1.25rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.1}.contactCtaAccent{background-color:var(--accent);border-radius:2px;width:50px;height:3px;margin-bottom:1.25rem}.contactCtaDesc{font-family:var(--font-inter),sans-serif;color:#787878;font-size:.95rem;font-weight:300;line-height:1.7}.contactCtaForm{flex-direction:column;flex:1;gap:1.25rem;display:flex}.contactCtaFormRow{gap:1.25rem;display:flex}.contactCtaFormGroup{flex-direction:column;flex:1;gap:.4rem;display:flex}.contactCtaLabel{font-family:var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#787878;font-size:.75rem;font-weight:500}.contactCtaInput,.contactCtaTextarea{font-family:var(--font-inter),sans-serif;color:#303030;background-color:var(--surface);border:1px solid #e0e0e0;border-radius:12px;outline:none;padding:.85rem 1rem;font-size:.9rem;font-weight:300;transition:border-color .3s}.contactCtaInput::placeholder,.contactCtaTextarea::placeholder{color:#bebebe}.contactCtaInput:focus,.contactCtaTextarea:focus{border-color:var(--accent)}.contactCtaTextarea{resize:vertical;min-height:120px}.contactCtaSubmit{font-family:var(--font-inter),sans-serif;color:#fff;background-color:var(--accent);cursor:pointer;border:none;border-radius:12px;align-self:flex-start;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:.9rem;font-weight:400;transition:background-color .3s,transform .3s;display:flex}.contactCtaSubmit:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.contactCtaSubmit:disabled{opacity:.7;cursor:not-allowed;transform:none}.contactCtaSubmit svg{transition:transform .3s}.contactCtaSubmit:hover svg{transform:translate(4px)}.contactCtaFeedback{font-family:var(--font-inter),sans-serif;margin:0;font-size:.85rem;font-weight:400}.contactCtaFeedback--success{color:#1d6a52}.contactCtaFeedback--error{color:#b42318}.contactPageHeader{text-align:center;width:100%;max-width:1100px;padding:0 2rem 3rem}.contactPageTitle{font-family:var(--font-antonio),sans-serif;color:#303030;margin:0 0 1.5rem;font-size:clamp(3rem,5vw,5rem);font-weight:700;line-height:1}.contactPageAccent{background-color:var(--accent);border-radius:2px;width:60px;height:3px;margin:0 auto 1.5rem}.contactPageLead{font-family:var(--font-inter),sans-serif;color:#787878;max-width:450px;margin:0 auto;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:300;line-height:1.7}.contactGrid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1100px;margin-bottom:4rem;padding:0 2rem;display:grid}.contactCard{text-align:center;border:1px solid #ebebeb;border-radius:20px;padding:2.5rem 2rem;transition:border-color .4s,transform .3s}.contactCard:hover{border-color:var(--accent);transform:translateY(-4px)}.contactCardMain{background-color:var(--accent);border-color:var(--accent)}.contactCardMain:hover{border-color:var(--accent-hover);background-color:var(--accent-pressed)}.contactCardMain .contactCardIcon{color:#ffffff4d}.contactCardMain .contactCardTitle{color:#fff}.contactCardMain .contactCardText{color:#fff9}.contactCardMain .contactEmail{color:#fff;border-bottom-color:#ffffff4d}.contactCardMain .contactEmail:hover{border-bottom-color:#fff}.contactCardIcon{color:var(--accent);margin-bottom:1.5rem;font-size:1.5rem}.contactCardTitle{font-family:var(--font-antonio),sans-serif;color:#303030;margin:0 0 .75rem;font-size:1.3rem;font-weight:600}.contactCardText{font-family:var(--font-inter),sans-serif;color:#787878;margin:0 0 1.25rem;font-size:.85rem;font-weight:300;line-height:1.7}.contactEmail{font-family:var(--font-inter),sans-serif;color:var(--accent);border-bottom:1px solid var(--accent-2);padding-bottom:2px;font-size:.85rem;font-weight:400;text-decoration:none;transition:border-color .3s}.contactEmail:hover{border-bottom-color:var(--accent)}.contactCardAction{font-family:var(--font-inter),sans-serif;color:var(--accent);letter-spacing:.06em;font-size:.78rem;font-weight:500;text-decoration:none}.contactCardAction:hover{color:var(--accent-hover)}.contactSocials{align-items:center;gap:2rem;width:100%;max-width:400px;padding:0 2rem;display:flex}.contactSocialsLabel{font-family:var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#b4b4b4;flex-shrink:0;font-size:.7rem;font-weight:500}.contactSocialsDivider{background-color:#ebebeb;flex:1;height:1px}.contactSocialsLinks{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.contactSocialLink{color:#b4b4b4;font-size:1.2rem;transition:color .3s,transform .3s}.contactSocialLink:hover{color:var(--accent);transform:translateY(-2px)}.contactBottomEmail{text-align:center;margin-top:2rem;padding:0 2rem}@media (max-width:768px){.contactPage{padding-top:100px}.contactCtaSection{padding:0 1rem 3rem}.contactCtaInner{flex-direction:column;gap:2rem}.contactCtaLeft{text-align:center;flex:none;position:static}.contactCtaAccent{margin:0 auto 1.25rem}.contactCtaFormRow{flex-direction:column}.contactCtaSubmit{justify-content:center;align-self:stretch}.contactGrid{grid-template-columns:1fr;gap:1rem}.contactCard{padding:2rem 1.5rem}}
