/* Contact / enquiry page — self-contained design tokens, matching the rest
   of the site's "fresh palette" (see About.css / Policy.css for the same
   tokens under their own page-scoped names). */
:root{
    --contact-navy: #0B1F3A;
    --contact-navy-2: #14315C;
    --contact-navy-3: #1E4079;
    --contact-coral: #D6363C;
    --contact-coral-dark: #C22A30;
    --contact-amber: #FFB020;
    --contact-teal: #0B7A6D;
    --contact-bg: #F5F7FB;
    --contact-ink: #1A2333;
    --contact-muted: #5B6478;
    --contact-border: #E3E7F0;
    --contact-danger: #C6303E;
    --contact-heading-font: 'Zilla Slab', Georgia, serif;
    --contact-body-font: 'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.contact-main{background:var(--contact-bg);font-family:var(--contact-body-font);color:var(--contact-ink);}

/* Breadcrumb */
.contact-crumb{background:#fff;border-bottom:1px solid var(--contact-border);padding:12px 20px;}
.contact-crumb-wrap{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--contact-muted);}
.contact-crumb-wrap a{color:var(--contact-navy-3);text-decoration:none;}
.contact-crumb-wrap a:hover{text-decoration:underline;}

/* Hero */
.contact-hero{background:linear-gradient(100deg, var(--contact-navy) 0%, var(--contact-navy-2) 55%, var(--contact-navy-3) 100%);color:#fff;padding:52px 20px;text-align:center;}
.contact-hero-eyebrow{display:inline-block;font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--contact-amber);margin-bottom:10px;}
.contact-hero h1{font-family:var(--contact-heading-font);font-size:clamp(1.9rem, 4vw, 2.6rem);font-weight:700;margin:0 0 12px;}
.contact-hero p{max-width:640px;margin:0 auto;color:#D7DEEC;font-size:1.05rem;line-height:1.6;}

/* Layout: form card + info sidebar */
.contact-wrap{max-width:1080px;margin:0 auto;padding:44px 20px 56px;display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;}
.contact-card{background:#fff;border:1px solid var(--contact-border);border-radius:14px;box-shadow:0 8px 24px rgba(11,31,58,0.06);padding:32px 36px;}
.contact-card h2{font-family:var(--contact-heading-font);font-size:1.3rem;font-weight:700;color:var(--contact-navy);margin:0 0 4px;}
.contact-card h2 + p{color:var(--contact-muted);font-size:0.92rem;margin:0 0 24px;}
.contact-card h2.contact-section-heading{margin-top:30px;}

.contact-info{background:var(--contact-navy);color:#fff;border-radius:14px;padding:28px 26px;}
.contact-info h2{font-family:var(--contact-heading-font);font-size:1.1rem;font-weight:700;margin:0 0 6px;}
.contact-info p{color:#C7D0E6;font-size:0.9rem;line-height:1.6;margin:0 0 20px;}
.contact-info-list{list-style:none;margin:0;padding:0;}
.contact-info-list li{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;font-size:0.92rem;line-height:1.5;}
.contact-info-list li:last-child{margin-bottom:0;}
.contact-info-list i{width:20px;flex-shrink:0;color:var(--contact-amber);margin-top:3px;}
.contact-info-list a{color:#fff;text-decoration:none;font-weight:600;}
.contact-info-list a:hover{text-decoration:underline;}
.contact-info-list span{color:#C7D0E6;}
.contact-info-divider{border:none;border-top:1px solid rgba(255,255,255,0.15);margin:22px 0;}
.contact-info-faqs a{display:block;color:#fff;font-size:0.88rem;font-weight:600;text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.12);}
.contact-info-faqs a:last-child{border-bottom:none;}
.contact-info-faqs a:hover{color:var(--contact-amber);}
.contact-info-faqs i{margin-right:6px;}

/* Form */
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;}
.contact-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.contact-field.contact-field-full{grid-column:1 / -1;}
.contact-field label{font-size:0.88rem;font-weight:700;color:var(--contact-navy);}
.contact-field label .contact-optional{font-weight:500;color:var(--contact-muted);text-transform:none;}
.contact-required{color:var(--contact-coral-dark);margin-left:2px;}
.contact-field input[type="text"],
.contact-field input[type="email"],
.contact-field input[type="tel"],
.contact-field input[type="url"],
.contact-field select,
.contact-field textarea{
    font-family:var(--contact-body-font);
    font-size:0.95rem;
    color:var(--contact-ink);
    background:#fff;
    border:1.5px solid var(--contact-border);
    border-radius:8px;
    padding:11px 13px;
    width:100%;
    transition:border-color 0.15s ease, box-shadow 0.15s ease;
}
.contact-field textarea{resize:vertical;min-height:130px;line-height:1.5;}
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
    outline:none;
    border-color:var(--contact-navy-3);
    box-shadow:0 0 0 3px rgba(30,64,121,0.15);
}
.contact-field.contact-field-invalid input,
.contact-field.contact-field-invalid select,
.contact-field.contact-field-invalid textarea{
    border-color:var(--contact-danger);
    box-shadow:0 0 0 3px rgba(198,48,62,0.12);
}
.contact-field-error{font-size:0.8rem;color:var(--contact-danger);min-height:1em;}

/* Honeypot — visually hidden but present in the DOM and tab order removed,
   not display:none (some bots skip display:none, fewer skip an off-screen
   absolute position). Real visitors never see or reach this field. */
.contact-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}

.contact-submit-row{margin-top:6px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.contact-submit-btn{display:inline-flex;align-items:center;gap:10px;background:var(--contact-coral);color:#fff;font-weight:700;font-size:0.95rem;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;}
.contact-submit-btn:hover{background:var(--contact-coral-dark);transform:translateY(-1px);}
.contact-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.contact-recaptcha-note{font-size:0.78rem;color:var(--contact-muted);max-width:34ch;line-height:1.5;}
.contact-recaptcha-note a{color:var(--contact-navy-3);}

.contact-form-status{border-radius:8px;padding:12px 16px;font-size:0.9rem;margin-bottom:18px;display:none;}
.contact-form-status.is-visible{display:block;}
.contact-form-status.is-error{background:#FDEBEC;color:#8C1D2A;border:1px solid #F3C4C9;}
.contact-form-status.is-success{background:#E9F9F3;color:#0E6B52;border:1px solid #BFEBDD;}

@media (max-width: 860px){
    .contact-wrap{grid-template-columns:1fr;}
    .contact-info{order:-1;}
}

@media (max-width: 560px){
    .contact-card{padding:24px 20px;}
    .contact-form-grid{grid-template-columns:1fr;}
    .contact-field.contact-field-full{grid-column:auto;}
}