/* ---------- GENERIC PAGE HEADER ---------- */
  .page-header{padding:170px 0 70px; background:var(--black); color:var(--white);}
  .page-header .label{margin-bottom:20px;}
  .page-header h1{font-size:clamp(34px, 5.2vw, 68px); max-width:18ch;}
  .page-header p{color:#C9C5C0; max-width:60ch; margin-top:22px; font-size:16px; line-height:1.6;}
    .page-header--contact{
    background-image:linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url('https://test.reiwacreative.com/wp-content/uploads/2026/09/pexels-lilly-grace-944249302-29395490.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }

  /* ---------- CONTACT ---------- */
  .contact-body{padding:90px 0 130px;}
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:90px;}
  @media (max-width:900px){ .contact-grid{grid-template-columns:1fr; gap:60px;} }
  .field{margin-bottom:26px;}
  .field label{display:block; font-family:var(--mono); font-size:12px; color:var(--ink); margin-bottom:10px;}
  .field input, .field select, .field textarea{
    width:100%; border:none; border-bottom:1px solid var(--line-light); padding:12px 0; font-family:var(--sans);
    font-size:16px; background:transparent; color:var(--black); transition:border-color .2s ease;
  }
  .field input:focus, .field select:focus, .field textarea:focus{border-color:var(--black);}
  .field textarea{resize:vertical; min-height:90px;}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  @media (max-width:520px){ .field-row{grid-template-columns:1fr;} }
  .submit-row{margin-top:36px;}
  .form-success{display:none; padding:40px 0;}
  .form-success.show{display:block;}
  .form-success .label{margin-bottom:14px; display:block;}
  .form-success h3{font-size:26px; margin-bottom:10px;}
  .form-success p{color:var(--ink);}

  .info-block{margin-bottom:40px;}
  .info-block .label{margin-bottom:12px; display:block;}
  .info-block p, .info-block a{font-size:16px; line-height:1.7;}
  .info-block a:hover{color:var(--orange);}
  .social-row{display:flex; gap:16px; margin-top:8px;}
  .social-row a{font-family:var(--mono); font-size:13px; border:1px solid var(--line-light); padding:9px 16px; transition:all .2s ease;}
  .social-row a:hover{border-color:var(--black); background:var(--black); color:var(--white);}
  .map-frame{aspect-ratio:16/9; background:transparent; margin-top:40px; display:flex; align-items:center; justify-content:center;}