/* IMF Rendering: palette 'royal', set in Archivo. */
:root{--font:'Archivo';--ink:#14182b;--maroon:#36459a;--olive:#14182b;--teal:#36459a;--accent:#36459a;--gold:#d6aa45;--focus:#8c9bf0;--paper:#f4f5f9;--pale:#e6e8f2;--line:#d5d9e8;--hero-scrim:20,24,43;--btn:#4657c4;--btn-fg:#ffffff;--hi:#9aa7f5;--tag:#a8adc4;--header-fg:#eceef8;--muted:#5b5f74}
.hero-split .hero-media img{object-position:50% 35%}
@media(max-width:767px){.hero-split .hero-media img{object-position:62% 50%}}

.footer-contact .footer-email{display:inline-block;margin-top:8px;font-size:14px}
.footer-facebook{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .18s}
.footer-facebook:hover{opacity:.8;text-decoration:none}
.footer-facebook-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#1877f2;color:#fff}
.footer-facebook-icon svg{width:26px;height:26px}
@media(max-width:767px){.footer-connect{width:100%}}

.footer-connect{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.footer-instagram .footer-facebook-icon{background:linear-gradient(135deg,#833ab4,#c13584,#e1306c)}
.footer-google .footer-facebook-icon{background:#fff}
.footer-google .footer-facebook-icon svg{width:24px;height:24px}
@media(max-width:1000px){.footer-connect{justify-content:flex-start;gap:12px}}

/* Quote form: room between the project box and the Cloudflare check, and a
   darker border on the field being typed in instead of the glowing outline. */
.enquiry-dialog .turnstile-slot:not(:empty){margin-top:20px}

/* Iain's own logo in the header on white (Will chose option B from
   ../logo-previews/, 2 November 2026). imf-logo-header.png is his supplied
   logo with the white made transparent. */
.brand-logo{display:block;flex-shrink:0;line-height:0}
.brand-logo img{height:58px;width:auto;display:block}
@media(max-width:767px){.brand-logo img{height:46px}}
.site-header{background:#fff;--header-fg:#14182b;box-shadow:0 1px 0 #14182b1f}
.site-header nav a,.site-header .phone-link,.site-header .nav-phone,.site-header .menu-toggle,.site-header button{color:#14182b}
/* The phone menu opens as a navy panel, so its links stay light. */
@media(max-width:767px){#navigation{--header-fg:#eceef8;color:#eceef8}#navigation a,#navigation button{color:#eceef8}}
.enquiry-dialog input:focus,.enquiry-dialog textarea:focus,.enquiry-dialog input:focus-visible,.enquiry-dialog textarea:focus-visible{outline:none;border-color:var(--ink)}