
  .page-header{
    background:linear-gradient(160deg, var(--teal) 0%, #0A2624 100%);
    padding:11rem 0 5rem;
  }
  .page-header .eyebrow{color:var(--coral-soft); display:block; margin-bottom:1rem;}
  .page-header h1{color:var(--cream); font-size:clamp(2.6rem,7vw,5.2rem); max-width:14ch;}
  .page-header p{color:var(--cream); opacity:0.75; max-width:44ch; margin-top:1.2rem; font-size:1.05rem;}

  .contact-section{background:var(--cream); padding:6rem 0 7rem;}
  .contact-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:4rem;}
  .field{margin-bottom:1.6rem;}
  .field label{display:block; font-size:0.78rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--teal); margin-bottom:0.5rem;}
  .field input, .field select, .field textarea{
    width:100%; border:none; border-bottom:1.5px solid rgba(0,0,0,0.18); background:transparent;
    padding:0.8rem 0.2rem; font-family:'Inter',sans-serif; font-size:1rem; color:var(--ink);
    transition:border-color 0.25s ease;
  }
  .field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--coral);}
  .field textarea{resize:vertical; min-height:110px;}
  .submit-btn{
    background:var(--ink); color:var(--cream); padding:1rem 2.2rem; border-radius:100px; border:none;
    font-weight:600; font-size:0.95rem; cursor:pointer; margin-top:0.6rem;
    transition:transform 0.3s cubic-bezier(.34,1.56,.64,1), background 0.3s ease;
  }
  .submit-btn:hover{transform:scale(1.04); background:var(--coral);}
  .form-note{font-size:0.8rem; opacity:0.55; margin-top:1rem;}

  .contact-info{background:var(--teal); border-radius:22px; padding:2.6rem; color:var(--cream); height:fit-content;}
  .contact-info .eyebrow{color:var(--coral-soft); display:block; margin-bottom:1rem;}
  .contact-info h3{font-size:1.5rem; margin-bottom:1.4rem;}
  .info-row{margin-bottom:1.2rem; padding-bottom:1.2rem; border-bottom:1px solid rgba(250,245,234,0.15);}
  .info-row:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
  .info-row .label{font-size:0.72rem; opacity:0.6; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:0.3rem;}
  .info-row a, .info-row p{font-size:0.98rem;}
  .social-row{display:flex; gap:1rem; margin-top:1.6rem;}
  .social-row a{border:1px solid rgba(250,245,234,0.3); border-radius:100px; padding:0.5rem 1.1rem; font-size:0.82rem; transition:all 0.25s ease;}
  .social-row a:hover{background:var(--coral); border-color:var(--coral);}

  @media (max-width:900px){
    .contact-grid{grid-template-columns:1fr; gap:2.6rem;}
  }
