:root{--navy:#102c3d;--dark:#0b2130;--copper:#dba676;--ink:#193342;--muted:#5e6e77;--paper:#f6f8fa;--line:#dbe2e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:23px 6%;background:white;border-bottom:1px solid var(--line)}.brand{font-size:29px;letter-spacing:2px;font-weight:800;text-decoration:none;line-height:1.1;display:block}.brand span{font-weight:400}.brand small{display:block;font-size:10px;letter-spacing:2.1px;margin-top:7px}nav{display:flex;align-items:center;gap:32px}nav a{text-decoration:none;font-size:14px}.navcontact{border:1px solid var(--ink);padding:9px 23px}.hero{display:grid;grid-template-columns:58% 42%;background:var(--navy);color:white;min-height:620px}.hero-copy{padding:70px 10.3% 35px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.3px;margin:0 0 23px}.hero .eyebrow{color:var(--copper)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;line-height:1.09;font-size:clamp(42px,4.8vw,72px);letter-spacing:-2px;margin-bottom:28px}h1 em{font-weight:400;color:var(--copper)}.intro{max-width:530px;color:#d5dfe4;font-size:18px;line-height:1.75;margin-bottom:30px}.button{display:inline-block;border:0;border-radius:0;padding:14px 23px;font:600 14px Arial;text-decoration:none;cursor:pointer}.copper{background:var(--copper);color:var(--dark)}.textlink{display:inline-block;margin:16px 0 0 20px;font-size:14px;text-underline-offset:5px}.hero-bottom{display:flex;gap:30px;border-top:1px solid #49606f;margin-top:60px;padding-top:22px;font-size:10px;letter-spacing:1.7px;color:#c3d0d7}.hero-image{position:relative;overflow:hidden;background:#362722}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.67)}.image-note{position:absolute;bottom:40px;left:35px;right:25px;border-left:2px solid var(--copper);padding-left:20px}.image-note span{font-size:10px;letter-spacing:2px}.image-note strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.3;margin-top:12px}.sectors,.company{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:40px}h2{font-family:Georgia,serif;font-size:clamp(34px,3.3vw,48px);font-weight:400;line-height:1.17;letter-spacing:-1px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;color:var(--muted);margin:0}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}article{padding:30px 25px;display:flex;flex-direction:column;border-right:1px solid var(--line)}article:last-child{border:0}.number{font-size:11px;letter-spacing:1.5px;color:#7b5a38;font-weight:700;margin-bottom:25px}h3{font-size:23px;line-height:1.3;font-weight:500;margin-bottom:20px}article p{color:var(--muted);font-size:15px}article ul{list-style:none;padding:0;margin:4px 0 30px;font-size:14px}article li{padding:9px 0;border-bottom:1px solid #edf0f2}article a{font-size:14px;margin-top:auto;font-weight:600;text-underline-offset:5px}.approach{padding:75px 6%;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach>div>p:last-child{max-width:440px;color:var(--muted)}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.approach li>span{color:#98744f;font:22px Georgia}.approach h3{font-size:20px;margin-bottom:6px}.approach li p{color:var(--muted);font-size:15px;margin:0}.company>div{display:grid;grid-template-columns:1fr 1fr;gap:12%}.company p{color:var(--muted)}.company .eyebrow{color:var(--ink)}.company a{font-size:14px;text-underline-offset:5px}.enquiry{background:var(--navy);color:white;padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.enquiry .eyebrow{color:var(--copper)}.enquiry>div>p{max-width:380px;color:#c6d4dc}.contact-name{font-size:14px;margin-top:40px}label{display:block;font-size:14px;margin:0 0 7px}input,select,textarea{font:16px Arial;padding:12px;width:100%;background:#fff;border:1px solid #bac8d0;border-radius:0;color:var(--ink);margin-bottom:18px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{font-size:13px;color:#c6d4dc;margin:12px 0 0}footer{padding:35px 6%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer .brand{font-size:23px}footer p,footer>span{font-size:12px;color:var(--muted);margin:0}footer>span{margin-left:auto}.credit{font-size:12px;color:var(--muted);width:100%;text-align:right}a:hover{text-decoration-thickness:2px}.button:hover{background:#ebbc90}a:focus-visible,button:focus-visible{outline:3px solid #c1854f;outline-offset:5px}input:focus,select:focus,textarea:focus{outline:3px solid var(--copper)}@media(max-width:1000px){nav{gap:18px}.hero{grid-template-columns:60% 40%}.hero-copy{padding:55px 10% 30px}.textlink{margin-left:0;display:block}.sector-grid{grid-template-columns:1fr 1fr}article:nth-child(2){border-right:0}article:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-bottom{flex-wrap:wrap;gap:12px}.approach,.enquiry{gap:7%}}@media(max-width:650px){header{padding:20px 6%;align-items:start}.brand{font-size:24px}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}nav a{font-size:12px}.navcontact{padding:4px 12px}.hero{display:block}.hero-copy{padding:50px 6% 35px}h1{font-size:46px;letter-spacing:-1.5px}.hero-image{height:280px}.hero-bottom{margin-top:32px}.sectors,.company{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px}.sector-grid{display:block}article{border-right:0;border-bottom:1px solid var(--line)!important}article:last-child{border-bottom:0!important}.approach,.enquiry{display:block;padding:55px 6%}.approach ol{margin-top:25px}.company>div{display:block}.enquiry form{margin-top:30px}footer>span{margin-left:0}.credit{text-align:left}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* CITIGATE corporate identity */
:root{--navy:#12364f;--dark:#0b273c;--copper:#b9d8ec;--ink:#15354b;--paper:#eef3f7;--muted:#536b7d;--line:#d0dde7}
header{background:var(--dark);color:#fff;border:0;padding-top:25px;padding-bottom:25px}.brand{letter-spacing:1px}.brand small{letter-spacing:2px;font-size:10px}.navcontact{border-color:#6b8ba2;background:#204660}
.hero{grid-template-columns:48% 52%;background:#eef3f7;color:var(--ink);min-height:570px;align-items:center;border-bottom:1px solid var(--line)}.hero-copy{padding:55px 12.5%}.hero .eyebrow{color:#3d6888}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(45px,5vw,76px);line-height:1.04;font-weight:750;letter-spacing:-3px}.hero h1 em{color:#40799e;font-style:normal}.intro{color:var(--muted);font-size:17px;line-height:1.65}.copper{background:var(--navy);color:#fff}.button:hover{background:#285978}.hero-bottom{border-color:#bbcdd9;color:#3d6078;margin-top:35px}.textlink{display:block;margin:18px 0 0}.hero-image{background:var(--dark);color:#fff;margin:35px 6% 35px 0;overflow:visible}.hero-image img{position:static;display:block;height:auto;width:100%;filter:none;object-fit:contain}.image-note{position:static;border-left:0;border-top:4px solid #7caecf;padding:22px 26px;background:var(--navy)}.image-note strong{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:600;margin-top:7px}.image-note p{margin:4px 0 0;color:#d0e1ed;font-size:14px}.image-note span{color:#b4cedf}
h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-1.6px;line-height:1.1}h3{font-weight:700}.sectors{padding-top:65px;padding-bottom:65px}.sector-grid{gap:16px;border:0}article{border:1px solid var(--line);border-top:4px solid var(--navy);background:#f7f9fb;padding:26px 23px}article:last-child{border:1px solid var(--line);border-top:4px solid var(--navy)}.number{color:#3f6b88;font-size:12px}article h3{font-size:22px}.approach{background:var(--navy);color:#fff}.approach .eyebrow{color:#b9d8ec}.approach>div>p:last-child,.approach li p{color:#d0dfe8}.approach li{border-color:#426176}.approach li>span{color:#b4d7ed;font-family:Arial;font-weight:700}.enquiry{background:#eaf0f5;color:var(--ink);border-top:1px solid var(--line)}.enquiry .eyebrow{color:#3d6888}.enquiry>div>p,.form-note{color:var(--muted)}footer{background:var(--dark);color:#fff}footer p,footer>span{color:#bdcddb}.company{padding-top:65px;padding-bottom:65px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:45px 10%}.hero h1{font-size:55px;letter-spacing:-2px}article:nth-child(2){border-right:1px solid var(--line)}article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.hero{display:block}.hero-copy{padding:42px 6% 30px}.hero h1{font-size:54px}.hero-image{height:auto;margin:0 6% 30px}.sector-grid{display:grid;grid-template-columns:1fr;gap:18px}article:last-child{border-bottom:1px solid var(--line)!important}.sectors,.company,.approach,.enquiry{padding-top:45px;padding-bottom:45px}}

.brand img{display:block;width:275px;height:auto}footer .brand img{width:235px}@media(max-width:650px){.brand img{width:185px}header{flex-direction:column;gap:18px}header nav{max-width:none;gap:18px;justify-content:flex-start}header nav a{font-size:12px}}

/* Explicit heading contrast for each section surface. */
.hero h1,.sectors h2,.sectors h3,.company h2,.enquiry h2{color:#12364f}
.hero h1 em{color:#2c668b}
.approach h2,.approach h3{color:#ffffff}
.sectors .eyebrow,.company .eyebrow,.enquiry .eyebrow,.hero .eyebrow{color:#244f6c;font-weight:700}
.approach .eyebrow{color:#d3e8f6;font-weight:700}
.number{color:#244f6c}
.image-note strong{color:#ffffff}.image-note span{color:#d3e8f6}

/* Own every section surface, including inside dark host themes. */
html{color-scheme:only light;background:#ffffff}
body,main{background:#ffffff;color:#15354b}
.sectors,.company{background:#ffffff;color:#15354b}
.sectors .section-heading h2,.company h2{color:#12364f}
.sectors .section-heading>p,.company p{color:#405d70}
.sectors .eyebrow,.company .eyebrow{color:#244f6c}
.sector-grid article{background:#f7f9fb;color:#15354b}
.sector-grid article p{color:#405d70}
.approach{background:#12364f;color:#ffffff}
.enquiry{background:#eaf0f5;color:#15354b}

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.button:disabled{opacity:.65;cursor:wait}#form-status{margin-top:16px;font-size:16px;color:#12364f}#form-status[data-state="error"]{color:#8a241c}

/* Keep the brand prominent beside the opening headline. */
header .brand{max-width:100%}
header .brand img{width:320px;max-width:100%;height:auto}
@media(max-width:1000px){header{flex-wrap:wrap;gap:20px}}
@media(max-width:650px){header .brand img{width:260px}.hero h1{font-size:clamp(38px,10.5vw,44px);line-height:1.08;letter-spacing:-1.5px}}