.contact-layout {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  grid-template-areas: "intro form" "details form";
  grid-template-rows: auto 1fr;
  gap: 33px 88px;
  padding-block: 64px 70px;
}
.contact-page-intro { grid-area: intro; padding-top: 4px; }
.contact-page-intro .eyebrow { margin-bottom: 24px; }
.contact-page-intro h1 { font-size: clamp(50px, 4.8vw, 68px); line-height: 1.08; letter-spacing: -.052em; }
.contact-page-lead { max-width: 510px; margin-top: 29px; font-size: 18px; line-height: 1.8; color: var(--muted); }
.contact-form-panel { grid-area: form; background: #f1f5f2; border-radius: 3px; padding: 35px 36px; align-self: start; }
.contact-form-panel h2 { font-size: 27px; line-height: 1.25; letter-spacing: -.035em; }
.required-note { margin-top: 9px; font-size: 14px; color: var(--muted); }
.project-form { margin-top: 27px; }
.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 23px 20px; }
.field-full { grid-column: 1 / -1; }
.field-group { min-width: 0; }
.field-group label { display: block; margin-bottom: 9px; font-size: 16px; line-height: 1.55; font-weight: 500; }
.optional-label { color: var(--muted); font-size: 14px; font-weight: 400; white-space: nowrap; }
.field-group input, .field-group textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid #bdcdc5;
  border-radius: 3px;
  padding: 12px 13px;
  min-height: 51px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  font-size: 16px;
  line-height: 1.55;
  appearance: none;
}
.field-group textarea { min-height: 155px; resize: vertical; }
.field-group input::placeholder, .field-group textarea::placeholder { color: #65756e; opacity: 1; }
.field-group input:focus, .field-group textarea:focus { border-color: var(--accent); outline: 2px solid var(--accent); outline-offset: 2px; }
.field-group [aria-invalid="true"] { border-color: #a43d33; }
.field-helper, .field-error { margin-top: 9px; font-size: 14px; line-height: 1.6; }
.field-helper { color: var(--muted); }
.field-error { color: #92352d; }
.contact-submit { margin-top: 27px; }
.contact-submit .button { border: 0; min-width: 183px; justify-content: space-between; gap: 40px; font-size: 15px; }
.contact-submit .button:disabled { opacity: .55; cursor: default; }
.preview-note { font-size: 14px; line-height: 1.6; color: var(--muted); margin-top: 13px; }
.form-feedback { margin-top: 20px; padding: 15px 17px; border-left: 2px solid var(--accent); background: #e4ede8; font-size: 15px; line-height: 1.7; }
.form-feedback[data-state="error"] { background: #faefed; border-color: #a43d33; color: #92352d; }
.field-error[hidden], .form-feedback[hidden] { display: none; }
.contact-details { grid-area: details; align-self: start; border-top: 1px solid var(--line); padding-top: 28px; }
.contact-email { margin-bottom: 27px; }
.contact-email-label { color: var(--muted); font-size: 15px; margin-bottom: 7px; }
.contact-email a { color: var(--accent); font-size: 24px; line-height: 1.4; letter-spacing: -.025em; overflow-wrap: anywhere; }
.contact-email a:hover { text-decoration: underline; text-underline-offset: 5px; }
.contact-location > p:first-child { font-size: 17px; line-height: 1.75; }
.contact-working-languages { margin-top: 14px; font-size: 15px; color: var(--muted); line-height: 1.7; }
.contact-details .link { margin-top: 28px; font-size: 15px; line-height: 1.6; color: var(--accent); }
@media (max-width: 1150px) {
  .contact-layout { column-gap: 52px; }
  .contact-form-panel { padding: 30px 27px; }
  .contact-form-grid { grid-template-columns: 1fr; }
  .contact-page-intro h1 { font-size: 55px; }
}
@media (max-width: 970px) {
  .contact-layout { grid-template-columns: 1fr; grid-template-areas: "intro" "form" "details"; grid-template-rows: auto; gap: 36px; padding-block: 48px; }
  .contact-page-intro { padding: 0; }
  .contact-page-intro h1 { font-size: 54px; }
  .contact-page-lead { max-width: 690px; }
  .contact-form-panel { padding: 34px; }
  .contact-form-grid { grid-template-columns: 1fr 1fr; }
  .contact-details { padding-top: 28px; }
}
@media (max-width: 760px) {
  .contact-layout { padding-block: 37px 42px; gap: 30px; }
  .contact-page-intro .eyebrow { margin-bottom: 21px; }
  .contact-page-intro h1 { font-size: clamp(42px, 9vw, 56px); line-height: 1.1; }
  .contact-page-lead { font-size: 17px; line-height: 1.75; margin-top: 24px; }
  .contact-form-panel { padding: 26px 22px; }
  .contact-form-panel h2 { font-size: 25px; }
  .contact-form-grid { grid-template-columns: 1fr; gap: 22px; }
  .project-form { margin-top: 24px; }
  .field-group label { font-size: 16px; }
  .optional-label { display: block; }
  .field-group textarea { min-height: 160px; }
  .contact-submit .button { width: 100%; }
  .contact-email a { font-size: 23px; }
  .contact-details .link { max-width: 340px; }
}
@media (max-width: 375px) {
  .contact-page-intro h1 { font-size: 41px; }
  .contact-form-panel { padding: 24px 20px; }
  .contact-email a { font-size: 22px; }
}

.form-privacy,.contact-email-status{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.65}
.form-privacy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}