/* ── GLOBAL HELPERS ── */
  .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

  /* ── CLEAN HERO (Consistent with other pages) ── */
  .clean-hero { position:relative; min-height:55vh; background: url('https://images.unsplash.com/photo-1596524430615-b46475ddff6e?w=1600&q=80') center/cover no-repeat fixed; display:flex; align-items:center; overflow:hidden; }
  .clean-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(253,252,252,1) 0%, rgba(253,252,252,0.85) 45%, rgba(253,252,252,0) 100%); z-index:1; }
  .ch-inner { position:relative; z-index:2; max-width:1280px; width:100%; margin:0 auto; padding:0 32px; animation:fadeRight 1s ease-out; }
  .ch-content { max-width:650px; }
  .ch-tag { font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--teal); margin-bottom:16px; display:inline-block; background:color-mix(in srgb, var(--teal) 10%, transparent); padding:6px 16px; border-radius:30px; }
  .ch-content h1 { font-family:'Playfair Display',serif; font-size:clamp(3rem, 5vw, 4.5rem); color:var(--teal-dark); margin-bottom:20px; line-height:1.1; font-weight:700; }
  .ch-content p { font-size:1.15rem; color:var(--gray); margin-bottom:30px; line-height:1.7; }

  /* ── CONTACT SPECIFIC ── */
  .contact-layout { padding:100px 0; background:var(--cream); }
  .contact-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; margin-bottom:80px; }
  .c-card { background:#fff; padding:40px 30px; border-radius:24px; text-align:center; box-shadow:0 10px 40px rgba(0,0,0,0.03); border:1px solid var(--light-gray); transition:transform 0.3s; }
  .c-card:hover { transform:translateY(-8px); box-shadow:0 20px 50px color-mix(in srgb, var(--teal) 15%, transparent); border-color:transparent; }
  .c-icon { width:70px; height:70px; background:color-mix(in srgb, var(--gold) 15%, transparent); color:var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.8rem; margin:0 auto 24px; transition:all 0.3s; }
  .c-card:hover .c-icon { background:var(--gold); color:#fff; transform:scale(1.1); }
  .c-card h4 { font-family:'Playfair Display',serif; font-size:1.3rem; color:var(--teal-dark); margin-bottom:12px; font-weight:700; }
  .c-card p { font-size:1rem; color:var(--gray); line-height:1.6; }
  .c-card a { color:var(--gray); text-decoration:none; transition:color 0.2s; }
  .c-card a:hover { color:var(--teal); }

  .contact-main { display:grid; grid-template-columns:1fr 1fr; gap:60px; background:#fff; border-radius:40px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.04); }
  .cm-form-col { padding:60px; }
  .cm-title { font-family:'Playfair Display',serif; font-size:2.5rem; color:var(--teal-dark); margin-bottom:10px; font-weight:700; }
  .cm-desc { color:var(--gray); font-size:1.05rem; margin-bottom:40px; }
  .form-group { margin-bottom:24px; }
  .form-control { width:100%; padding:16px 24px; background:var(--light-gray); border:1px solid transparent; border-radius:12px; font-family:'DM Sans',sans-serif; font-size:1rem; color:var(--dark); outline:none; transition:all 0.3s; }
  .form-control:focus { border-color:var(--teal); background:#fff; box-shadow:0 0 0 4px color-mix(in srgb, var(--teal) 10%, transparent); }
  textarea.form-control { min-height:150px; resize:vertical; }
  .btn-submit { background:var(--teal); color:#fff; width:100%; padding:18px; border:none; border-radius:50px; font-weight:700; font-size:1.05rem; text-transform:uppercase; letter-spacing:1px; cursor:pointer; transition:all 0.3s; }
  .btn-submit:hover { background:var(--teal-dark); transform:translateY(-3px); box-shadow:0 10px 30px color-mix(in srgb, var(--teal) 30%, transparent); }
  
  .cm-map-col { position:relative; min-height:500px; }
  .cm-map-col iframe { position:absolute; inset:0; width:100%; height:100%; border:none; }


  /* ── RESPONSIVE ── */
  @media(max-width:1024px) {
    .contact-grid { grid-template-columns:repeat(2, 1fr); }
    .contact-main { grid-template-columns:1fr; }
    .cm-map-col { min-height:400px; }
  }
  @media(max-width:768px) {
    
    .ch-content h1 { font-size: 2.5rem; }
    .contact-grid { grid-template-columns:1fr; }
    .cm-form-col { padding:40px 20px; }
    
  }