:root {
  --green: #008f64;
  --green-dark: #006b4d;
  --green-black: #10362f;
  --lime: #9dc734;
  --ink: #152025;
  --muted: #657176;
  --paper: #f3f3ef;
  --line: #d7dbd8;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.shell { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.shell-wide { width: min(1320px, calc(100% - 80px)); margin-inline: auto; }
.section { padding-block: 110px; }

.hero { position: relative; min-height: 760px; overflow: hidden; color: #fff; background: url("./apac-crossing.avif") center 38% / cover no-repeat; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,28,23,.65), rgba(7,41,31,.26) 56%, rgba(7,30,25,.42)), linear-gradient(180deg, rgba(5,20,18,.43), transparent 42%, rgba(4,20,15,.4)); }
.utility { position: relative; z-index: 3; height: 82px; display: flex; justify-content: space-between; align-items: center; font-size: 10px; font-weight: 700; letter-spacing: .6px; }
.utility div { display: flex; gap: 28px; }.utility a { opacity: .92; }.utility a:hover { opacity: 1; text-decoration: underline; }
.social-link { font-size: 13px; }
.site-header { position: relative; z-index: 4; color: var(--ink); background: rgba(255,255,255,.97); border-radius: 4px; box-shadow: 0 16px 35px rgba(3,22,16,.16); overflow: hidden; }
.identity-row { min-height: 62px; padding-left: 24px; display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; align-items: center; gap: 12px; }
.logo-symbol { position: relative; width: 33px; height: 33px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding: 5px; background: var(--green); overflow: hidden; }
.logo-symbol i { display: block; background: #fff; clip-path: polygon(0 45%, 100% 0, 70% 100%); opacity: .95; }.logo-symbol i:nth-child(2), .logo-symbol i:nth-child(3) { transform: rotate(180deg); opacity: .76; }
.logo strong { font-size: 17px; letter-spacing: -.3px; }.logo .region { padding-left: 12px; border-left: 1px solid #9ba3a1; font-size: 13px; font-weight: 400; letter-spacing: .7px; }.logo small { font-size: 11px; font-weight: 700; }
.header-tools { align-self: stretch; display: flex; }.header-tools button { width: 68px; border: 0; background: #fff; font-size: 11px; cursor: pointer; }.search { width: 62px; display: grid; place-items: center; color: #fff; background: var(--green); font-size: 29px; font-weight: 200; }
.primary-nav { min-height: 58px; padding-inline: 24px; display: flex; align-items: center; gap: clamp(24px,3.3vw,48px); border-top: 1px solid #e4e6e4; font-size: 11px; font-weight: 700; letter-spacing: .2px; }
.primary-nav a { position: relative; }.primary-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 2px; background: var(--green); transition: right .2s; }.primary-nav a:hover::after { right: 0; }
.mobile-nav { display: none; }
.hero-title { position: relative; z-index: 2; padding-top: 118px; }
.hero-title > p { margin: 0 0 18px; font-size: 11px; letter-spacing: 3px; font-weight: 700; }
.hero h1 { width: min(850px, 100%); margin: 0; font-size: clamp(54px, 6.2vw, 82px); line-height: 1.03; font-weight: 300; letter-spacing: -2.8px; }
.round-link { margin-top: 45px; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; font-size: 22px; transition: .2s; }.round-link:hover { color: var(--ink); background: #fff; transform: translateY(3px); }
.photo-credit { position: absolute; z-index: 2; right: 20px; bottom: 16px; color: rgba(255,255,255,.7); font-size: 9px; }

.section-label { display: flex; align-items: center; gap: 14px; color: var(--green); font-size: 10px; letter-spacing: 1.8px; }.section-label span { font-family: monospace; }.section-label b { position: relative; padding-left: 42px; }.section-label b::before { content: ""; position: absolute; left: 0; top: 50%; width: 28px; height: 1px; background: var(--green); }
.section-label.light { color: #8ae1bd; }.section-label.light b::before { background: #8ae1bd; }
.intro-grid { margin-top: 45px; display: grid; grid-template-columns: 1.25fr 1fr; gap: 100px; }
.intro h2, .heading-row h2, .commitment-heading h2, .locations h2, .contact h2 { margin: 0; font-size: clamp(42px,5vw,64px); line-height: 1.08; font-weight: 300; letter-spacing: -2.2px; }
h2 em { color: var(--green); font-family: Georgia, serif; font-weight: 400; }
.intro-grid h3 { margin: 0 0 20px; font-size: 22px; line-height: 1.35; font-weight: 500; }.intro-grid p { color: var(--muted); font-size: 15px; line-height: 1.8; }
.text-cta { display: inline-flex; gap: 18px; margin-top: 18px; padding-bottom: 8px; border-bottom: 2px solid var(--green); color: var(--green-dark); font-size: 11px; font-weight: 800; letter-spacing: .8px; }
.metrics { margin-top: 85px; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.metrics > div { padding: 35px 25px; border-right: 1px solid var(--line); }.metrics > div:first-child { padding-left: 0; }.metrics > div:last-child { border: 0; }.metrics strong, .metrics span { display: block; }.metrics strong { color: var(--green-dark); font-size: 32px; font-weight: 400; }.metrics span { margin-top: 8px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .7px; }.illustrative { display: block; margin-top: 12px; color: #9ba3a1; font-size: 9px; }

.audiences { display: grid; grid-template-columns: repeat(3,1fr); min-height: 580px; }
.audience-card { position: relative; overflow: hidden; display: flex; align-items: flex-end; padding: 55px; color: #fff; background: #123a31; isolation: isolate; }
.audience-card::before, .audience-card::after { content: ""; position: absolute; inset: 0; z-index: -2; transition: transform .5s; }
.audience-card::after { z-index: -1; background: linear-gradient(180deg, transparent 15%, rgba(5,27,21,.91)); }
.audience-card:hover::before { transform: scale(1.06); }
.corporate::before { background: url("./singapore-skyline.avif") center / cover; }
.wealth::before { background: radial-gradient(circle at 75% 20%, #a5cc45 0 2%, transparent 2.5%), linear-gradient(135deg,#167c5f,#123b34 63%,#08271f); }
.asset::before { background: repeating-linear-gradient(115deg, transparent 0 28px, rgba(255,255,255,.05) 29px 31px), linear-gradient(145deg,#417b54,#142d2c); }
.audience-card > div { position: relative; }.audience-card p { color: #b6f0d8; font-size: 10px; letter-spacing: 1.4px; }.audience-card h3 { max-width: 360px; min-height: 145px; margin: 17px 0 22px; font-size: 28px; line-height: 1.25; font-weight: 300; }.audience-card a { display: inline-flex; gap: 15px; padding-bottom: 7px; border-bottom: 1px solid rgba(255,255,255,.7); font-size: 10px; font-weight: 800; letter-spacing: .8px; }
.card-index { position: absolute; top: 35px; left: 40px; font-family: monospace; color: rgba(255,255,255,.55); }

.heading-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }.heading-row h2 { margin-top: 22px; }
.outline-button, .white-button { display: inline-flex; justify-content: center; gap: 18px; min-width: 140px; padding: 16px 22px; border: 1px solid var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .9px; }.outline-button:hover { color: #fff; background: var(--ink); }
.news-grid { margin-top: 55px; display: grid; grid-template-columns: 1.15fr 1fr 1fr; border: 1px solid var(--line); }
.news-card { min-height: 420px; border-right: 1px solid var(--line); }.news-card:last-child { border: 0; }
.news-image { height: 190px; position: relative; background: url("./singapore-skyline.avif") center 45% / cover; }.news-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,90,60,.07),rgba(0,45,32,.35)); }.news-image span { position: absolute; z-index: 2; top: 20px; left: 20px; padding: 7px 9px; color: #fff; background: var(--green); font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.news-body { padding: 30px; }.meta { min-height: 30px; display: flex; justify-content: space-between; gap: 18px; color: #87908d; font-size: 8px; letter-spacing: .8px; }.meta span { color: var(--green); font-weight: 800; }.news-card h3 { min-height: 135px; margin: 22px 0; font-size: 20px; line-height: 1.42; font-weight: 400; }.news-card a { color: var(--green-dark); font-size: 9px; font-weight: 800; letter-spacing: .9px; }

.insights { min-height: 680px; display: grid; grid-template-columns: 1.1fr 1fr; color: #fff; background: var(--green-black); }
.insights-image { position: relative; min-height: 560px; background: url("./singapore-skyline.avif") center / cover; }.insights-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,44,32,.1),rgba(16,54,47,.5)); }.photo-credit.dark { color: rgba(255,255,255,.75); }
.insights-content { padding: 90px 9vw 70px 7vw; }.overline { margin: 70px 0 18px; color: #8ae1bd; font-size: 10px; letter-spacing: 1.7px; font-weight: 700; }.insights h2 { margin: 0 0 25px; max-width: 570px; font-size: clamp(40px,4.2vw,60px); line-height: 1.1; font-weight: 300; letter-spacing: -2px; }.insights-content > p:not(.overline) { max-width: 560px; color: #bdd0ca; font-size: 14px; line-height: 1.8; }
.white-button { margin-top: 25px; color: #fff; border-color: #fff; }.white-button:hover { color: var(--green-black); background: #fff; }
.slider-count { margin-top: 55px; display: flex; align-items: center; gap: 13px; font-size: 10px; }.slider-count span { width: 90px; height: 1px; background: linear-gradient(90deg,#fff 25%,#5f7d74 25%); }.slider-count small { color: #829b93; }

.commitment-heading { margin-top: 42px; }.commitment-heading > p { width: 420px; color: var(--muted); line-height: 1.75; font-size: 14px; }
.commitment-grid { margin-top: 65px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.commitment-grid article { min-height: 390px; padding: 35px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.commitment-grid article > span { display: block; text-align: right; color: #9ca5a2; font-family: monospace; }.commitment-icon { margin: 30px 0; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--green); font-size: 22px; }.commitment-grid h3 { font-size: 22px; font-weight: 400; }.commitment-grid p { min-height: 90px; color: var(--muted); font-size: 13px; line-height: 1.7; }.commitment-grid a { color: var(--green-dark); font-size: 9px; font-weight: 800; letter-spacing: .8px; }

.locations { padding-block: 110px; color: #fff; background: #087451; overflow: hidden; }.location-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }.locations h2 { margin: 40px 0 25px; }.locations h2 em { color: #b8dc50; }.locations p { max-width: 550px; color: #bfe3d6; font-size: 14px; line-height: 1.75; }
.map-art { position: relative; min-height: 470px; border-radius: 50%; border: 1px solid rgba(255,255,255,.17); background: radial-gradient(circle,rgba(166,216,61,.12) 0 2px, transparent 2px) 0 0 / 17px 17px; }.map-art::before { content: "ASIA PACIFIC"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: rgba(255,255,255,.2); font-size: 42px; letter-spacing: 8px; white-space: nowrap; }.dot { position: absolute; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(157,199,52,.15); }.d1{top:26%;left:30%}.d2{top:36%;left:60%}.d3{top:56%;left:74%}.d4{top:68%;left:48%}.d5{top:46%;left:38%}.d6{top:75%;left:80%}.ring { position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }.r1{inset:15%}.r2{inset:30%}.r3{inset:42%}

.contact { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }.contact h2 { margin-top: 40px; }.contact-form { display: grid; gap: 20px; }.contact-form label { color: #6c7774; font-size: 9px; font-weight: 800; letter-spacing: 1.1px; }.contact-form input, .contact-form select { width: 100%; height: 54px; margin-top: 8px; padding: 0 15px; border: 1px solid #cdd3d0; border-radius: 0; color: var(--ink); background: #fff; }.contact-form button { height: 56px; display: flex; align-items: center; justify-content: center; gap: 20px; border: 0; color: #fff; background: var(--green); font-size: 10px; font-weight: 800; letter-spacing: 1px; cursor: pointer; }.contact-form small { color: #8a9491; font-size: 9px; }

footer { color: #d7e3df; background: #132d28; }.footer-statement { padding: 70px 0; display: grid; grid-template-columns: 1.5fr 1fr; gap: 70px; align-items: center; }.footer-statement > p { margin: 0; max-width: 650px; font-size: 27px; line-height: 1.4; font-weight: 300; }.footer-statement > a { padding: 22px; display: grid; grid-template-columns: 1fr auto; gap: 8px; border: 1px solid #43635a; }.footer-statement a span,.footer-statement a small { color: #90a79f; font-size: 8px; letter-spacing: 1px; }.footer-statement a strong { font-size: 13px; }.footer-statement a b { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #9bce3c; font-size: 21px; }
.footer-links { padding: 60px 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 55px; border-top: 1px solid #29463f; }.footer-links div { display: flex; flex-direction: column; gap: 13px; }.footer-links h4 { margin: 0 0 13px; color: #86b9a8; font-size: 9px; letter-spacing: 1.4px; }.footer-links a,.footer-links p { color: #afc0ba; font-size: 11px; line-height: 1.6; }.footer-links a:hover { color: #fff; }
.footer-bottom { padding: 30px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #29463f; color: #7e958d; font-size: 9px; }.footer-logo { color: #fff; }.footer-logo .logo-symbol { width: 26px; height: 26px; }.footer-logo strong { font-size: 13px; }.footer-logo .region { border-color: #547067; font-size: 10px; }

@media (max-width: 980px) {
  .utility { display: none; }.hero { min-height: 700px; }.site-header { margin-top: 30px; }.logo small,.primary-nav { display: none; }.identity-row { min-height: 70px; }.mobile-nav { display: block; border-top: 1px solid #e5e7e5; }.mobile-nav summary { padding: 16px 24px; display: flex; justify-content: space-between; font-size: 11px; font-weight: 800; cursor: pointer; list-style: none; }.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav { padding: 10px 24px 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; font-size: 12px; }.hero-title { padding-top: 110px; }
  .intro-grid { grid-template-columns: 1fr; gap: 45px; }.audiences { grid-template-columns: 1fr; }.audience-card { min-height: 420px; }.audience-card h3 { min-height: 0; }.news-grid { grid-template-columns: 1fr; }.news-card { min-height: 0; border: 0; border-bottom: 1px solid var(--line); }.news-card h3 { min-height: 0; }.insights { grid-template-columns: 1fr; }.insights-image { min-height: 480px; }.commitment-grid { grid-template-columns: 1fr; }.commitment-grid article { min-height: 0; }.commitment-grid p { min-height: 0; }.location-grid,.contact { grid-template-columns: 1fr; }.map-art { min-height: 400px; }.footer-links { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 650px) {
  .shell { width: min(100% - 32px,1180px); }.shell-wide { width: min(100% - 24px,1320px); }.section { padding-block: 78px; }.site-header { margin-top: 12px; }.identity-row { padding-left: 14px; }.logo { gap: 7px; }.logo-symbol { width: 29px; height: 29px; }.logo strong { font-size: 13px; }.logo .region { padding-left: 7px; font-size: 9px; }.header-tools button { display: none; }.search { width: 52px; }.hero { min-height: 650px; }.hero-title { padding-top: 100px; }.hero h1 { font-size: 48px; letter-spacing: -2px; }
  .intro-grid { margin-top: 35px; }.intro h2,.heading-row h2,.commitment-heading h2,.locations h2,.contact h2 { font-size: 40px; }.metrics { grid-template-columns: 1fr 1fr; }.metrics > div { padding: 25px 10px; border-bottom: 1px solid var(--line); }.audience-card { padding: 35px 28px; }.heading-row { align-items: flex-start; flex-direction: column; }.news-grid { margin-top: 38px; }.insights-content { padding: 65px 25px; }.commitment-heading > p { width: auto; }.commitment-grid { margin-top: 45px; }.location-grid { gap: 40px; }.map-art { min-height: 320px; }.map-art::before { font-size: 22px; letter-spacing: 4px; }.footer-statement { grid-template-columns: 1fr; }.footer-links { grid-template-columns: 1fr 1fr; gap: 45px 25px; }.footer-bottom { flex-direction: column; gap: 20px; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { transition-duration: .01ms !important; } }

.form-status { margin: 0; padding: 12px 14px; font-size: 12px; }
.form-status.success { color: #056246; background: #e0f5eb; }
.form-status.error { color: #8d2424; background: #fde8e8; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }