.contact-page { font-family: Raleway, sans-serif; }
.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(45px, 8vw, 140px);
  max-width: 1250px;
  margin: 140px auto 150px;
  padding: 0 50px;
}
.contact-photo { position: relative; padding: 48px 0 0 30px; }
.contact-photo h1 {
  position: absolute;
  z-index: 1;
  top: -16px;
  left: 0;
  margin: 0;
  color: #b60000;
  font: 400 clamp(54px, 6vw, 90px)/1.1 BRUSHY, cursive;
}
.contact-photo > img { display: block; width: 100%; height: auto; }
.contact-content { padding-top: 48px; text-align: center; }
.contact-content h2 { margin: 0 0 24px; font-size: clamp(20px, 2vw, 28px); line-height: 1.2; color: #b60000; font-weight: 800; }
.contact-content > p { margin: 0 auto; font-size: clamp(18px, 1.8vw, 26px); line-height: 1.25; max-width: 490px; }
#contact-form { max-width: 410px; margin: 80px auto 0; }
.contact-field { position: relative; margin-bottom: 24px; text-align: left; border-bottom: 1px solid #b60000; }
.contact-field label { display: block; font-size: 16px; color: #b60000; }
.contact-field input, .contact-field textarea { display: block; width: 100%; box-sizing: border-box; border: 0; background: transparent; padding: 5px 0; font: 16px/1.4 Raleway, sans-serif; color: #222; border-radius: 0; }
.contact-field textarea { resize: vertical; min-height: 30px; }
.contact-field:focus-within { box-shadow: 0 1px #b60000; }
.contact-field input:focus, .contact-field textarea:focus { outline: 2px solid #b6000033; outline-offset: 2px; }
#contact-form > button { border: 1px solid #b60000; border-radius: 30px; padding: 7px 18px; background: transparent; color: #b60000; font: 15px Raleway, sans-serif; cursor: pointer; }
#contact-form > button:hover { background: #b60000; color: #fff; }
#contact-form > button:focus-visible { outline: 2px solid #b60000; outline-offset: 4px; }
#contact-status { font-size: 14px; line-height: 1.5; color: #b60000; }
@media (max-width: 700px) {
  .contact-layout { grid-template-columns: 1fr; gap: 50px; margin: 65px auto 80px; padding: 0 24px; max-width: 480px; }
  .contact-photo { padding-left: 20px; }
  .contact-content { padding-top: 0; }
  #contact-form { margin-top: 45px; }
}