
:root{--bg:#f6f3ed;--paper:#fffaf1;--ink:#141313;--muted:#6b655b;--line:#e5dccd;--black:#090909;--navy:#0d1724;--charcoal:#121820;--gold:#c49a45;--gold2:#e6c878;--cream:#f6f0e5;--accent:#7b1e27;--shadow:0 22px 60px rgba(16,18,24,.12);--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Lato,Arial,sans-serif;font-size:14px;line-height:1.55}body.dark{--bg:#080b10;--paper:#111722;--ink:#f7efe4;--muted:#b9ad9a;--line:#273141;--cream:#111722;--shadow:0 22px 70px rgba(0,0,0,.42)}a{color:inherit}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));z-index:99}.preloader{position:fixed;inset:0;background:var(--black);z-index:999;display:grid;place-items:center;transition:.45s}.preloader span{width:36px;height:36px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.loaded .preloader{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1180px;margin:auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:80;background:rgba(10,10,10,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:68px;max-width:1240px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white}.brand img{height:44px;max-width:145px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.brand strong{font-family:Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.brand small{display:block;color:#d3c5a8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d8d4ca;text-decoration:none;padding:10px 12px;border-radius:999px}.navlinks a:hover,.navlinks a.active{background:rgba(196,154,69,.16);color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.theme-btn,.menu-btn{background:transparent;color:white;border:1px solid rgba(255,255,255,.16);border-radius:999px;height:38px;min-width:38px;cursor:pointer}.menu-btn{display:none}.enquire{font-family:Montserrat,sans-serif;text-transform:uppercase;text-decoration:none;color:#111;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:999px;padding:11px 15px;font-size:11px;font-weight:900;letter-spacing:.08em}.hero{position:relative;overflow:hidden;background:#07090e;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.36)),radial-gradient(circle at 82% 18%,rgba(196,154,69,.22),transparent 28%),url('assets/about-banner.jpg');background-size:cover;background-position:center;opacity:.88}.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(0deg,var(--bg),transparent)}.hero-grid{position:relative;z-index:1;min-height:650px;display:grid;grid-template-columns:minmax(0,1.2fr) 380px;gap:28px;align-items:center}.hero-copy{max-width:790px}.eyebrow{font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--gold)}.eyebrow.gold{color:var(--gold2)}h1,h2,h3{font-family:Lora,Georgia,serif;letter-spacing:-.025em}h1{font-size:clamp(42px,7vw,84px);line-height:.95;margin:15px 0 18px}h2{font-size:clamp(28px,4vw,48px);line-height:1.06;margin:8px 0 10px}h3{font-size:22px;line-height:1.14;margin:6px 0}.hero p,.page-hero p{font-size:17px;color:#e6ded1;max-width:680px}.hero-actions,.cta-card div{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 17px;text-decoration:none;font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);cursor:pointer}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#141313;border:0}.btn.glass{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.22)}.btn.line{background:transparent;color:var(--ink);border-color:var(--line)}.darktext{color:#151515!important}.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.panel-label{font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:900}.number-line{display:flex;gap:14px;align-items:center;margin:20px 0}.number-line strong{font-family:Montserrat,sans-serif;font-size:78px;line-height:.8;color:var(--gold2)}.number-line span{font-weight:700;color:#f7eee0}.mini-map{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-map span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 10px;text-align:center;font-family:Montserrat,sans-serif;font-size:10px;text-transform:uppercase;font-weight:800;background:rgba(255,255,255,.07)}.hero-marquee{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;gap:26px;overflow:hidden;padding:14px 0;background:rgba(196,154,69,.92);color:#111;white-space:nowrap;font-family:Montserrat,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px;justify-content:center}.section{padding:62px 0}.compact-after-hero{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-head p{margin:0;color:var(--muted);max-width:600px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.stats-strip div{padding:22px;border-right:1px solid var(--line)}.stats-strip div:last-child{border-right:0}.stats-strip b{font-family:Montserrat,sans-serif;color:var(--accent);font-size:26px;display:block}.stats-strip span{font-size:12px;color:var(--muted);font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:210px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px;text-decoration:none;box-shadow:0 12px 34px rgba(16,18,24,.07);overflow:hidden}.service-card:after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border:1px solid rgba(196,154,69,.35);border-radius:50%}.service-card span{font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;color:var(--gold);letter-spacing:.18em}.service-card p{color:var(--muted);margin-bottom:0}.dark-band{background:linear-gradient(135deg,#090d14,#16202f);color:white}.split{display:grid;grid-template-columns:1fr .75fr;gap:26px;align-items:center}.split p{color:var(--muted)}.dark-band .split p{color:#d8d2c7}.quote-card{border-radius:28px;background:linear-gradient(135deg,rgba(196,154,69,.95),rgba(230,200,120,.92));padding:34px;color:#151515;box-shadow:0 28px 80px rgba(0,0,0,.25)}.quote-card p{font-family:Lora,serif;font-size:32px;line-height:1.1;color:#151515;margin:0 0 14px}.portrait-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.portrait-mini{text-decoration:none;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 10px 30px rgba(16,18,24,.06)}.portrait-mini img{width:100%;aspect-ratio:1/1.16;object-fit:cover;object-position:top;border-radius:18px;filter:saturate(.95) contrast(1.04)}.portrait-mini b{display:block;margin-top:11px;font-family:Montserrat,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.portrait-mini small{color:var(--muted)}.muted{background:linear-gradient(180deg,rgba(196,154,69,.10),transparent)}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.logo-tile{height:78px;background:var(--paper);border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;padding:12px}.logo-tile img{max-width:100%;max-height:48px;object-fit:contain;filter:grayscale(.15)}.cta{padding-top:20px}.cta-card{background:linear-gradient(135deg,#111827,#1d2939);color:#fff;border-radius:30px;padding:40px;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(196,154,69,.20)}.cta-card p{color:#e5dccd}.page-hero{min-height:360px;background:linear-gradient(135deg,rgba(7,9,14,.92),rgba(26,32,44,.82)),url('assets/about-banner.jpg');background-size:cover;background-position:center;color:#fff;display:flex;align-items:end;padding:110px 0 54px}.page-hero .container{width:100%}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.timeline-card,.service-panel,.office-card,.contact-panel,.contact-form,.director-profile,.image-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(16,18,24,.06)}.timeline-card span{font-family:Montserrat,sans-serif;color:var(--gold);font-weight:900;letter-spacing:.18em}.body-copy{color:var(--muted);font-size:15px}.image-card img{width:100%;height:300px;object-fit:cover;border-radius:18px}.pill-grid{display:flex;gap:9px;flex-wrap:wrap}.pill-grid span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;color:var(--muted)}.director-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.director-profile{padding:0;overflow:hidden}.director-photo{background:#111}.director-photo img{width:100%;height:285px;object-fit:cover;object-position:top;display:block;transition:.45s}.director-profile:hover img{transform:scale(1.035)}.director-info{padding:18px}.director-info strong{display:block;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--accent)}.director-info p{color:var(--muted);font-size:13px}.profile-meta{display:flex;flex-wrap:wrap;gap:7px}.profile-meta span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;color:var(--muted);font-weight:700}.sticky-service{position:sticky;top:68px;z-index:30;background:rgba(246,243,237,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}body.dark .sticky-service{background:rgba(8,11,16,.92)}.sticky-service .container{display:flex;gap:8px;overflow:auto;padding-top:10px;padding-bottom:10px}.sticky-service a{white-space:nowrap;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:900;text-transform:uppercase;color:var(--muted)}.service-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.service-panel h3{font-size:28px}.service-panel p,.service-panel li{color:var(--muted)}.service-panel a{font-family:Montserrat,sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.office-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.office-card{display:grid;grid-template-columns:1fr;gap:8px}.office-city{font-family:Montserrat,sans-serif;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.office-card p,.office-card dd{color:var(--muted)}.office-card dl{display:grid;grid-template-columns:60px 1fr;gap:6px;margin:0}.office-card dt{font-weight:900;font-size:12px}.office-card dd{margin:0;font-size:13px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.contact-lines{display:grid;gap:8px;margin:18px 0}.contact-lines a{font-weight:900;text-decoration:none;color:var(--accent)}.contact-form{display:grid;gap:12px}.contact-form label{display:grid;gap:6px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.contact-form small{color:var(--muted)}.footer{background:#07090e;color:#d8d2c7;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-logo{height:58px;background:white;border-radius:12px;padding:6px}.footer a{display:block;text-decoration:none;color:#f3e5c4;margin:6px 0}.footer h3{font-family:Montserrat,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold2)}.tiny{border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:14px;font-size:11px;color:#9d9487}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.navlinks{position:fixed;top:68px;left:14px;right:14px;background:rgba(12,14,18,.96);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px;display:none;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.enquire{display:none}.hero-grid,.split,.contact-layout{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:120px 0 85px}.hero-panel{max-width:520px}.services-grid,.director-layout{grid-template-columns:repeat(2,1fr)}.portrait-row{grid-template-columns:repeat(3,1fr)}.logo-grid{grid-template-columns:repeat(4,1fr)}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip div:nth-child(2){border-right:0}.office-grid,.service-stack{grid-template-columns:1fr}.section-head{display:block}.footer-grid{grid-template-columns:1fr}}@media(max-width:640px){body{font-size:13px}.brand span{display:none}.hero p,.page-hero p{font-size:15px}.hero-panel{padding:16px}.number-line strong{font-size:60px}.services-grid,.timeline-grid,.director-layout,.portrait-row{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(2,1fr)}.stats-strip{grid-template-columns:1fr}.stats-strip div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:42px 0}.cta-card{padding:26px}.page-hero{min-height:320px}.director-photo img{height:260px}.mini-map{grid-template-columns:1fr 1fr}}

/* Director showcase update */
.centre-head{align-items:center;text-align:left}.leadership-showcase .section-head{margin-bottom:24px}.featured-director{max-width:780px;margin:0 auto 26px;display:grid;grid-template-columns:280px 1fr;gap:0;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.featured-photo{display:block;background:#111;min-height:100%}.featured-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:top;display:block}.featured-copy{padding:28px 30px;align-self:center}.featured-copy h3{font-size:36px;margin:6px 0 8px}.featured-copy strong{font-family:Montserrat,sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.featured-copy p{color:var(--muted);font-size:14px}.compact-btn{padding:11px 16px;font-size:10px}.scroll-note{text-align:center;margin:10px 0 18px;font-family:Montserrat,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:900}.portrait-row-all{grid-template-columns:repeat(5,1fr)}.director-page-feature{margin-bottom:0}.compact-top{padding-top:18px}.profile-link{display:inline-block;margin-top:12px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);text-decoration:none}.director-photo{display:block}.profile-hero{padding:128px 0 58px;background:linear-gradient(135deg,rgba(7,9,14,.94),rgba(26,32,44,.84)),url('assets/about-banner.jpg');background-size:cover;background-position:center;color:white}.profile-hero-grid{display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:center}.profile-portrait{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.32)}.profile-portrait img{width:100%;height:390px;object-fit:cover;object-position:top;border-radius:22px;display:block}.profile-title h1{font-size:62px;margin:8px 0 10px}.profile-title strong{display:block;color:var(--gold2);font-family:Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.profile-title p{font-size:17px;color:#e8ddce;max-width:760px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(16,18,24,.06)}.profile-card h2{font-size:26px}.detail-list{display:grid;gap:10px;margin:0}.detail-list div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.detail-list dt{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--gold);font-weight:900}.detail-list dd{margin:0;color:var(--muted)}.clean-list{margin:0;padding-left:18px;color:var(--muted)}.clean-list li{margin:8px 0}.director-layout .director-profile:first-child{grid-column:span 2;display:grid;grid-template-columns:300px 1fr}.director-layout .director-profile:first-child .director-photo img{height:100%;min-height:380px}.director-layout .director-profile:first-child .director-info{align-self:center;padding:28px}.director-layout .director-profile:first-child h3{font-size:34px}@media(max-width:980px){.featured-director,.profile-hero-grid,.director-layout .director-profile:first-child{grid-template-columns:1fr}.portrait-row-all{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}.profile-title h1{font-size:44px}.profile-portrait img{height:330px}.director-layout .director-profile:first-child{grid-column:span 1}.director-layout .director-profile:first-child .director-photo img{min-height:0;height:285px}}@media(max-width:640px){.featured-copy{padding:22px}.featured-copy h3{font-size:30px}.portrait-row-all{grid-template-columns:1fr}.profile-title h1{font-size:34px}.profile-hero{padding-top:105px}.profile-portrait img{height:285px}.detail-list div{grid-template-columns:1fr;gap:2px}.featured-photo img{min-height:290px}}

/* Client update: header now reads VPC Malaysia only; compact five-cell statistic strip; directors page keeps Dato’ Mani as a normal first card. */
.brand span{display:flex;align-items:center}.brand small{display:none}.stats-strip-five{grid-template-columns:repeat(5,1fr)}.stats-strip-five b{font-size:24px}.stats-strip-five span{text-transform:none;line-height:1.35}.stats-strip-five div{min-height:118px}.directors-page .director-layout .director-profile:first-child{grid-column:auto;display:block}.directors-page .director-layout .director-profile:first-child .director-photo img{height:285px;min-height:0}.directors-page .director-layout .director-profile:first-child .director-info{padding:18px}.directors-page .director-layout .director-profile:first-child h3{font-size:22px}@media(max-width:1180px){.stats-strip-five{grid-template-columns:repeat(3,1fr)}.stats-strip-five div:nth-child(3){border-right:0}}@media(max-width:760px){.stats-strip-five{grid-template-columns:1fr}.stats-strip-five div{border-right:0;border-bottom:1px solid var(--line)}}


/* 2026 refinement: cleaner Core Services strip, improved service icons and wider footer contact */
.stats-strip-five{grid-template-columns:1fr 1fr .8fr 1.25fr .95fr}.stats-strip .core-stat b{font-size:24px}.stats-strip .core-stat span{display:block;max-width:300px;line-height:1.65;text-transform:uppercase;letter-spacing:.02em}.icon-services .service-card small{font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;color:var(--gold);letter-spacing:.18em}.icon-services .service-card>span.svc-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,rgba(196,154,69,.24),rgba(196,154,69,.08));border:1px solid rgba(196,154,69,.32);font-family:Montserrat,sans-serif;font-size:22px;color:var(--accent);margin-bottom:12px}.service-intro-section{padding-bottom:34px}.service-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.showcase-card{text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(16,18,24,.06);min-height:190px;transition:.25s}.showcase-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.showcase-card b{display:block;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--accent);margin:12px 0 7px}.showcase-card p{margin:0;color:var(--muted);font-size:13px}.showcase-icon,.panel-icon{display:inline-block;position:relative;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,rgba(196,154,69,.25),rgba(255,250,241,.88));border:1px solid rgba(196,154,69,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}.panel-icon{width:52px;height:52px;flex:0 0 52px}.showcase-icon:before,.showcase-icon:after,.panel-icon:before,.panel-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-color:var(--accent)}.house:before{width:20px;height:16px;border:3px solid var(--accent);border-top:0;top:55%}.house:after{width:17px;height:17px;border-left:3px solid var(--accent);border-top:3px solid var(--accent);transform:translate(-50%,-66%) rotate(45deg)}.advisory:before{width:23px;height:23px;border:3px solid var(--accent);border-radius:50%}.advisory:after{width:16px;height:3px;background:var(--accent);transform:translate(-8%,55%) rotate(45deg)}.building:before{width:20px;height:25px;border:3px solid var(--accent);border-radius:3px}.building:after{width:3px;height:3px;background:var(--accent);box-shadow:-7px -7px 0 var(--accent),0 -7px 0 var(--accent),7px -7px 0 var(--accent),-7px 2px 0 var(--accent),0 2px 0 var(--accent),7px 2px 0 var(--accent)}.key:before{width:15px;height:15px;border:3px solid var(--accent);border-radius:50%;left:40%}.key:after{width:19px;height:3px;background:var(--accent);left:58%;box-shadow:7px 5px 0 -1px var(--accent)}.chart:before{width:24px;height:18px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);top:56%}.chart:after{width:25px;height:17px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:translate(-50%,-50%) skew(-20deg)}.machine:before{width:23px;height:18px;border:3px solid var(--accent);border-radius:4px}.machine:after{width:28px;height:3px;background:var(--accent);top:68%;box-shadow:-7px 8px 0 -1px var(--accent),7px 8px 0 -1px var(--accent)}.land:before{width:26px;height:20px;border:3px solid var(--accent);border-radius:3px;transform:translate(-50%,-50%) skew(-12deg)}.land:after{width:18px;height:3px;background:var(--accent);transform:translate(-50%,-50%) rotate(-24deg);box-shadow:0 8px 0 var(--accent)}.auction:before{width:23px;height:5px;background:var(--accent);transform:translate(-50%,-50%) rotate(-25deg);box-shadow:10px 11px 0 -1px var(--accent),-7px -10px 0 -1px var(--accent)}.auction:after{width:22px;height:3px;background:var(--accent);top:72%}.portfolio:before{width:24px;height:18px;border:3px solid var(--accent);border-radius:4px;top:55%}.portfolio:after{width:12px;height:6px;border:3px solid var(--accent);border-bottom:0;top:34%;border-radius:4px 4px 0 0}.service-title-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.service-title-row h3{margin:2px 0 0}.service-stack-premium{grid-template-columns:repeat(3,1fr)}.service-stack-premium .service-panel{min-height:310px}.service-stack-premium .service-panel h3{font-size:24px}.service-stack-premium .service-panel ul{padding-left:17px}.footer-grid-wide{grid-template-columns:1.2fr .75fr 1fr 1fr}.footer .footer-muted{display:block;color:#d8d2c7;margin:6px 0}.footer-about p{max-width:410px}@media(max-width:1050px){.service-showcase-grid{grid-template-columns:repeat(2,1fr)}.service-stack-premium{grid-template-columns:repeat(2,1fr)}.footer-grid-wide{grid-template-columns:1fr 1fr}.stats-strip-five{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.service-showcase-grid,.service-stack-premium,.footer-grid-wide{grid-template-columns:1fr}.stats-strip-five{grid-template-columns:1fr}.stats-strip .core-stat span{max-width:none}.service-panel{padding:18px}.service-title-row{align-items:flex-start}.panel-icon{width:46px;height:46px;flex-basis:46px}}


/* Offices page update: polished final-copy base + modern Malaysia SVG map */
.office-map-section{padding-bottom:28px}.split-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:28px;align-items:end;margin-bottom:22px}.split-title h2{font-size:42px;margin:8px 0 0}.split-title p{color:var(--muted);font-size:15px;margin:0}.map-shell-modern{position:relative;overflow:hidden;border-radius:34px;background:#080b10;border:1px solid rgba(196,154,69,.32);box-shadow:0 28px 80px rgba(12,14,20,.22);min-height:500px}.map-copy-panel{position:absolute;left:24px;top:24px;z-index:4;max-width:345px;background:rgba(8,11,16,.72);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:18px 20px;backdrop-filter:blur(15px);box-shadow:0 18px 50px rgba(0,0,0,.22)}.map-copy-panel span{font-family:Montserrat,sans-serif;color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.map-copy-panel strong{display:block;color:#fff;font-family:Lora,serif;font-size:25px;line-height:1.15;margin:8px 0}.map-copy-panel p{color:#ddd3c5;font-size:13px;margin:0}.malaysia-svg{display:block;width:100%;height:auto;min-height:500px}.map-ocean{fill:url(#mapBg)}.map-grid{stroke:rgba(255,255,255,.045);stroke-width:1;fill:none}.msia-land{fill:url(#landGrad);stroke:rgba(255,255,255,.72);stroke-width:1.6;filter:drop-shadow(0 22px 34px rgba(196,154,69,.18))}.land-group{opacity:.96}.route-lines path{fill:none;stroke:rgba(255,255,255,.22);stroke-width:2.3;stroke-linecap:round}.map-pin{outline:0}.pin-line{stroke:rgba(255,255,255,.42);stroke-width:1.1;stroke-dasharray:3 4}.pin-halo{fill:rgba(123,30,39,.32);stroke:rgba(230,200,120,.55);stroke-width:2}.pin-dot{fill:#fff;stroke:#7b1e27;stroke-width:6}.map-pin text{font-family:Montserrat,sans-serif;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;paint-order:stroke;stroke:#fffaf1;stroke-width:10px;stroke-linejoin:round;fill:#121212}.map-pin:hover .pin-halo,.map-pin:focus .pin-halo{fill:rgba(196,154,69,.45);r:20px}.office-grid-modern{grid-template-columns:repeat(2,1fr);gap:14px}.office-card-modern{padding:0;overflow:hidden;background:var(--paper);box-shadow:0 16px 46px rgba(16,18,24,.08)}.office-card-top{display:flex;gap:12px;align-items:flex-start;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(196,154,69,.13),rgba(255,255,255,0))}.office-pin-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#111;color:var(--gold2);font-size:18px;flex:0 0 38px}.office-card-modern h3{font-size:18px;margin:4px 0 0}.office-address-text{padding:16px 18px 4px;margin:0;color:var(--muted);min-height:76px}.office-contact-block{padding:0 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.office-contact-block p{margin:0;border:1px solid var(--line);border-radius:15px;padding:10px 12px;background:rgba(255,255,255,.32)}.office-contact-block span{display:block;font-family:Montserrat,sans-serif;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}.office-contact-block b{font-size:13px;color:var(--ink);word-break:break-word}.office-contact-block a{text-decoration:none}.footer-grid-wide{grid-template-columns:1.2fr .75fr 1fr 1fr}.footer .footer-muted{display:block;color:#d8d2c7;margin:6px 0}.footer-about p{max-width:410px}@media(max-width:1050px){.split-title{grid-template-columns:1fr}.map-shell-modern{min-height:auto}.map-copy-panel{position:relative;left:auto;top:auto;margin:18px;max-width:none}.malaysia-svg{min-height:380px}.office-grid-modern,.footer-grid-wide{grid-template-columns:1fr}.office-contact-block{grid-template-columns:1fr}}@media(max-width:640px){.split-title h2{font-size:32px}.map-shell-modern{border-radius:24px}.map-copy-panel strong{font-size:22px}.malaysia-svg{min-width:860px}.map-shell-modern{overflow-x:auto}.office-address-text{min-height:auto}}


/* Interactive modern offices map refinement */
.map-shell-modern{padding-top:118px;}
.map-copy-panel{
  left:50%;
  top:20px;
  transform:translateX(-50%);
  max-width:520px;
  width:min(520px,calc(100% - 48px));
  text-align:center;
  background:linear-gradient(145deg,rgba(10,14,22,.92),rgba(22,28,38,.84));
}
.map-copy-panel strong{font-size:28px;}
.map-copy-panel p{max-width:460px;margin:0 auto;}
.malaysia-svg{margin-top:-20px;}
.map-pin{cursor:pointer;transition:opacity .2s ease;}
.map-pin:hover text,.map-pin:focus text{fill:#7b1e27;}
.map-director-popover{
  position:absolute;
  right:26px;
  bottom:24px;
  z-index:6;
  display:flex;
  align-items:center;
  gap:13px;
  min-width:285px;
  max-width:360px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,250,241,.96),rgba(239,224,190,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.map-director-popover.show{opacity:1;transform:translateY(0) scale(1);}
.map-director-popover img{
  width:74px;
  height:74px;
  border-radius:18px;
  object-fit:cover;
  object-position:top center;
  border:2px solid rgba(196,154,69,.55);
  background:#fff;
  flex:0 0 74px;
}
.map-director-popover span{
  display:block;
  font-family:Montserrat,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#b2873a;
  margin-bottom:3px;
}
.map-director-popover strong{
  display:block;
  font-family:Lora,serif;
  font-size:19px;
  line-height:1.15;
  color:#101010;
}
.map-director-popover p{
  margin:3px 0 0;
  font-family:Montserrat,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#7b1e27;
}
@media(max-width:1050px){
  .map-shell-modern{padding-top:0;}
  .map-copy-panel{position:relative;left:auto;top:auto;transform:none;margin:18px auto 0;}
  .malaysia-svg{margin-top:0;}
  .map-director-popover{right:18px;bottom:18px;left:18px;max-width:none;min-width:0;}
}
@media(max-width:640px){
  .map-director-popover{position:sticky;left:12px;right:12px;bottom:12px;margin:0 12px 12px;}
}


/* 2026 refinement: professional Core Services and 3E stat presentation */
.stats-strip-five{grid-template-columns:1fr 1fr .8fr 1.45fr 1fr}
.stats-strip .core-stat b{margin-bottom:10px}
.stats-strip .core-stat span.service-pills,
.stats-strip .three-e-stat span.three-e-pills{display:flex;flex-wrap:wrap;gap:6px;max-width:360px;line-height:1.2;text-transform:none;letter-spacing:0}
.stats-strip .core-stat span.service-pills em,
.stats-strip .three-e-stat span.three-e-pills em{font-style:normal;display:inline-flex;align-items:center;border:1px solid rgba(196,154,69,.35);background:rgba(196,154,69,.10);color:var(--muted);border-radius:999px;padding:5px 8px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:850;letter-spacing:.02em;white-space:nowrap}
.stats-strip .three-e-stat b{margin-bottom:10px}
.stats-strip .three-e-stat span.three-e-pills em{background:rgba(123,30,39,.07);border-color:rgba(123,30,39,.22);color:var(--accent)}
body.dark .stats-strip .core-stat span.service-pills em{background:rgba(196,154,69,.16);border-color:rgba(230,200,120,.32);color:#e9decb}
body.dark .stats-strip .three-e-stat span.three-e-pills em{background:rgba(230,200,120,.12);border-color:rgba(230,200,120,.26);color:#f0d795}
.hero-marquee span{display:inline-flex;align-items:center;gap:8px}
.hero-marquee span:not(:last-child)::after{content:"•";margin-left:20px;color:rgba(20,19,19,.55)}
@media(max-width:1050px){.stats-strip-five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.stats-strip-five{grid-template-columns:1fr}.stats-strip .core-stat span.service-pills,.stats-strip .three-e-stat span.three-e-pills{max-width:none}}

/* 2026 refinement: apply the same compact premium card language across the full statistic strip */
.stats-strip.stats-strip-five{
  display:grid;
  grid-template-columns:1fr 1fr .82fr 1.45fr .95fr;
  gap:12px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.stats-strip.stats-strip-five>div{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(16,18,24,.08);
  padding:24px 24px;
  min-height:176px;
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.stats-strip.stats-strip-five>div:last-child{border-right:1px solid var(--line)}
.stats-strip.stats-strip-five b{
  font-family:Montserrat,sans-serif;
  color:var(--accent);
  font-size:26px;
  line-height:1.12;
  margin-bottom:8px;
  letter-spacing:-.02em;
}
.stats-strip.stats-strip-five>div:not(.core-stat):not(.three-e-stat) span{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  border:1px solid rgba(196,154,69,.35);
  background:rgba(196,154,69,.10);
  color:var(--muted);
  border-radius:999px;
  padding:5px 9px;
  font-family:Montserrat,sans-serif;
  font-size:10.5px;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.01em;
}
.stats-strip .core-stat span.service-pills,
.stats-strip .three-e-stat span.three-e-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  max-width:365px;
  line-height:1.2;
  text-transform:none;
  letter-spacing:0;
}
.stats-strip .core-stat span.service-pills em,
.stats-strip .three-e-stat span.three-e-pills em{
  font-style:normal;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(196,154,69,.35);
  background:rgba(196,154,69,.10);
  color:var(--muted);
  border-radius:999px;
  padding:5px 9px;
  font-family:Montserrat,sans-serif;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.01em;
  white-space:nowrap;
}
.stats-strip .three-e-stat span.three-e-pills em{color:var(--muted);border-color:rgba(196,154,69,.35);background:rgba(196,154,69,.10)}
body.dark .stats-strip.stats-strip-five>div{background:var(--paper);border-color:var(--line)}
body.dark .stats-strip.stats-strip-five>div:not(.core-stat):not(.three-e-stat) span,
body.dark .stats-strip .core-stat span.service-pills em,
body.dark .stats-strip .three-e-stat span.three-e-pills em{background:rgba(230,200,120,.12);border-color:rgba(230,200,120,.28);color:#e9decb}
@media(max-width:1050px){.stats-strip.stats-strip-five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.stats-strip.stats-strip-five{grid-template-columns:1fr}.stats-strip.stats-strip-five>div{min-height:0}.stats-strip .core-stat span.service-pills,.stats-strip .three-e-stat span.three-e-pills{max-width:none}}

/* 2026 refinement: enhanced About page */
.about-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.about-story-panel,.mini-facts-card,.list-card,.bank-highlight-card,.leadership-feature{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 38px rgba(16,18,24,.06)}
.about-story-panel{padding:26px}.about-story-aside{display:grid;gap:14px}.about-building-card img{height:260px;object-position:center}
.about-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.about-chip-row span,.fact-pill-grid span{display:inline-flex;align-items:center;border:1px solid rgba(196,154,69,.35);background:rgba(196,154,69,.10);color:var(--muted);border-radius:999px;padding:6px 10px;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:850;line-height:1.25;letter-spacing:.01em}
.mini-facts-card{padding:22px}.mini-facts-card h3{margin-top:0}.mini-facts-card p{margin:12px 0 0;color:var(--muted)}.fact-pill-grid{display:flex;flex-wrap:wrap;gap:8px}.align-start{align-items:flex-start}
.leadership-showcase-section .section-head p,.banks-section .section-head p,.clients-section .section-head p{max-width:560px}
.leadership-feature{display:grid;grid-template-columns:320px 1fr;overflow:hidden;margin-bottom:16px}.leadership-feature-photo{background:#10151d}.leadership-feature-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:top}.leadership-feature-copy{padding:28px}.leadership-feature-copy h3{font-size:46px;line-height:1.03}.role-line{font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:8px}.leadership-feature-copy p:last-of-type{color:var(--muted)}
.portrait-row-nine{grid-template-columns:repeat(3,1fr)}
.bank-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.bank-highlight-card{padding:20px}.bank-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));font-size:21px;margin-bottom:14px}.bank-highlight-card strong{display:block;font-family:Montserrat,sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.bank-highlight-card p{margin:0;color:var(--muted)}
.list-card{padding:22px}.bank-list-columns,.client-list-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.bank-list-columns ul,.client-list-columns ul{list-style:none;margin:0;padding:0}.bank-list-columns li,.client-list-columns li{position:relative;padding-left:18px;margin:0 0 8px;color:var(--ink)}.bank-list-columns li:before,.client-list-columns li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 0 0 3px rgba(196,154,69,.12)}
.client-logo-wall{margin-bottom:16px}.about-map-section .map-copy-panel{top:18px}
@media(max-width:1050px){.about-story-grid,.leadership-feature,.bank-highlight-grid,.bank-list-columns,.client-list-columns{grid-template-columns:1fr}.leadership-feature-photo img{min-height:300px}.portrait-row-nine{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.portrait-row-nine{grid-template-columns:1fr}.about-story-panel,.mini-facts-card,.list-card,.leadership-feature-copy{padding:18px}.leadership-feature-copy h3{font-size:34px}.bank-highlight-card{padding:18px}}

/* 2026 rollback refinement: homepage stat strip without Core Services */
.stats-strip.stats-strip-four{
  display:grid;
  grid-template-columns:repeat(4,minmax(190px,260px));
  gap:12px;
  justify-content:center;
  align-items:stretch;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  max-width:1120px;
  margin:0 auto;
}
.stats-strip.stats-strip-four>div{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(16,18,24,.08);
  padding:24px 24px;
  min-height:150px;
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.stats-strip.stats-strip-four>div:last-child{border-right:1px solid var(--line)}
.stats-strip.stats-strip-four b{
  font-family:Montserrat,sans-serif;
  color:var(--accent);
  font-size:26px;
  line-height:1.12;
  margin-bottom:8px;
  letter-spacing:-.02em;
}
.stats-strip.stats-strip-four>div:not(.three-e-stat) span{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  border:1px solid rgba(196,154,69,.35);
  background:rgba(196,154,69,.10);
  color:var(--muted);
  border-radius:999px;
  padding:5px 9px;
  font-family:Montserrat,sans-serif;
  font-size:10.5px;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.01em;
}
.stats-strip.stats-strip-four .three-e-stat span.three-e-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  line-height:1.2;
  text-transform:none;
  letter-spacing:0;
}
.stats-strip.stats-strip-four .three-e-stat span.three-e-pills em{
  font-style:normal;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(196,154,69,.35);
  background:rgba(196,154,69,.10);
  color:var(--muted);
  border-radius:999px;
  padding:5px 9px;
  font-family:Montserrat,sans-serif;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.01em;
  white-space:nowrap;
}
.compact-after-hero{
  padding-top:28px;
  padding-bottom:18px;
}
.compact-after-hero + .section{
  padding-top:32px;
}
body.dark .stats-strip.stats-strip-four>div{background:var(--paper);border-color:var(--line)}
body.dark .stats-strip.stats-strip-four>div:not(.three-e-stat) span,
body.dark .stats-strip.stats-strip-four .three-e-stat span.three-e-pills em{
  background:rgba(230,200,120,.12);
  border-color:rgba(230,200,120,.28);
  color:#e9decb;
}
@media(max-width:1050px){
  .stats-strip.stats-strip-four{
    grid-template-columns:repeat(2,minmax(210px,1fr));
    max-width:720px;
  }
}
@media(max-width:640px){
  .stats-strip.stats-strip-four{
    grid-template-columns:1fr;
    max-width:390px;
  }
  .stats-strip.stats-strip-four>div{min-height:0}
  .compact-after-hero{padding-bottom:12px}
  .compact-after-hero + .section{padding-top:24px}
}


/* 2026 refinement: Malaysia Network card line break and full office labels */
.number-line{
  align-items:flex-start;
}
.number-line span{
  line-height:1.45;
  padding-top:8px;
}
.mini-map{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.mini-map span{
  white-space:normal;
  line-height:1.2;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:640px){
  .number-line span{padding-top:2px}
  .mini-map{grid-template-columns:1fr}
}

/* 2026 refinement: compact Malaysia Network panel and standardised footer contact blocks */
.hero-panel{
  max-width:420px;
  padding:20px 22px;
  border-radius:24px;
}
.number-line{
  margin:12px 0 16px;
  gap:12px;
}
.number-line strong{
  font-size:64px;
}
.number-line span{
  padding-top:7px;
  line-height:1.35;
  font-size:14px;
}
.mini-map{
  gap:8px 10px;
}
.mini-map span{
  min-height:36px;
  padding:7px 9px;
  font-size:9.5px;
  letter-spacing:.06em;
}
.footer-grid-wide{
  grid-template-columns:1.15fr .65fr 1.05fr 1.2fr;
  gap:26px;
}
.footer-about p{
  max-width:430px;
}
.footer-about p strong{
  color:#fff;
  font-family:Montserrat,sans-serif;
  font-size:12px;
  letter-spacing:.03em;
}
.footer h3{
  color:var(--gold2);
}
.footer p,
.footer a,
.footer .footer-muted{
  font-size:13px;
  line-height:1.55;
}
.footer a{
  word-break:break-word;
}
.footer .footer-muted{
  opacity:.82;
}
@media(max-width:1050px){
  .hero-panel{max-width:none}
  .footer-grid-wide{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .number-line strong{font-size:56px}
  .number-line span{font-size:13px}
  .mini-map{grid-template-columns:1fr 1fr}
  .footer-grid-wide{grid-template-columns:1fr}
}

/* 2026 footer compact alignment refinement */
.footer{
  padding-top:44px;
}
.footer-grid-wide{
  align-items:start;
  gap:22px;
}
.footer h3{
  margin-bottom:12px;
}
.footer p{
  margin-top:0;
  margin-bottom:12px;
}
.footer a,
.footer .footer-muted{
  margin-top:4px;
}
.footer-company-block{
  min-height:78px;
  margin-bottom:8px!important;
}
.footer-company-block strong{
  display:block;
  margin-bottom:6px;
}
.footer-company-block .footer-muted{
  display:block;
  margin-top:2px;
  line-height:1.35;
}
.footer-address-block{
  min-height:88px;
  margin-bottom:10px!important;
}
.footer div:nth-child(3) .footer-address-block,
.footer div:nth-child(4) .footer-address-block{
  padding-top:0;
}
.footer div:nth-child(3) a,
.footer div:nth-child(4) a{
  line-height:1.45;
}
.footer .tiny{
  padding-top:16px;
  padding-bottom:14px;
}
@media(max-width:1050px){
  .footer-company-block,
  .footer-address-block{
    min-height:0;
  }
}

/* 2026 footer refinement: tighter registration grouping like marked-up reference */
.footer-company-block{
  min-height:0!important;
  margin:0 0 20px!important;
  line-height:1.45;
}
.footer-company-block strong{
  display:block;
  margin:0 0 12px!important;
  color:#fff;
}
.footer-company-block .footer-muted{
  display:block;
  margin:0 0 8px!important;
  line-height:1.45;
}
.footer-company-block .footer-muted:last-child{
  margin-bottom:0!important;
}
.footer-address-block{
  min-height:0!important;
  margin:0 0 18px!important;
  line-height:1.55;
}
.footer div:nth-child(3) .footer-address-block,
.footer div:nth-child(4) .footer-address-block{
  padding-top:0!important;
}
.footer h3{
  margin:0 0 18px!important;
}
.footer p,
.footer a,
.footer .footer-muted{
  font-size:13px;
}
.footer a{
  margin-top:5px;
}
.footer-grid-wide{
  align-items:start;
}

/* 2026 refinement: hide reserved Explore Services label and centre director CTA */
.hero-marquee::before{
  content:none!important;
  display:none!important;
}
.hero-marquee{
  justify-content:center!important;
}
.section-head .btn,
.section-head a.btn,
.section-head .view-all-directors,
.section-head a[href*="directors.html"]{
  align-self:center;
}
.director-cta,
.director-view-all,
.leadership-cta{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
a.btn[href*="directors.html"]{
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media(min-width:641px){
  .section-head a.btn[href*="directors.html"]{
    margin-left:auto;
    margin-right:auto;
  }
}

.view-all-directors-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin-inline:auto!important;
}

/* 2026 About page refinement: premium team image treatment */
.about-team-pop-card{
  position:relative;
  overflow:visible;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.about-team-pop-card::before{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 18%,rgba(230,200,120,.42),transparent 28%),
    radial-gradient(circle at 85% 90%,rgba(123,30,39,.24),transparent 30%),
    linear-gradient(135deg,rgba(255,250,241,.78),rgba(196,154,69,.12));
  filter:blur(.2px);
  z-index:0;
}
.about-team-pop-card::after{
  content:"VPC MALAYSIA";
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(9,13,20,.78);
  border:1px solid rgba(230,200,120,.34);
  color:#f7e7b7;
  font-family:Montserrat,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.about-team-pop-card img{
  position:relative;
  z-index:1;
  width:100%;
  height:330px!important;
  object-fit:cover;
  object-position:center;
  border-radius:26px!important;
  border:1px solid rgba(196,154,69,.32);
  box-shadow:
    0 24px 70px rgba(16,18,24,.20),
    0 0 0 10px rgba(255,250,241,.80),
    inset 0 0 0 1px rgba(255,255,255,.35);
  filter:saturate(1.04) contrast(1.04);
  transform:perspective(900px) rotateY(-2.2deg) rotateX(1deg);
  transition:transform .45s ease,filter .45s ease,box-shadow .45s ease;
}
.about-team-pop-card:hover img{
  transform:perspective(900px) rotateY(0deg) rotateX(0deg) translateY(-3px) scale(1.012);
  filter:saturate(1.09) contrast(1.06);
  box-shadow:
    0 32px 90px rgba(16,18,24,.24),
    0 0 0 10px rgba(255,250,241,.86),
    0 0 34px rgba(196,154,69,.22);
}
@media(max-width:1050px){
  .about-team-pop-card img{
    height:300px!important;
    transform:none;
  }
}
@media(max-width:640px){
  .about-team-pop-card::before{inset:-10px}
  .about-team-pop-card img{height:245px!important}
}

/* 2026 About page refinement: moving team photo reveal */
.about-team-pop-card{
  overflow:hidden!important;
  border-radius:30px!important;
}
.about-team-pop-card img{
  height:330px!important;
  width:112%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  animation:vpcTeamPhotoPan 18s ease-in-out infinite alternate;
  transform:none!important;
}
.about-team-pop-card:hover img{
  animation-play-state:paused;
  transform:none!important;
}
@keyframes vpcTeamPhotoPan{
  0%{object-position:left center;filter:saturate(1.04) contrast(1.04)}
  45%{object-position:center center;filter:saturate(1.08) contrast(1.05)}
  100%{object-position:right center;filter:saturate(1.04) contrast(1.04)}
}
@media(max-width:1050px){
  .about-team-pop-card img{
    width:116%!important;
    height:300px!important;
  }
}
@media(max-width:640px){
  .about-team-pop-card img{
    width:125%!important;
    height:245px!important;
    animation-duration:16s;
  }
}
@media(prefers-reduced-motion:reduce){
  .about-team-pop-card img{
    animation:none!important;
    width:100%!important;
    object-fit:contain!important;
  }
}


/* 2026 rollback refinement: replace team image with team.mp4 video */
.about-team-video-card{
  position:relative;
  overflow:hidden !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:30px !important;
}
.about-team-video-card::before{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 18%,rgba(230,200,120,.42),transparent 28%),
    radial-gradient(circle at 85% 90%,rgba(123,30,39,.24),transparent 30%),
    linear-gradient(135deg,rgba(255,250,241,.78),rgba(196,154,69,.12));
  z-index:0;
}
.about-team-video{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:330px !important;
  object-fit:cover;
  object-position:center center;
  border-radius:26px !important;
  border:1px solid rgba(196,154,69,.32);
  box-shadow:
    0 24px 70px rgba(16,18,24,.20),
    0 0 0 10px rgba(255,250,241,.80),
    inset 0 0 0 1px rgba(255,255,255,.35);
  filter:saturate(1.05) contrast(1.04);
  background:#f4eee4;
}
.video-watermark-cover{
  position:absolute;
  top:14px;
  right:14px;
  z-index:4;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(9,13,20,.92);
  border:1px solid rgba(230,200,120,.34);
  color:#f7e7b7;
  font-family:Montserrat,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
.video-caption-pill{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:4;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(9,13,20,.78);
  border:1px solid rgba(230,200,120,.34);
  color:#f7e7b7;
  font-family:Montserrat,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.about-team-video-card:hover .about-team-video{
  filter:saturate(1.10) contrast(1.06);
}
@media(max-width:1050px){
  .about-team-video{height:300px !important;}
}
@media(max-width:640px){
  .about-team-video{height:245px !important;}
  .video-watermark-cover{
    top:10px;
    right:10px;
    padding:7px 10px;
    font-size:9px;
  }
  .video-caption-pill{
    left:12px;
    bottom:12px;
    font-size:9px;
  }
}


/* 2026 About page video refinement: remove bottom-left VPC MALAYSIA pill */
.video-caption-pill{
  display:none!important;
}


/* 2026 About page final video fit refinement */
.about-story-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(620px,0.98fr) !important;
  gap:22px !important;
  align-items:start !important;
}
.about-story-aside{
  gap:16px !important;
}
.about-team-video-card{
  position:relative !important;
  aspect-ratio:700 / 421;
  min-height:0 !important;
  overflow:hidden !important;
}
.about-team-video-card .video-caption-pill{
  display:none !important;
}
.about-team-video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:linear-gradient(180deg,#f7f2e9 0%, #efe5d7 100%) !important;
  border-radius:26px !important;
}
.video-watermark-cover{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:5 !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(9,13,20,.92) !important;
  border:1px solid rgba(230,200,120,.34) !important;
  color:#f7e7b7 !important;
  font-family:Montserrat,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  box-shadow:0 14px 30px rgba(0,0,0,.25) !important;
}
@media(max-width:1200px){
  .about-story-grid{
    grid-template-columns:minmax(0,1fr) minmax(520px,.92fr) !important;
  }
}
@media(max-width:1050px){
  .about-story-grid{
    grid-template-columns:1fr !important;
  }
  .about-team-video-card{
    aspect-ratio:700 / 421;
  }
}
@media(max-width:640px){
  .video-watermark-cover{
    top:10px !important;
    right:10px !important;
    padding:7px 10px !important;
    font-size:9px !important;
  }
}


/* 2026 controlled About layout adjustment from reverted base */
.about-story-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(430px,.78fr) !important;
  gap:24px !important;
  align-items:start !important;
}
.about-story-panel{
  max-width:none !important;
}
.about-story-aside{
  width:100% !important;
  max-width:640px !important;
  justify-self:end !important;
  gap:16px !important;
}
.about-team-video-card{
  width:100% !important;
  max-width:640px !important;
  margin-left:auto !important;
  margin-right:0 !important;
  aspect-ratio:700 / 420 !important;
}
.about-team-video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.video-caption-pill{
  display:none!important;
}
@media(max-width:1150px){
  .about-story-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.82fr) !important;
  }
  .about-story-aside,
  .about-team-video-card{
    max-width:590px !important;
  }
}
@media(max-width:1050px){
  .about-story-grid{
    grid-template-columns:1fr !important;
  }
  .about-story-aside,
  .about-team-video-card{
    max-width:760px !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* 2026 Offices page map overlay refinement */
.offices-page .map-shell-modern{
  overflow:visible !important;
}
.offices-page .map-panel,
.offices-page .network-panel,
.offices-page .map-overlay-card,
.offices-page .map-copy-card{
  width:min(46%, 650px) !important;
  max-width:650px !important;
  min-width:420px !important;
  padding:28px 34px !important;
  top:26px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  border-radius:30px !important;
}
.offices-page .map-panel h2,
.offices-page .network-panel h2,
.offices-page .map-overlay-card h2,
.offices-page .map-copy-card h2{
  max-width:100% !important;
  line-height:1.08 !important;
  margin-bottom:18px !important;
}
.offices-page .map-panel p,
.offices-page .network-panel p,
.offices-page .map-overlay-card p,
.offices-page .map-copy-card p{
  max-width:100% !important;
  line-height:1.6 !important;
}
@media (max-width: 1200px){
  .offices-page .map-panel,
  .offices-page .network-panel,
  .offices-page .map-overlay-card,
  .offices-page .map-copy-card{
    width:min(54%, 610px) !important;
    min-width:380px !important;
    padding:24px 28px !important;
  }
}
@media (max-width: 900px){
  .offices-page .map-panel,
  .offices-page .network-panel,
  .offices-page .map-overlay-card,
  .offices-page .map-copy-card{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 0 18px 0 !important;
  }
}


/* 2026 Offices map focused KK/Sandakan visibility fix */
.offices-page .map-shell-modern{
  padding-left:18px !important;
  padding-right:28px !important;
}
.offices-page .malaysia-svg{
  width:101.5% !important;
  max-width:none !important;
  margin-left:-.75% !important;
  overflow:visible !important;
}
.offices-page .map-pin[aria-label="Kota Kinabalu"] text,
.offices-page .map-pin[aria-label="Sandakan"] text{
  font-size:11.5px !important;
}
.offices-page .map-pin[aria-label="Kota Kinabalu"],
.offices-page .map-pin[aria-label="Sandakan"]{
  pointer-events:all;
}
@media(max-width:1050px){
  .offices-page .malaysia-svg{
    width:100% !important;
    margin-left:0 !important;
  }
}


/* 2026 About map focused KK/Sandakan visibility fix */
.about-page .about-map-section .map-shell-modern{padding-left:18px!important;padding-right:28px!important}
.about-page .about-map-section .malaysia-svg{width:101.5%!important;max-width:none!important;margin-left:-.75%!important;overflow:visible!important}
.about-page .about-map-section .map-pin[aria-label="Kota Kinabalu"] text,
.about-page .about-map-section .map-pin[aria-label="Sandakan"] text{font-size:11.5px!important}
@media(max-width:1050px){.about-page .about-map-section .malaysia-svg{width:100%!important;margin-left:0!important}}


/* 2026 About page: professional associations carousel */
.associations-section{
  padding-top:54px;
  padding-bottom:34px;
}
.association-carousel-wrap{
  position:relative;
  margin-top:22px;
  background:linear-gradient(135deg,rgba(255,250,241,.92),rgba(246,239,227,.72));
  border:1px solid var(--line);
  border-radius:28px;
  padding:20px 54px;
  box-shadow:0 18px 45px rgba(16,18,24,.06);
  overflow:hidden;
}
.association-carousel-wrap::before,
.association-carousel-wrap::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:70px;
  z-index:2;
  pointer-events:none;
}
.association-carousel-wrap::before{
  left:0;
  background:linear-gradient(90deg,var(--bg),rgba(255,250,241,0));
}
.association-carousel-wrap::after{
  right:0;
  background:linear-gradient(270deg,var(--bg),rgba(255,250,241,0));
}
.association-carousel{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:6px 0 12px;
  scrollbar-width:thin;
}
.association-card{
  flex:0 0 210px;
  min-height:132px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  text-decoration:none;
  color:var(--ink);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(196,154,69,.26);
  border-radius:22px;
  padding:18px 16px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.association-card:hover{
  transform:translateY(-4px);
  border-color:rgba(196,154,69,.55);
  box-shadow:0 18px 38px rgba(16,18,24,.10);
}
.association-card img{
  max-width:148px;
  max-height:62px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:saturate(1.02) contrast(1.02);
}
.association-card span{
  font-family:Montserrat,sans-serif;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--muted);
}
.carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(196,154,69,.42);
  background:rgba(9,13,20,.88);
  color:#f7e7b7;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.carousel-prev{left:14px}
.carousel-next{right:14px}
body.dark .association-carousel-wrap{
  background:linear-gradient(135deg,rgba(18,25,35,.92),rgba(12,17,25,.72));
}
body.dark .association-card{
  background:rgba(255,255,255,.06);
}
body.dark .association-carousel-wrap::before{
  background:linear-gradient(90deg,var(--bg),rgba(12,17,25,0));
}
body.dark .association-carousel-wrap::after{
  background:linear-gradient(270deg,var(--bg),rgba(12,17,25,0));
}
@media(max-width:640px){
  .association-carousel-wrap{
    padding:18px 44px;
  }
  .association-card{
    flex-basis:180px;
  }
  .association-card img{
    max-width:128px;
  }
}


/* 2026 About page: automatic association carousel without visible scrollbar */
.association-carousel{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  cursor:grab;
}
.association-carousel::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.association-carousel:active{
  cursor:grabbing;
}
.association-carousel-wrap{
  padding-bottom:20px!important;
}
.association-carousel-wrap .carousel-btn{
  opacity:.88;
  transition:opacity .25s ease, transform .25s ease;
}
.association-carousel-wrap:hover .carousel-btn{
  opacity:1;
}
.association-carousel.is-paused .association-card{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
@media(prefers-reduced-motion:reduce){
  .association-carousel{
    scroll-behavior:auto!important;
  }
}


/* 2026 About page: rotating featured director */
.rotating-featured-director{
  position:relative;
}
.rotating-featured-director.is-changing .leadership-feature-photo img,
.rotating-featured-director.is-changing .leadership-feature-copy{
  opacity:.28;
  transform:translateY(4px);
}
.rotating-featured-director .leadership-feature-photo img,
.rotating-featured-director .leadership-feature-copy{
  transition:opacity .35s ease, transform .35s ease;
}
.featured-director-dots{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:18px;
}
.featured-director-dots button{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  background:rgba(123,30,39,.22);
  cursor:pointer;
  padding:0;
  transition:transform .2s ease, background .2s ease, width .2s ease;
}
.featured-director-dots button.is-active{
  width:24px;
  background:var(--accent);
}
.featured-director-dots button:hover{
  transform:scale(1.16);
}
body.dark .featured-director-dots button{
  background:rgba(230,200,120,.26);
}
body.dark .featured-director-dots button.is-active{
  background:var(--gold);
}


/* 2026 footer update: VPC and Board logos side by side */
.footer-logo-row{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.footer-logo-row .footer-logo{
  width:auto;
  height:66px;
  max-width:130px;
  object-fit:contain;
  background:#fff;
  border-radius:14px;
  padding:6px 8px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.footer-logo-row .board-footer-logo{
  padding:7px 9px;
}
@media(max-width:640px){
  .footer-logo-row{
    gap:10px;
  }
  .footer-logo-row .footer-logo{
    height:58px;
    max-width:116px;
  }
}


/* 2026 About page: fully automatic associations logo carousel */
.auto-logo-carousel-wrap{
  padding-left:26px!important;
  padding-right:26px!important;
}
.auto-logo-carousel-wrap .carousel-btn{
  display:none!important;
}
.auto-logo-carousel-wrap .association-carousel{
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:auto!important;
  cursor:default!important;
}
.auto-logo-carousel-wrap .association-carousel::-webkit-scrollbar{
  display:none!important;
}
.auto-logo-carousel-wrap .association-carousel{
  gap:16px!important;
}
.auto-logo-carousel-wrap .association-carousel .association-card{
  animation:vpcAssociationAutoMove 28s linear infinite;
}
.auto-logo-carousel-wrap:hover .association-card,
.auto-logo-carousel-wrap:focus-within .association-card{
  animation-play-state:paused;
}
@keyframes vpcAssociationAutoMove{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-100% - 16px))}
}
.auto-logo-carousel-wrap .association-card:hover{
  transform:translateY(-4px);
}
@media(prefers-reduced-motion:reduce){
  .auto-logo-carousel-wrap .association-carousel{
    overflow-x:auto!important;
  }
  .auto-logo-carousel-wrap .association-carousel .association-card{
    animation:none!important;
  }
}


/* 2026 Directors page: replicated About director section */
.directors-page .leadership-showcase-section{
  padding-top:58px;
}
.directors-page .leadership-feature{
  margin-top:8px;
}
.directors-page .portrait-row-nine{
  margin-top:18px;
}
.directors-page .directors-hero h1{
  max-width:920px;
}
.directors-page .directors-hero p{
  max-width:760px;
}


/* 2026 rollback base: office button text + hide Explore Services ghost label */
.home-page .view-office-locations-link,
.home-page .view-office-locations-link:visited,
.home-page .view-office-locations-link:hover,
.home-page .cta-card a[href="offices.html"],
.home-page .cta-card a[href="offices.html"]:visited,
.home-page .cta-card a[href="offices.html"]:hover{
  color:#fff !important;
}
.home-page .hero-marquee::before,
.hero-marquee::before{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}


/* 2026 index refinement: permanently hide/remove hero Explore Services button */
.hero-copy .hero-actions a[href="services.html"],
.hero-actions a[href="services.html"]{
  display:none!important;
}
.hero-marquee::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}


/* 2026 contact page refinement: updated Kajang primary and VPC Malaysia details */
.contact-page .primary-contact-card .contact-meta-block{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0 16px;
}
.contact-page .primary-contact-card .contact-meta-block p,
.contact-page .secondary-contact-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.contact-page .primary-contact-card .contact-meta-block strong,
.contact-page .secondary-contact-card strong{
  color:var(--ink);
  font-family:Montserrat,sans-serif;
  font-size:10.5px;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.contact-page .contact-address{
  margin:18px 0;
  line-height:1.58;
}
.contact-page .contact-list{
  display:grid;
  gap:8px;
  margin:16px 0 20px;
}
.contact-page .contact-list a,
.contact-page .contact-list span{
  color:var(--accent);
  font-weight:800;
  text-decoration:none;
}
.contact-page .contact-list span{
  color:var(--muted);
}
.contact-page .secondary-contact-card{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.contact-page .secondary-contact-card h3{
  margin:8px 0 12px;
  font-family:Montserrat,sans-serif;
  font-size:18px;
  letter-spacing:-.02em;
}
.contact-page .contact-list.compact{
  margin-bottom:0;
}
@media(max-width:640px){
  .contact-page .primary-contact-card .contact-meta-block{
    grid-template-columns:1fr;
  }
}


/* 2026 contact page: compact VPC Kajang primary details */
.contact-page .primary-contact-card{
  padding:26px 28px!important;
}
.contact-page .primary-contact-card h2{
  font-size:clamp(34px,4.1vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  margin:8px 0 18px!important;
}
.contact-page .kajang-contact-compact{
  display:grid;
  gap:7px;
  margin:0 0 14px;
}
.contact-page .kajang-contact-compact p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.42!important;
}
.contact-page .kajang-contact-compact strong{
  color:var(--ink);
  font-family:Montserrat,sans-serif;
  font-size:9.7px;
  font-weight:900;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.contact-page .kajang-lines{
  display:grid!important;
  gap:6px!important;
  margin:12px 0 18px!important;
}
.contact-page .kajang-lines a,
.contact-page .kajang-lines span{
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.contact-page .kajang-lines span{
  color:var(--muted)!important;
}
.contact-page .primary-contact-card .btn{
  padding:13px 22px!important;
  font-size:11px!important;
}
.contact-page .contact-form{
  padding:30px!important;
}
.contact-page .contact-form h2{
  font-size:clamp(42px,4.6vw,62px)!important;
}
@media(max-width:640px){
  .contact-page .primary-contact-card h2{
    font-size:38px!important;
  }
}


/* 2026 contact page: combined compact Kajang + VPC Malaysia contact card */
.contact-page .combined-contact-card{
  padding:22px 24px!important;
}
.contact-page .combined-contact-card h2{
  font-size:clamp(31px,3.55vw,46px)!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  margin:6px 0 14px!important;
}
.contact-page .combined-contact-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  align-items:start;
  margin:0 0 14px;
}
.contact-page .contact-mini-block{
  min-width:0;
}
.contact-page .malaysia-mini-block{
  padding-left:14px;
  border-left:1px solid var(--line);
}
.contact-page .mini-contact-title{
  display:block;
  margin:0 0 7px;
  color:var(--accent);
  font-family:Montserrat,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.contact-page .contact-mini-block p{
  margin:0 0 7px!important;
  font-size:12.4px!important;
  line-height:1.33!important;
}
.contact-page .contact-mini-block strong{
  color:var(--ink);
  font-family:Montserrat,sans-serif;
  font-size:8.9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.contact-page .combined-contact-card .contact-lines{
  display:grid!important;
  gap:4px!important;
  margin:7px 0 0!important;
}
.contact-page .combined-contact-card .contact-lines a,
.contact-page .combined-contact-card .contact-lines span{
  font-size:12.2px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-decoration:none!important;
  color:var(--accent)!important;
}
.contact-page .combined-contact-card .contact-lines span{
  color:var(--muted)!important;
}
.contact-page .combined-contact-card .btn{
  margin-top:2px!important;
  padding:12px 20px!important;
  font-size:10.5px!important;
}
@media(max-width:1080px){
  .contact-page .combined-contact-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .contact-page .malaysia-mini-block{
    padding-left:0;
    padding-top:10px;
    border-left:0;
    border-top:1px solid var(--line);
  }
}


/* 2026 contact page: professional compact dual-contact card */
.contact-page .pro-contact-card{
  padding:24px 26px!important;
}
.contact-page .pro-contact-card .contact-card-heading{
  margin-bottom:16px;
}
.contact-page .pro-contact-card h2{
  font-size:clamp(30px,3.25vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  margin:7px 0 8px!important;
}
.contact-page .contact-card-subtitle{
  max-width:500px;
  margin:0!important;
  color:var(--muted);
  font-size:13px!important;
  line-height:1.45!important;
}
.contact-page .pro-contact-grid{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:12px;
  align-items:start;
}
.contact-page .pro-contact-block{
  border:1px solid rgba(196,154,69,.22);
  background:rgba(255,255,255,.38);
  border-radius:18px;
  padding:14px 14px 13px;
}
.contact-page .primary-office-block{
  background:linear-gradient(135deg,rgba(255,250,241,.76),rgba(247,239,225,.54));
}
.contact-page .malaysia-office-block{
  background:rgba(255,255,255,.28);
}
.contact-page .office-tag-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.contact-page .office-tag{
  color:var(--accent);
  font-family:Montserrat,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.contact-page .office-pill{
  padding:5px 9px;
  border-radius:999px;
  background:rgba(123,30,39,.09);
  color:var(--accent);
  font-family:Montserrat,sans-serif;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  border:1px solid rgba(123,30,39,.16);
}
.contact-page .contact-definition-list{
  margin:0;
  display:grid;
  gap:7px;
}
.contact-page .contact-definition-list div{
  display:grid;
  grid-template-columns:98px minmax(0,1fr);
  gap:9px;
  align-items:start;
}
.contact-page .contact-definition-list dt{
  margin:0;
  color:var(--muted);
  font-family:Montserrat,sans-serif;
  font-size:8.4px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.25;
}
.contact-page .contact-definition-list dd{
  margin:0;
  color:var(--ink);
  font-size:12.4px;
  line-height:1.32;
}
.contact-page .contact-definition-list a{
  color:var(--accent);
  font-weight:800;
  text-decoration:none;
}
.contact-page .contact-email-btn{
  margin-top:15px!important;
  padding:12px 20px!important;
  font-size:10.5px!important;
}
.contact-page .contact-form{
  padding:28px 30px!important;
}
.contact-page .contact-form h2{
  font-size:clamp(40px,4.3vw,58px)!important;
}
@media(max-width:1120px){
  .contact-page .pro-contact-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .contact-page .contact-definition-list div{
    grid-template-columns:1fr;
    gap:2px;
  }
}


/* 2026 contact card refinement: wider card and company name inside Kajang block */
.contact-page .contact-layout,
.contact-page .compact-contact-layout{
  grid-template-columns:minmax(470px,1.04fr) minmax(420px,.96fr)!important;
  gap:22px!important;
}
.contact-page .pro-contact-card{
  padding:24px 28px!important;
}
.contact-page .pro-contact-card .contact-card-heading{
  margin-bottom:12px!important;
}
.contact-page .pro-contact-card .contact-card-heading h2,
.contact-page .pro-contact-card .contact-card-subtitle{
  display:none!important;
}
.contact-page .pro-contact-grid{
  grid-template-columns:1.1fr .9fr!important;
  gap:14px!important;
}
.contact-page .office-tag-row{
  align-items:flex-start!important;
}
.contact-page .company-office-tag{
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.10em!important;
}
.contact-page .office-pill{
  margin-top:1px!important;
}
.contact-page .contact-definition-list div{
  grid-template-columns:104px minmax(0,1fr)!important;
}
.contact-page .contact-definition-list dd{
  font-size:12.8px!important;
}
@media(max-width:1120px){
  .contact-page .contact-layout,
  .contact-page .compact-contact-layout{
    grid-template-columns:1fr!important;
  }
  .contact-page .pro-contact-grid{
    grid-template-columns:1fr!important;
  }
}


/* 2026 contact layout widening: give the dual contact card more room so both detail boxes fit cleanly */
.contact-page .contact-layout,
.contact-page .compact-contact-layout{
  max-width:1320px!important;
  grid-template-columns:minmax(620px,1.18fr) minmax(350px,.82fr)!important;
  gap:24px!important;
}
.contact-page .pro-contact-card{
  padding:24px 30px!important;
}
.contact-page .pro-contact-grid{
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.contact-page .pro-contact-block{
  padding:15px 16px 14px!important;
}
.contact-page .contact-definition-list div{
  grid-template-columns:90px minmax(0,1fr)!important;
  gap:10px!important;
}
.contact-page .contact-definition-list dt{
  font-size:8px!important;
  letter-spacing:.07em!important;
}
.contact-page .contact-definition-list dd{
  font-size:12.2px!important;
  line-height:1.28!important;
}
.contact-page .malaysia-office-block .contact-definition-list dd,
.contact-page .malaysia-office-block .contact-definition-list a{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
@media(max-width:1120px){
  .contact-page .contact-layout,
  .contact-page .compact-contact-layout{
    max-width:none!important;
    grid-template-columns:1fr!important;
  }
  .contact-page .pro-contact-grid{
    grid-template-columns:1fr!important;
  }
}


/* 2026 contact refinement: stack VPC Malaysia below VPC Kajang */
.contact-page .contact-layout,
.contact-page .compact-contact-layout{
  max-width:1260px!important;
  grid-template-columns:minmax(470px,.92fr) minmax(520px,1.08fr)!important;
  gap:22px!important;
}
.contact-page .pro-contact-grid{
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.contact-page .pro-contact-block{
  width:100%!important;
  padding:14px 16px!important;
}
.contact-page .contact-definition-list div{
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:12px!important;
}
.contact-page .contact-definition-list dd{
  font-size:12.8px!important;
  line-height:1.32!important;
}
.contact-page .malaysia-office-block{
  background:rgba(255,255,255,.32)!important;
}
.contact-page .contact-email-btn{
  margin-top:14px!important;
}
@media(max-width:1120px){
  .contact-page .contact-layout,
  .contact-page .compact-contact-layout{
    grid-template-columns:1fr!important;
  }
}


/* 2026 contact stacked layout: slightly larger readable content */
.contact-page .pro-contact-block{
  padding:16px 18px!important;
}
.contact-page .office-tag,
.contact-page .company-office-tag{
  font-size:12.5px!important;
  line-height:1.28!important;
}
.contact-page .office-pill{
  font-size:9.5px!important;
  padding:6px 10px!important;
}
.contact-page .contact-definition-list{
  gap:8px!important;
}
.contact-page .contact-definition-list div{
  grid-template-columns:130px minmax(0,1fr)!important;
  gap:14px!important;
}
.contact-page .contact-definition-list dt{
  font-size:9px!important;
  line-height:1.25!important;
}
.contact-page .contact-definition-list dd{
  font-size:14px!important;
  line-height:1.38!important;
}
.contact-page .contact-definition-list a{
  font-size:14px!important;
}
.contact-page .contact-email-btn{
  font-size:11px!important;
}
@media(max-width:640px){
  .contact-page .contact-definition-list div{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
}


/* VPC Malaysia front-end protection layer */
html, body, img, video, svg, a, p, h1, h2, h3, h4, h5, h6, span, div, section, article, header, footer, nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
input, textarea, select, option, label, button {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}
img, video, svg {
  -webkit-user-drag: none;
  user-drag: none;
}
#vpc-protection-notice{
  position:fixed;
  inset:auto 24px 24px auto;
  z-index:999999;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(9,13,20,.94);
  color:#f7e7b7;
  border:1px solid rgba(230,200,120,.35);
  box-shadow:0 18px 45px rgba(0,0,0,.30);
  font-family:Montserrat,Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}
#vpc-protection-notice span{
  display:block;
  margin-top:4px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
  color:rgba(255,255,255,.72);
}
.vpc-protection-active body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:999990;
  background:rgba(8,11,17,.12);
  pointer-events:none;
  backdrop-filter:blur(1px);
}
@media print{
  body{display:none!important}
}


/* 2026 About page actual visible premium bank chips */
.premium-bank-panel-list{
  margin-top:22px;
  padding:24px;
  border:1px solid rgba(196,154,69,.28);
  border-radius:30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(230,200,120,.22), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(123,30,39,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,250,241,.96), rgba(247,239,225,.76));
  box-shadow:0 24px 60px rgba(16,18,24,.08);
  position:relative;
  overflow:hidden;
}
.premium-bank-panel-list::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:rgba(196,154,69,.10);
  border:1px solid rgba(196,154,69,.22);
  pointer-events:none;
}
.bank-panel-header{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:20px;
}
.bank-panel-header h3{
  margin:6px 0 8px;
  font-family:Lora,serif;
  font-size:clamp(24px,2.4vw,36px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.bank-panel-header p{
  max-width:760px;
  margin:0;
  color:var(--muted);
}
.bank-panel-count{
  flex:0 0 auto;
  min-width:96px;
  height:96px;
  border-radius:26px;
  display:grid;
  place-items:center;
  text-align:center;
  background:linear-gradient(135deg,var(--gold),#edcf73);
  color:#111;
  box-shadow:0 16px 36px rgba(196,154,69,.28);
}
.bank-panel-count strong{
  display:block;
  font-family:Montserrat,sans-serif;
  font-size:30px;
  line-height:1;
  font-weight:900;
}
.bank-panel-count span{
  display:block;
  margin-top:4px;
  font-family:Montserrat,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.premium-bank-chip-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.bank-logo-chip{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(196,154,69,.22);
  border-radius:16px;
  background:rgba(255,255,255,.66);
  box-shadow:0 10px 26px rgba(16,18,24,.04);
  font-size:13.5px;
  line-height:1.25;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.bank-logo-chip:hover{
  transform:translateY(-3px);
  border-color:rgba(196,154,69,.55);
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 34px rgba(16,18,24,.09);
}
.bank-initial{
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(123,30,39,.95),rgba(95,22,31,.95));
  color:#f7e7b7;
  font-family:Montserrat,sans-serif;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(123,30,39,.18);
}
body.dark .premium-bank-panel-list{
  background:
    radial-gradient(circle at 10% 0%, rgba(230,200,120,.18), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(123,30,39,.20), transparent 34%),
    linear-gradient(135deg, rgba(18,25,35,.96), rgba(12,17,25,.80));
}
body.dark .bank-logo-chip{
  background:rgba(255,255,255,.06);
}
body.dark .bank-logo-chip:hover{
  background:rgba(255,255,255,.10);
}
@media(max-width:1050px){
  .premium-bank-chip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .premium-bank-panel-list{
    padding:18px;
    border-radius:24px;
  }
  .bank-panel-header{
    flex-direction:column;
  }
  .bank-panel-count{
    min-width:76px;
    height:76px;
    border-radius:20px;
  }
  .bank-panel-count strong{
    font-size:24px;
  }
  .premium-bank-chip-grid{
    grid-template-columns:1fr;
  }
}


/* 2026 homepage: replace Dato Mani feature card with compact team video */
.home-team-video-card{
  width:min(684px, 100%)!important;
  margin:22px auto 0!important;
}
.home-team-video-frame{
  position:relative;
  overflow:hidden;
  border-radius:26px!important;
  border:1px solid rgba(196,154,69,.28);
  background:linear-gradient(135deg,rgba(255,250,241,.9),rgba(247,239,225,.7));
  box-shadow:0 24px 60px rgba(16,18,24,.10);
  padding:8px!important;
}
.home-team-video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center;
  border-radius:20px!important;
  background:#111;
}
.home-team-video-frame .video-watermark-cover.top-right{
  position:absolute;
  top:19px!important;
  right:19px!important;
  z-index:3;
  padding:10px 17px!important;
  border-radius:999px;
  background:rgba(13,18,24,.94);
  color:#f7e7b7;
  font-family:Montserrat,sans-serif;
  font-size:11px!important;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  pointer-events:none;
}
@media(max-width:760px){
  .home-team-video-card{
    width:100%!important;
    margin-top:16px!important;
  }
  .home-team-video-frame{
    border-radius:22px!important;
    padding:7px!important;
  }
  .home-team-video{
    border-radius:16px!important;
  }
  .home-team-video-frame .video-watermark-cover.top-right{
    top:14px!important;
    right:14px!important;
    padding:8px 13px!important;
    font-size:9px!important;
  }
}


/* 2026 index correction: restore contained director grid spacing */
.home-page .portrait-row,
.home-page .portrait-row-nine,
.portrait-row,
.portrait-row-nine{
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
.home-page .portrait-row .portrait-mini,
.home-page .portrait-row-nine .portrait-mini{
  min-width:0!important;
}
@media(max-width:640px){
  .home-page .portrait-row,
  .home-page .portrait-row-nine,
  .portrait-row,
  .portrait-row-nine{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}


/* 2026 floating back-to-top button */
.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9998;
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid rgba(196,154,69,.28);
  background:rgba(255,250,241,.92);
  color:var(--accent);
  box-shadow:0 18px 38px rgba(16,18,24,.16);
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease, background .22s ease;
  backdrop-filter:blur(10px);
}
.back-to-top span{
  font-family:Montserrat,Arial,sans-serif;
  font-size:30px;
  line-height:1;
  font-weight:900;
  transform:translateY(3px);
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{
  background:linear-gradient(135deg,var(--gold),#edcf73);
  color:#111;
  transform:translateY(-3px);
}
body.dark .back-to-top{
  background:rgba(13,18,24,.90);
  color:#f7e7b7;
  border-color:rgba(230,200,120,.28);
}
body.dark .back-to-top:hover{
  background:linear-gradient(135deg,var(--gold),#edcf73);
  color:#111;
}
@media(max-width:640px){
  .back-to-top{
    right:16px;
    bottom:16px;
    width:48px;
    height:48px;
    border-radius:14px;
  }
  .back-to-top span{
    font-size:26px;
  }
}


/* 2026 focused mobile optimisation pass: 390px, 430px and 768px */
html{
  scroll-padding-top:78px;
}
img, video{
  max-width:100%;
}
@media(max-width:900px){
  .container{
    width:min(100% - 32px, 1180px)!important;
  }
  .nav,
  .site-header .nav,
  header .nav{
    gap:12px!important;
  }
  .nav-links,
  .main-nav,
  header nav ul{
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px 12px!important;
  }
  .nav a,
  header nav a{
    font-size:11px!important;
    letter-spacing:.08em!important;
  }
  .hero,
  .page-hero,
  .profile-hero{
    padding-top:112px!important;
    padding-bottom:52px!important;
  }
  .hero-grid,
  .split,
  .about-story-grid,
  .profile-hero-grid,
  .contact-layout,
  .compact-contact-layout,
  .footer-grid,
  .footer-grid-wide{
    grid-template-columns:1fr!important;
  }
  .hero h1,
  .page-hero h1,
  .profile-title h1,
  .cta-card h2{
    font-size:clamp(38px,8.5vw,64px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
  .section-head,
  .section-head.split-title,
  .section-head.centre-head{
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
  }
  .section-head h2{
    font-size:clamp(34px,7vw,50px)!important;
    line-height:1.04!important;
  }
  .stats-grid,
  .service-grid,
  .cards-grid,
  .office-grid,
  .profile-grid,
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .portrait-row-all,
  .director-grid,
  .director-layout{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .portrait-mini{
    padding:14px!important;
  }
  .portrait-mini img{
    height:220px!important;
    object-fit:cover!important;
    object-position:top center!important;
  }
  .home-team-video-card{
    width:min(620px,100%)!important;
  }
  .home-team-video-frame{
    border-radius:24px!important;
  }
  .home-team-video-frame .video-watermark-cover.top-right,
  .video-watermark-cover{
    font-size:9.5px!important;
    padding:9px 13px!important;
  }
  .office-map-card,
  .network-map,
  .map-stage{
    overflow:hidden!important;
    border-radius:24px!important;
  }
  .map-label,
  .office-map-label{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .premium-bank-chip-grid,
  .bank-chip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .client-grid,
  .logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .contact-form input,
  .contact-form select,
  .contact-form textarea{
    font-size:16px!important;
  }
  .contact-form h2{
    font-size:clamp(38px,7vw,54px)!important;
  }
  .pro-contact-grid{
    grid-template-columns:1fr!important;
  }
  .back-to-top{
    width:50px!important;
    height:50px!important;
    right:16px!important;
    bottom:16px!important;
  }
}
@media(max-width:768px){
  body{
    overflow-x:hidden!important;
  }
  .section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .page-hero p,
  .hero p,
  .section-head p,
  .cta-card p{
    font-size:16px!important;
    line-height:1.55!important;
  }
  .hero-actions,
  .profile-actions,
  .cta-card div{
    gap:10px!important;
  }
  .btn{
    min-height:44px!important;
    padding:13px 18px!important;
    font-size:11px!important;
  }
  .service-nav,
  .service-strip,
  .services-strip{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
    padding-left:16px!important;
    padding-right:16px!important;
    scroll-snap-type:x proximity;
  }
  .service-nav a,
  .service-strip a,
  .services-strip a{
    flex:0 0 auto!important;
    scroll-snap-align:start;
  }
  .about-team-video,
  .home-team-video{
    aspect-ratio:16/9!important;
    object-fit:contain!important;
  }
  .about-team-video-card{
    max-width:100%!important;
  }
  .professional-associations-carousel,
  .association-carousel,
  .assoc-carousel{
    overflow:hidden!important;
  }
  .contact-page .contact-layout,
  .contact-page .compact-contact-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .contact-page .pro-contact-card,
  .contact-page .contact-form{
    padding:22px!important;
  }
  .contact-definition-list div{
    grid-template-columns:110px minmax(0,1fr)!important;
  }
  .footer{
    padding-bottom:72px!important;
  }
}
@media(max-width:520px){
  .container{
    width:min(100% - 28px, 1180px)!important;
  }
  .hero,
  .page-hero,
  .profile-hero{
    padding-top:96px!important;
    padding-bottom:42px!important;
  }
  .hero h1,
  .page-hero h1,
  .profile-title h1,
  .cta-card h2{
    font-size:clamp(34px,11vw,48px)!important;
  }
  .section-head h2,
  .about-story-panel h2{
    font-size:clamp(30px,9vw,42px)!important;
  }
  .leadership-showcase .section-head{
    text-align:left!important;
  }
  .home-team-video-card{
    width:100%!important;
    margin-top:14px!important;
  }
  .home-team-video-frame{
    padding:6px!important;
    border-radius:22px!important;
  }
  .home-team-video{
    border-radius:16px!important;
  }
  .home-team-video-frame .video-watermark-cover.top-right{
    top:13px!important;
    right:13px!important;
    font-size:8.5px!important;
    padding:8px 11px!important;
  }
  .portrait-row-all,
  .director-grid,
  .director-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .portrait-mini{
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .portrait-mini img{
    height:250px!important;
  }
  .premium-bank-chip-grid,
  .bank-chip-grid,
  .client-grid,
  .logo-grid{
    grid-template-columns:1fr!important;
  }
  .bank-panel-header{
    flex-direction:column!important;
  }
  .bank-panel-count{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
  }
  .contact-definition-list div{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  .contact-page .pro-contact-card,
  .contact-page .contact-form{
    padding:20px!important;
    border-radius:22px!important;
  }
  .contact-page .contact-form h2{
    font-size:36px!important;
  }
  .contact-page .contact-form input,
  .contact-page .contact-form select{
    min-height:48px!important;
  }
  .contact-page .contact-form textarea{
    min-height:120px!important;
  }
  .footer-logo-row{
    flex-wrap:wrap!important;
    gap:10px!important;
  }
}
@media(max-width:430px){
  .container{
    width:min(100% - 24px, 1180px)!important;
  }
  .hero h1,
  .page-hero h1,
  .cta-card h2{
    font-size:clamp(32px,10.5vw,44px)!important;
  }
  .section{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  .card,
  .service-card,
  .profile-card,
  .office-card,
  .cta-card,
  .premium-bank-panel-list{
    border-radius:22px!important;
  }
  .about-story-panel,
  .contact-panel,
  .contact-form{
    border-radius:22px!important;
  }
  .map-label,
  .office-map-label{
    font-size:9px!important;
    padding:5px 8px!important;
  }
  .btn{
    width:auto!important;
  }
  .hero-actions .btn,
  .cta-card .btn{
    width:100%!important;
    justify-content:center!important;
  }
  .back-to-top{
    width:46px!important;
    height:46px!important;
  }
}
@media(max-width:390px){
  .container{
    width:min(100% - 22px, 1180px)!important;
  }
  .hero h1,
  .page-hero h1{
    font-size:34px!important;
  }
  .section-head h2{
    font-size:31px!important;
  }
  .eyebrow{
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
  .portrait-mini img{
    height:230px!important;
  }
  .home-team-video-frame .video-watermark-cover.top-right{
    font-size:7.8px!important;
    padding:7px 10px!important;
  }
  .office-tag,
  .company-office-tag{
    font-size:10.5px!important;
  }
  .contact-definition-list dd{
    font-size:13.2px!important;
  }
}

/* 2026 corrected all-page hero-bg marquee
   Keeps original hero dimensions/layout and places images behind page headings. */
.hero,
.page-hero,
.profile-hero,
.hero-home{
  position:relative;
  overflow:hidden;
}
.hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg, rgba(6,9,14,.82), rgba(6,9,14,.52), rgba(6,9,14,.68)),
    url('assets/hero-marquee-bamboo.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.hero-bg::before,
.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  will-change:opacity;
}
.hero-bg::before{
  background-image:
    linear-gradient(90deg, rgba(6,9,14,.82), rgba(6,9,14,.52), rgba(6,9,14,.68)),
    url('assets/hero-marquee-klcc.jpg');
  animation:vpcHeroBgMarqueeTwo 15s infinite ease-in-out;
}
.hero-bg::after{
  background-image:
    linear-gradient(90deg, rgba(6,9,14,.82), rgba(6,9,14,.52), rgba(6,9,14,.68)),
    url('assets/hero-marquee-trx.jpg');
  animation:vpcHeroBgMarqueeThree 15s infinite ease-in-out;
}
.hero > :not(.hero-bg),
.page-hero > :not(.hero-bg),
.profile-hero > :not(.hero-bg),
.hero-home > :not(.hero-bg){
  position:relative;
  z-index:2;
}
@keyframes vpcHeroBgMarqueeTwo{
  0%, 22%{opacity:0;}
  32%, 56%{opacity:1;}
  66%, 100%{opacity:0;}
}
@keyframes vpcHeroBgMarqueeThree{
  0%, 55%{opacity:0;}
  66%, 90%{opacity:1;}
  100%{opacity:0;}
}

/* 2026 animated statistics and network details */
.milestone-card,
.stat-card,
.stats-card,
.timeline-card,
.hero-panel,
.network-panel,
.panel-card{
  will-change:transform, opacity;
}
.vpc-animate-ready{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .78s cubic-bezier(.22,.61,.36,1),
    transform .78s cubic-bezier(.22,.61,.36,1);
}
.vpc-animate-ready.vpc-animate-in{
  opacity:1;
  transform:translateY(0);
}
.vpc-animate-ready .mini-map span,
.vpc-animate-ready .network-chip,
.vpc-animate-ready .tag,
.vpc-animate-ready .pill{
  opacity:0;
  transform:translateY(8px);
  transition:
    opacity .55s cubic-bezier(.22,.61,.36,1),
    transform .55s cubic-bezier(.22,.61,.36,1);
}
.vpc-animate-ready.vpc-animate-in .mini-map span,
.vpc-animate-ready.vpc-animate-in .network-chip,
.vpc-animate-ready.vpc-animate-in .tag,
.vpc-animate-ready.vpc-animate-in .pill{
  opacity:1;
  transform:translateY(0);
}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(1),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(1),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(1),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(1){transition-delay:.06s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(2),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(2),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(2),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(2){transition-delay:.12s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(3),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(3),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(3),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(3){transition-delay:.18s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(4),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(4),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(4),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(4){transition-delay:.24s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(5),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(5),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(5),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(5){transition-delay:.30s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(6),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(6),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(6),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(6){transition-delay:.36s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(7),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(7),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(7),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(7){transition-delay:.42s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(8),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(8),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(8),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(8){transition-delay:.48s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(9),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(9),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(9),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(9){transition-delay:.54s;}
.vpc-animate-ready.vpc-animate-in .mini-map span:nth-child(10),
.vpc-animate-ready.vpc-animate-in .network-chip:nth-child(10),
.vpc-animate-ready.vpc-animate-in .tag:nth-child(10),
.vpc-animate-ready.vpc-animate-in .pill:nth-child(10){transition-delay:.60s;}

.vpc-counting{
  display:inline-block;
  font-variant-numeric:tabular-nums;
}
@media(prefers-reduced-motion:reduce){
  .vpc-animate-ready,
  .vpc-animate-ready .mini-map span,
  .vpc-animate-ready .network-chip,
  .vpc-animate-ready .tag,
  .vpc-animate-ready .pill{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* 2026 home hero spacing refinement after removing Meet the Directors button */
.hero-home .hero-copy p{
  margin-bottom:0!important;
}
.hero-home .hero-grid{
  padding-bottom:clamp(18px, 2.6vw, 34px)!important;
}
.hero-home{
  padding-bottom:0!important;
}
.hero-home .hero-marquee{
  margin-top:clamp(-34px, -2.2vw, -18px)!important;
  position:relative;
  z-index:3;
}
@media(max-width:900px){
  .hero-home .hero-grid{
    padding-bottom:24px!important;
  }
  .hero-home .hero-marquee{
    margin-top:-18px!important;
  }
}
@media(max-width:560px){
  .hero-home .hero-grid{
    padding-bottom:20px!important;
  }
  .hero-home .hero-marquee{
    margin-top:-12px!important;
  }
}


/* 2026 VPC Kajang pill navigation link */
.navlinks .vpc-kajang-pill,
.site-nav .vpc-kajang-pill,
.vpc-kajang-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 16px!important;
  border:1px solid rgba(219,176,89,.55);
  border-radius:999px;
  color:#f3d77b!important;
  background:rgba(219,176,89,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  white-space:nowrap;
  letter-spacing:.08em;
}
.navlinks .vpc-kajang-pill:hover,
.site-nav .vpc-kajang-pill:hover,
.vpc-kajang-pill:hover{
  background:rgba(219,176,89,.16);
  border-color:rgba(219,176,89,.82);
  color:#ffe7a0!important;
}
@media(max-width:1180px){
  .navlinks .vpc-kajang-pill,
  .site-nav .vpc-kajang-pill,
  .vpc-kajang-pill{
    min-height:32px;
    padding:0 12px!important;
    font-size:11px;
  }
}

/* 2026 Bank Panel full logo card layout */
.bank-panel-section{
  padding-top:clamp(40px, 6vw, 78px);
  padding-bottom:clamp(40px, 6vw, 78px);
}
.premium-bank-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(211,166,79,.34);
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(211,166,79,.18), transparent 26%),
    linear-gradient(135deg, rgba(255,250,240,.98), rgba(244,236,220,.72));
  box-shadow:0 24px 70px rgba(39,31,20,.10);
  padding:clamp(22px, 3vw, 34px);
}
.premium-bank-card::before{
  content:"";
  position:absolute;
  right:-46px;
  top:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  border:1px solid rgba(211,166,79,.28);
  background:rgba(211,166,79,.10);
  pointer-events:none;
}
.premium-bank-count{
  position:absolute;
  right:28px;
  top:22px;
  z-index:2;
  width:92px;
  height:92px;
  border-radius:18px;
  background:linear-gradient(145deg, #d8ad45, #f4d369);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#0b0c0e;
  box-shadow:0 18px 38px rgba(109,77,21,.18);
  text-transform:uppercase;
}
.premium-bank-count strong{
  font-size:32px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.premium-bank-count span{
  margin-top:7px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.bank-panel-heading{
  max-width:860px;
  padding-right:120px;
}
.bank-panel-heading h2{
  margin:.3rem 0 .55rem;
  max-width:760px;
  font-size:clamp(28px, 3.1vw, 44px);
  line-height:.96;
}
.bank-panel-heading p{
  max-width:780px;
  margin:0;
  color:rgba(35,31,28,.78);
  font-size:clamp(13px, 1vw, 15px);
  line-height:1.55;
}
.bank-logo-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  margin-top:24px;
  margin-bottom:22px;
}
.bank-logo-card{
  min-height:86px;
  border:1px solid rgba(211,166,79,.24);
  border-radius:14px;
  background:rgba(255,253,248,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(48,38,25,.06);
}
.bank-logo-card img{
  display:block!important;
  max-width:170px!important;
  max-height:56px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.bank-logo-uob img{max-width:205px!important;max-height:68px!important;}
.bank-logo-hap-seng img{max-width:198px!important;max-height:68px!important;}
.bank-logo-rhb img{max-width:196px!important;max-height:70px!important;}
.bank-logo-mbsb img{max-width:194px!important;max-height:70px!important;}
.bank-logo-bsn img{max-width:198px!important;max-height:70px!important;}
.kajang-bank-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px 14px;
}
.bank-chip{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  border:1px solid rgba(211,166,79,.22);
  border-radius:12px;
  background:rgba(255,253,248,.82);
  padding:8px 12px;
  box-shadow:0 10px 22px rgba(48,38,25,.045);
}
.bank-chip b{
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#852431;
  color:#fff6dc;
  font-size:12px;
  font-weight:900;
}
.bank-chip span{
  margin:0;
  color:#1a1716;
  font-size:13px;
  line-height:1.24;
}
@media(max-width:980px){
  .bank-logo-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .kajang-bank-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .bank-logo-card img{max-width:150px!important;max-height:52px!important;}
  .bank-logo-uob img,
  .bank-logo-hap-seng img,
  .bank-logo-rhb img,
  .bank-logo-mbsb img,
  .bank-logo-bsn img{
    max-width:170px!important;
    max-height:58px!important;
  }
}
@media(max-width:640px){
  .premium-bank-card{padding:22px 16px;}
  .premium-bank-count{
    position:relative;
    right:auto;
    top:auto;
    margin-left:auto;
    margin-bottom:12px;
    width:82px;
    height:82px;
  }
  .bank-panel-heading{padding-right:0;}
  .bank-logo-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .kajang-bank-grid{grid-template-columns:1fr;}
  .bank-logo-card img{max-width:132px!important;max-height:44px!important;}
  .bank-logo-uob img,
  .bank-logo-hap-seng img,
  .bank-logo-rhb img,
  .bank-logo-mbsb img,
  .bank-logo-bsn img{
    max-width:145px!important;
    max-height:50px!important;
  }
}
