.contact-page{min-height:100vh;background:var(--color-cream)}.contact-section{padding:200px 60px;background:var(--color-white)}.contact-section__container{max-width:700px;margin:0 auto}.contact-section__title{font-family:var(--font-serif);font-size:72px;font-weight:400;color:var(--color-olive);margin-bottom:24px;text-align:center}.contact-section__subtitle{font-family:var(--font-sans);font-size:20px;line-height:1.7;color:rgba(51,54,17,.7);text-align:center;margin-bottom:64px}.contact-form{display:flex;flex-direction:column;gap:32px}.contact-form__field{display:flex;flex-direction:column;gap:8px}.contact-form__label{font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-olive)}.contact-form__input,.contact-form__textarea{font-family:var(--font-sans);font-size:18px;line-height:1.6;color:var(--color-olive);padding:16px;border:2px solid rgba(51,54,17,.2);background:var(--color-white);transition:border-color .2s ease;width:100%;box-sizing:border-box}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:var(--color-olive)}.contact-form__textarea{resize:vertical;min-height:150px}.contact-form__submit{font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-white);background:var(--color-olive);border:2px solid var(--color-olive);padding:16px 40px;cursor:pointer;transition:all .3s ease-out;align-self:flex-start}.contact-form__submit:hover:not(:disabled){background:transparent;color:var(--color-olive)}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-form__success{color:var(--color-olive);background:rgba(51,54,17,.1);border-left:4px solid var(--color-olive)}.contact-form__error,.contact-form__success{font-family:var(--font-sans);font-size:16px;padding:16px}.contact-form__error{color:#d32f2f;background:rgba(211,47,47,.1);border-left:4px solid #d32f2f}@media (max-width:1023px){.contact-section{padding:120px 32px}.contact-section__title{font-size:56px}}@media (max-width:767px){.contact-section{padding:80px 24px}.contact-section__title{font-size:40px}.contact-section__subtitle{font-size:18px;margin-bottom:40px}.contact-form{gap:24px}.contact-form__submit{width:100%;align-self:stretch}}