.contact-page { margin: 0; background: #0d0d0d; color: #fff; font-family: Montserrat, sans-serif; }
.contact-page main { width: min(1120px, calc(100% - 48px)); margin: 0 auto; }
.contact-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; padding: 72px 0 0; }
.contact-intro h1 { margin: 0 0 24px; font-size: clamp(28px, 3vw, 40px); line-height: 1.3; font-weight: 600; }
.contact-page p { font-size: 16px; font-weight: 400; line-height: 1.8; }
.contact-intro-copy p { color: #ccc; }
.contact-portrait { display: block; width: 100%; height: auto; border-radius: 20px; }
.contact-enquiries { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding: 0 0 48px; }
.contact-form-panel h2 { font-size: 36px; font-weight: 600; line-height: 1.25; margin: 0 0 32px; }
.form-field { margin-bottom: 22px; }
.form-field label { display: block; font-size: 14px; margin-bottom: 10px; }
.form-field :is(input, textarea) { display: block; box-sizing: border-box; width: 100%; padding: 14px 16px; border: 1px solid #666; border-radius: 8px; background: #1a1a1a; color: #fff; font: inherit; font-size: 16px; line-height: 1.5; }
.form-field textarea { resize: vertical; min-height: 160px; }
.contact-page :is(input, textarea, button, a):focus-visible { outline: 2px solid #98aaff; outline-offset: 4px; }
.contact-submit { display: inline-block; padding: 15px 24px; border: 1px solid #fff; border-radius: 8px; background: #fff; color: #0d0d0d; font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; }
.contact-submit:hover { background: #dedede; }
.contact-submit:disabled { opacity: .6; cursor: wait; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-page .form-status { margin: 12px 0 0; font-size: 14px; }
.form-status:empty { display: none; }
.form-status[data-state="error"] { color: #ffb5b5; }
.form-status[data-state="success"] { color: #b6efca; }
.contact-collaboration p { padding: 32px 12px 16px; text-align: center; }
@media (max-width: 920px) {
  .contact-page main { width: min(560px, calc(100% - 40px)); }
  .contact-intro, .contact-enquiries { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .contact-intro { padding: 40px 0 48px; }
  .contact-intro-copy { text-align: center; }
  .contact-intro h1 { font-size: 28px; }
  .contact-enquiries { padding: 8px 0 48px; }
  .contact-form-panel h2 { font-size: 32px; text-align: center; }
  .contact-submit { width: 100%; }
  .contact-collaboration p { padding: 0 12px; }
}