/* PageHeader */
    .page-header{position:relative;color:#fff;padding:96px 0 128px;background:#1f2937;overflow:hidden}
    .ph-bg{position:absolute;inset:0}
    .ph-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}
    .ph-overlay{position:absolute;inset:0;background:linear-gradient(to top,#1f2937,transparent,#1f2937)}
    .ph-inner{position:relative;z-index:2;text-align:center}
    .ph-title{font-size:clamp(36px,6vw,64px);font-weight:800;margin:0}
    .ph-sub{max-width:720px;margin:16px auto 0;color:#d1d5db;font-size:18px}

    /* Legend section */
    .grid2{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
    .legend h2{font-size:28px;font-weight:800;margin:0}
    .legend .underline{width:96px;height:4px;background:var(--accent);margin-top:12px}
    .legend p{color:#4b5563;margin:16px 0 0}
    .legend .btn-link{padding:0}

    /* 3 columns (mission/vision/values) */
    .triples{display:grid;grid-template-columns:1fr;gap:24px;text-align:center}
    .triple{padding:24px}
    .triple .circle{width:64px;height:64px;border-radius:999px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:var(--accent)}
    .triple h3{font-size:22px;font-weight:800;margin:0}
    .triple p{color:#4b5563;margin:8px 0 0}
  /* Grid */
.contact-grid{ display:grid; grid-template-columns:1fr; gap:32px; }
@media(min-width:768px){ .contact-grid{ grid-template-columns:1fr 1fr; } }

/* Card */
.contact-card{ background:#f3f4f6; padding:28px; border-radius:14px; box-shadow:0 10px 24px rgba(0,0,0,.08); }
.contact-title{ margin:0 0 16px; font-size:26px; font-weight:800; color:#111827; }

/* Form */
.form{ display:grid; gap:16px; }
.form-field{ display:flex; flex-direction:column; gap:8px; }
.form-label{ font-weight:700; color:#374151; }
.form-input{
  appearance:none; width:100%; padding:12px 14px; border-radius:10px; border:1px solid #e5e7eb; background:#fff;
  color:#111827; font: inherit; outline: none; transition: border-color .2s, box-shadow .2s;
}
.form-input:focus{ border-color:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.15); }
.form-textarea{ resize: vertical; min-height: 140px; }
.w-full{ width:100%; }
.form-status{ margin-top:8px; font-weight:700; }
.form-status.success{ color:#059669; }  /* green-600 */
.form-status.error{ color:#dc2626; }    /* red-600 */

/* Info */
.info-list{ display:flex; flex-direction:column; gap:20px; font-size:18px; }
.info-item{ display:flex; align-items:flex-start; gap:14px; }
.info-icon{ width:48px; height:48px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:#fee2e2; color:#ef4444; flex:0 0 48px; }
.info-label{ font-weight:700; color:#6b7280; }
.info-value{ color:#111827; }

/* Map */
.map-box{ margin-top:24px; height:320px; border-radius:12px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,.1); background:#e5e7eb; }
.map-box img{ width:100%; height:100%; object-fit:cover; }