.contact{--foreground:#fff;--muted:#ffffffd9;--surface:#ffffff24;background-color:#1c1c1c;background-image:linear-gradient(90deg,#0a0a0abf,#0a0a0a59),url(/images/alwar-project-indoor-view.jpg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.contact--plain{--foreground:#171717;--muted:#52525b;--surface:#fff;background-color:#f5f5ef;background-image:none}.contact--plain .contact__help{border-top-color:#0000001a}.contact__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);max-width:1400px;margin:0 auto;display:grid}.contact__info{flex-direction:column;gap:clamp(2.5rem,6vw,5rem);display:flex}.contact__intro{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.contact__title{margin:0;font-size:clamp(2rem,1.4rem + 2.5vw,2rem)}.contact__text{margin:0}.contact__help{border-top:1px solid #fff3;flex-direction:column;gap:1.75rem;padding-top:clamp(2rem,4vw,3rem);display:flex}.contact__help-item{align-items:center;gap:1rem;display:flex}.contact__help-icon{background:var(--accent);width:56px;height:56px;color:var(--accent-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.contact__help-icon i{height:1.4rem}.contact__help-label{color:var(--foreground);font-weight:500;display:block}.contact__help-value{color:var(--foreground);margin-top:.15rem;font-size:1.35rem;font-weight:700;transition:color .2s;display:block}.contact__help-value:hover{color:var(--accent)}.contact__note{max-width:40ch;color:var(--foreground);margin:0}.contact__card{--foreground:#171717;--muted:#6b6b6b;background:#fff;border-radius:24px;padding:clamp(1.75rem,4vw,3.5rem)}.contact__card-title{margin:0 0 1rem;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem)}.contact__card-text{margin:0 0 2rem}.contact__form{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contact__form input,.contact__form select,.contact__form textarea{width:100%;color:var(--foreground);font:inherit;background-color:#f5f5ef;border:1px solid #0000;border-radius:10px;padding:1.1rem 1.25rem;transition:border-color .2s,background .2s}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#7a7a7a}.contact__form input:focus,.contact__form select:focus,.contact__form textarea:focus{border-color:var(--accent);background-color:#fff;outline:none}.contact__form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23171717' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;padding-right:2.75rem}.contact__form select:invalid{color:#7a7a7a}.contact__form select option{color:#171717}.contact__form-wide{grid-column:1/-1}.contact__form-full{resize:vertical;grid-column:1/-1;min-height:140px}.contact__submit{cursor:pointer;border:none;justify-self:start;margin-top:1rem;font-family:inherit}.contact__status{border-left:3px solid;grid-column:1/-1;margin:0;padding:12px 14px;font-size:14px;line-height:1.55}.contact__status--error{color:#8a2a1f;background:#fdf1ef;border-color:#c0392b}.contact__status--sent{border-color:var(--accent);color:#3b4a10;background:#f5f9e6}.contact__hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact__submit:disabled{opacity:.6;cursor:wait}@media (max-width:900px){.contact__inner{grid-template-columns:1fr}}@media (max-width:560px){.contact__form{grid-template-columns:1fr}}