:root { --navy:#0F1E3A; --gold:#B38B45; --parchment:#F7F3EA; --deep-space:#081226; --gold-text:#8A6A2E; --slate:#4A5468; }
body { background:var(--parchment); color:var(--navy); }
.site-header { height:104px; display:grid; grid-template-columns:minmax(300px,1fr) auto minmax(135px,1fr); gap:26px; padding:0 5.5vw; background:#fff; border-color:rgba(15,30,58,.14); }
.wordmark { display:flex; align-items:center; width:min(360px,100%); }
.wordmark img { display:block; width:100%; height:auto; }
nav { justify-content:center; gap:18px; white-space:nowrap; } .site-header nav > a,.language-switch { color:var(--navy); font:400 15px/1.3 Manrope,"Noto Sans SC",sans-serif; letter-spacing:0; text-transform:none; } nav a:hover,.language-switch:hover { color:var(--gold-text); }.language-picker { justify-self:end; }
.mobile-menu-toggle { display:none; }
.hero { min-height:620px; padding:9vw 5.5vw; background:var(--parchment); color:var(--navy); border-bottom:1px solid rgba(15,30,58,.12); }
.hero::before,.hero::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }.hero::before { width:390px; height:390px; right:8vw; top:90px; background:var(--navy); }.hero::after { width:240px; height:240px; right:2vw; top:35px; background:var(--gold); }
.hero-copy { max-width:820px; }.eyebrow { color:var(--gold-text); }.hero h1 { color:var(--navy); max-width:800px; }.hero h1 em { color:var(--gold-text); }.lede { color:var(--slate); }.hero .button { color:var(--navy); border-color:var(--gold); }.hero .button:hover { background:var(--gold); }.hero-side { color:var(--slate); }.orbit { border-color:rgba(15,30,58,.18); }.star { color:var(--gold); z-index:1; }
.section-number { color:var(--gold-text); }.intro { background:#fff; }.intro-grid div p,.leaders article > p:last-child,.service-list p { color:var(--slate); }
.philosophy.dark { background:var(--parchment); color:var(--navy); border-top:1px solid rgba(15,30,58,.12); border-bottom:1px solid rgba(15,30,58,.12); }.philosophy .section-number { color:var(--gold-text); }.philosophy-copy { color:var(--slate); }
.services { background:#fff; }.service-categories article { background:var(--parchment); border-top-color:var(--gold); }.service-categories h3,.service-list h3 { color:var(--navy); }.service-categories p { color:var(--slate); }.service-list { border-top-color:rgba(15,30,58,.16); }.service-list article { border-bottom-color:rgba(15,30,58,.16); }.service-list i { color:var(--gold-text); }
.enquiry.dark { background:var(--parchment); color:var(--navy); }.enquiry .section-number,.enquiry #enquiry-form legend { color:var(--gold-text); }.enquiry-heading { border-bottom-color:rgba(15,30,58,.16); }.enquiry-heading p,.form-note { color:var(--slate); }.enquiry #enquiry-form fieldset { border-bottom-color:rgba(15,30,58,.16); }.enquiry #enquiry-form label,.enquiry .radio-line > span { color:var(--navy); }.enquiry #enquiry-form input:not([type="checkbox"]):not([type="radio"]),.enquiry #enquiry-form select,.enquiry #enquiry-form textarea,.enquiry .country-picker-trigger { background:#fff; border-color:rgba(15,30,58,.25); color:var(--navy); }.enquiry .button.light { color:var(--navy); border-color:var(--gold); }.enquiry .button.light:hover { background:var(--gold); }.enquiry #enquiry-form legend .optional { color:var(--slate); }
.leadership { background:#fff; }.leaders article { border-top-color:rgba(15,30,58,.16); }.leader-photo { filter:none; border-bottom:3px solid var(--gold); }
.contact.dark { background:var(--navy); }.contact .button.light { color:var(--parchment); border-color:#D4B77C; }.contact .button.light:hover { background:#D4B77C; color:var(--navy); } footer { background:var(--deep-space); color:#d0d6df; }
footer { display:block; }.footer-main { display:flex; justify-content:space-between; gap:20px; }.footer-disclaimer { max-width:1100px; margin:14px 0 0; padding-top:14px; border-top:1px solid rgba(255,255,255,.14); color:#aeb9c7; font:400 10px/1.6 Manrope,"Noto Sans SC",sans-serif; letter-spacing:0; text-transform:none; }
@media (max-width:720px) { .footer-main { flex-direction:column; gap:8px; }.footer-disclaimer { font-size:10px; } }
@media (max-width:720px) { .site-header { height:76px; display:flex; gap:8px; padding:0 24px; }.wordmark { width:min(185px,48vw); }.mobile-menu-toggle { display:grid; order:2; width:36px; height:36px; flex:0 0 36px; margin-left:auto; gap:5px; place-content:center; border:1px solid rgba(15,30,58,.2); background:#fff; cursor:pointer; }.mobile-menu-toggle > span:not(.visually-hidden) { display:block; width:16px; height:1px; background:var(--navy); transition:transform .2s,opacity .2s; }.site-header.mobile-menu-open .mobile-menu-toggle > span:nth-of-type(2) { transform:translateY(6px) rotate(45deg); }.site-header.mobile-menu-open .mobile-menu-toggle > span:nth-of-type(3) { opacity:0; }.site-header.mobile-menu-open .mobile-menu-toggle > span:nth-of-type(4) { transform:translateY(-6px) rotate(-45deg); }.site-header nav { display:none; position:absolute; top:75px; left:0; right:0; z-index:101; flex-direction:column; align-items:stretch; gap:0; padding:8px 24px 18px; border-bottom:1px solid rgba(15,30,58,.15); background:#fff; box-shadow:0 12px 24px rgba(8,18,38,.12); }.site-header.mobile-menu-open nav { display:flex; }.site-header nav > a,.site-header .nav-labuan summary,.site-header .nav-about summary { padding:13px 0; border-bottom:1px solid rgba(15,30,58,.1); font-size:15px; }.site-header nav details { width:100%; }.site-header .nav-labuan-menu,.site-header .nav-about-menu { position:static; width:auto; margin:-3px 0 7px; transform:none; border:0; box-shadow:none; background:var(--parchment); }.site-header .nav-labuan-menu a,.site-header .nav-about-menu a { padding:10px 14px; font-size:14px; }.language-picker { order:3; margin-left:0; }.hero { min-height:580px; padding:95px 24px; }.hero::before { width:230px; height:230px; right:-110px; top:70px; }.hero::after { width:145px; height:145px; right:-70px; top:40px; }.hero-copy { position:relative; z-index:2; }.hero h1 { font-size:52px; }.hero-side { display:none; } }