/* PHX-5E89D472: shared English / Malay presentation corrections. */
:root { --phoenix-header-clearance:180px; }
html { scroll-padding-top:var(--phoenix-header-clearance); }
header.main-header .container { max-width:1600px; padding-inline:24px; }
.top-contact-bar { display:block; }
.top-contact-row { font-size:13px; font-weight:300; color:#17324d; gap:16px; overflow:visible; min-height:36px; }
.top-contact-item, .top-contact-item i { color:#17324d; }
.top-contact-group { gap:18px; }
.navbar { padding-block:2px; }
.navbar .container { gap:24px; justify-content:space-between; }
.navbar-brand img { width:180px; height:auto; }
.main-menu { gap:12px; }
.main-menu .nav-menu-wrapper { min-width:max-content; }
.main-menu .nav-menu-wrapper > ul { gap:16px; }
.main-menu .nav-menu-wrapper > ul > li > a { font-size:15px; font-weight:300; color:#17324d; white-space:nowrap; }
/* The search field opens beneath its compact icon on focus. */
.header-search { display:block; flex:0 0 40px; min-width:0; }
.header-search .header-search-form { width:40px; position:relative; padding:8px; }
.header-search .header-search-form input { position:absolute; right:0; top:calc(100% + 10px); width:220px; padding:12px; color:#17324d; background:white; border:1px solid #ccd4dc; border-radius:6px; visibility:hidden; }
.header-search .header-search-form:focus-within input { visibility:visible; }
html[lang="ms"] .main-menu .nav-menu-wrapper > ul { gap:12px; }
.header-language-toggle, .header-account-link { width:40px; height:40px; }
.header-btn { flex:0 0 auto; }
.header-btn .btn-default { font-size:12px; white-space:nowrap; padding-left:14px; padding-right:50px; }
.navbar-toggle { display:none; }
.nav-offcanvas-menu { display:block; }
.nav-offcanvas { overflow-y:auto; }
.nav-offcanvas-menu a { font-size:15px; font-weight:300; }
main > :is(.about-us,.our-services,.why-choose-us,.intro-video,.our-faqs,.home-newsroom,.institutional-principles-section,.page-service-single,.contact-us) { padding-block:64px; }
main > .page-header { padding-top:180px; padding-bottom:64px; }
.home-office-section { padding-bottom:64px; }
@media(max-width:1279px) {
 .navbar .main-menu { display:none !important; }
 .navbar-toggle { display:flex; }
 .navbar-brand img { width:180px; }
 .top-contact-offices { display:none; }
 .nav-offcanvas-menu { display:block; }
}
@media(max-width:767px) {
 :root { --phoenix-header-clearance:180px; }
 header.main-header .container { padding-inline:16px; }
 .navbar-brand img { width:165px; }
 .top-contact-row { display:block; padding-block:6px; white-space:normal; }
 .top-contact-left { flex-wrap:wrap; gap:4px 14px; }
 .top-contact-right { display:none; }
 main > :is(.about-us,.our-services,.why-choose-us,.intro-video,.our-faqs,.home-newsroom,.institutional-principles-section,.page-service-single,.contact-us) { padding-block:36px; }
 main > .page-header { padding-top:180px; padding-bottom:40px; }
 .home-office-section { padding-bottom:36px; }
}
/* About variants retain their deliberately different internal transitions. */
@media(min-width:768px) {
 main > .our-approach.about-approach-theme { padding-top:64px; padding-bottom:68px; }
 main > .why-choose-us.foundation-section { padding-top:68px; padding-bottom:64px; }
 main > .our-benefits { padding-top:76px; padding-bottom:64px; }
 main > .our-team.leadership-section { padding-top:64px; padding-bottom:50px; }
 main > .our-team.advisory-board-section { padding-top:20px; padding-bottom:64px; }
}
@media(max-width:767px) {
 main > .our-approach.about-approach-theme, main > .our-benefits, main > .our-team.leadership-section { padding-block:36px; }
 main > .our-team.advisory-board-section { padding-top:20px; padding-bottom:36px; }
}

.nav-offcanvas-menu .header-btn { display:block; margin-top:18px; }
.nav-offcanvas-menu .header-btn a { padding:14px 52px 14px 16px !important; font-size:14px; }
.nav-offcanvas-search { margin:18px 0; }
.nav-offcanvas-search .header-search-form { width:100%; background:white; border-radius:8px; padding:10px; }


/* Match the original compact header clearance above the restored hero. */
@media(max-width:1024px) { .top-contact-bar { display:none; } }

/* Homepage service slider: compact, aligned cards without oversized images. */
.our-services .service-item-slider .service-item { min-height:0; padding:18px; }
.our-services .service-item-slider .service-item-header-box { padding:8px 8px 0; margin-bottom:16px; flex:1 1 auto; }
.our-services .service-item-slider .service-item-image { margin-top:0; flex:0 0 auto; }
.our-services .service-item-slider .service-item-image figure img { aspect-ratio:16 / 9; height:auto; object-fit:cover; }

/* PHX-20260918: shared type, spacing and page-family corrections.
   These are layout rules, so their geometry is independent of reveal timing. */
:root {
 --phx-space-1:4px; --phx-space-2:8px; --phx-space-3:12px;
 --phx-space-4:16px; --phx-space-6:24px; --phx-space-8:32px;
 --phx-space-10:40px; --phx-space-12:48px; --phx-space-16:64px;
 --phx-content-gap:64px; --phx-section-pad:32px; --phx-gutter:32px;
 --phx-h1:48px; --phx-h2:34px; --phx-card-title:24px;
 --phx-enquiry-title:32px; --phx-body:17px; --phx-meta:14px;
 --phx-content-width:1200px; --phx-reading-width:760px;
 --phoenix-header-clearance:160px;
}
@media (max-width:1199px) {
 :root { --phx-content-gap:48px; --phx-section-pad:24px; --phx-gutter:24px;
  --phx-h1:40px; --phx-h2:30px; --phx-card-title:23px; --phx-enquiry-title:28px; }
}
@media (max-width:767px) {
 :root { --phx-content-gap:40px; --phx-section-pad:20px; --phx-gutter:20px;
  --phx-h1:32px; --phx-h2:28px; --phx-card-title:22px;
  --phx-enquiry-title:26px; --phx-body:16px; --phoenix-header-clearance:100px; }
}
body { font-size:var(--phx-body); line-height:1.6; }
main .container, footer.main-footer .container {
 max-width:calc(var(--phx-content-width) + var(--phx-gutter) * 2);
 width:100%; padding-inline:var(--phx-gutter);
}
main :is(h1,h2,h3,h4,h5,h6) {
 font-family:var(--accent-font),sans-serif;
 line-height:1.2; white-space:normal; overflow-wrap:break-word;
 height:auto; min-height:0; max-width:100%; cursor:auto;
}
main h1, main .hero-content .section-title .phoenix-bank-name {
 font-size:var(--phx-h1) !important; font-family:var(--accent-font),sans-serif;
 font-weight:500; line-height:1.15;
}
main h2:not(.section-sub-title), main .section-title .section-support-heading,
main .hero-content .section-title .phoenix-tagline {
 font-size:var(--phx-h2) !important; line-height:1.2;
}
main :is(h3,h4,h5,h6):not(.section-support-heading):not(.section-sub-title),
main :is(.service-item-title,.post-item-content,.pricing-header,.sidebar-cta-body,.project-item-content,.about-us-counter-body,.team-item-content) h2 {
 font-size:var(--phx-card-title) !important; line-height:1.25;
}
main :is(.contact-us-form,.home-enquiry-section) .section-title :is(h2,h3):not(.section-sub-title),
main .phoenix-auth-panel-header h2 {
 font-size:var(--phx-enquiry-title) !important;
}
main :is(p,li), main .hero-content .section-title .hero-description span {
 font-size:var(--phx-body) !important; line-height:1.65;
}
main :is(.section-sub-title,.media-kicker,.media-status,.media-tag,.media-card-meta,.media-card-meta span,.media-recent-panel li span,.post-meta,.post-meta li,.post-meta a,.post-category-note,.legal-updated,.team-profile-role,.breadcrumb li,.media-filter-status,.site-search-count,label) {
 font-family:var(--default-font),sans-serif; font-size:var(--phx-meta) !important; line-height:1.45;
}
main .section-sub-title {
 display:inline-block; position:relative; width:auto; max-width:100%;
 height:auto; min-height:0; white-space:normal; overflow-wrap:break-word;
 margin:0 0 var(--phx-space-4); vertical-align:top;
}
main .section-title .section-sub-title { padding:var(--phx-space-2) var(--phx-space-4) var(--phx-space-2) var(--phx-space-10); }
main .section-title .section-sub-title::before { left:var(--phx-space-4); }
main .section-title { margin-bottom:var(--phx-space-8); }
main .section-title p { margin-top:var(--phx-space-4); }
main .section-title p:last-child, main section > p:last-child { margin-bottom:0; }
main .section-row { margin-bottom:var(--phx-space-8); }
main .section-row .section-title { margin-bottom:0; }
/* Headings remain readable with JavaScript disabled, delayed, or reduced motion. */
main :is(h1,h2,h3,h4,h5,h6,.section-sub-title).wow,
main :is(.text-effect,.text-anime-style-1,.text-anime-style-2,.text-anime-style-3) {
 visibility:visible !important; opacity:1 !important; transform:none !important;
 animation:none !important; overflow:visible; clip-path:none;
}
main :is(.text-effect,.text-anime-style-1,.text-anime-style-2,.text-anime-style-3) :is(.line,.word,.char) {
 white-space:normal !important; height:auto !important; overflow:visible !important;
 transform:none !important; opacity:1 !important;
}
main .hero-content .section-title .phoenix-bank-name span { display:inline; }
main .hero-content .section-title .phoenix-tagline { white-space:normal; }
/* Neighbouring sections contribute one half of the shared 64/48/40px gap. */
main > :is(.about-us,.our-services,.security-trust-block,.why-choose-us,.intro-video,.our-faqs,.home-newsroom,.home-office-section,.our-approach,.our-benefits,.our-team,.institutional-principles-section,.page-service-single,.page-services,.source-services-cta,.page-blog,.page-single-post,.page-projects,.page-project-single,.page-team,.page-team-single,.page-pricing,.page-testimonials,.page-gallery,.page-video-gallery,.page-faqs,.page-contact-us,.page-legal-content,.page-institutional-principles,.partners-page-content,.industries-intro,.industries-grid-section,.industries-cta,.media-newsroom-hero,.media-channel-hero,.media-channel-directory,.media-library-section,.media-hub-intro,.media-streams,.media-publications,.media-watch,.media-standards,.contact-us,.google-map,.error-page) {
 padding-block:var(--phx-section-pad) !important;
 margin-block:0;
}
main > .page-header {
 padding-top:calc(var(--phoenix-header-clearance) + var(--phx-section-pad)) !important;
 padding-bottom:var(--phx-section-pad) !important;
 min-height:0; height:auto; margin:0; border-radius:0;
}
main .page-header-box { max-width:100%; }
main .page-header-box h1 { display:block; margin-bottom:var(--phx-space-4); }
main .page-header-box ol { gap:var(--phx-space-2) var(--phx-space-4); }
main .hero {
 height:auto; min-height:0; padding-top:calc(var(--phoenix-header-clearance) + var(--phx-content-gap));
 padding-bottom:var(--phx-content-gap); overflow:hidden;
}
main .hero .hero-content { top:auto; margin:0; max-width:1080px; }
main .hero-content .hero-description { max-width:var(--phx-reading-width); }
/* Cards use their own content height; images preserve established subjects. */
main .card-programs-wrapper {
 grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--phx-space-8);
 min-height:0; padding-block:var(--phx-section-pad);
}
main .card-programs-content { grid-column:2; grid-row:1; width:100%; padding:0; align-self:center; }
main .card-programs-visual { grid-column:1; grid-row:1; min-height:0; margin:0; width:100%; }
main .card-programs-image { width:100%; max-width:100%; height:auto; transform:none; }
main .card-programs-details { grid-column:1 / -1; grid-row:2; width:100%; max-width:100%; gap:var(--phx-space-8); margin-top:0; }
main .card-programs-btn { margin-top:var(--phx-space-6); }
main .card-programs-content .section-title { margin-bottom:0; }
main .card-programs-detail-item > p { margin-bottom:0; }
main :is(.service-item,.post-item,.media-card,.media-channel-card,.industry-focus-card,.team-item) { min-width:0; }
main :is(.media-newsroom-masthead,.media-channel-hero-inner,.industries-intro-grid,.media-section-header,.industry-section-header,.industries-grid,.media-channel-grid,.media-card-grid) { gap:var(--phx-space-8); align-items:start; }
main :is(.media-card,.media-channel-card,.industry-focus-card,.home-newsroom-item) { height:auto; min-height:0; }
main :is(.media-card-body,.media-channel-card,.media-channel-brief,.media-recent-panel,.industry-focus-content,.home-newsroom-item) { padding:var(--phx-space-6); }
main :is(.media-lead-story img,.media-card-image img,.post-featured-image img,.home-newsroom-item-image img) { aspect-ratio:16 / 9; width:100%; height:auto; object-fit:cover; }
main :is(.media-section-header,.industry-section-header) { margin-bottom:var(--phx-space-8); }
main :is(.media-channel-nav a,.media-type-filters button,.media-clear-filter) { font-family:var(--default-font); font-size:var(--phx-meta); line-height:1.4; white-space:normal; }
main .media-empty-state { padding:var(--phx-space-8); }
/* Long-form reading measures and internal rhythm. */
main :is(.post-content,.legal-document) { max-width:var(--phx-reading-width); margin-inline:auto; }
main .legal-document { padding:var(--phx-space-8); }
main .post-entry :is(h2,h3,h4), main .legal-section h2 { margin-top:var(--phx-space-8); margin-bottom:var(--phx-space-4); }
main .post-entry > :first-child, main .legal-section:first-child h2 { margin-top:0; }
main .post-entry :is(p,ul,ol), main .legal-document :is(p,ul,ol) { margin-bottom:var(--phx-space-6); }
main :is(.post-entry,.legal-document) :is(p,li) { font-size:var(--phx-body); line-height:1.7; }
main :is(.post-entry,.legal-document) a { overflow-wrap:anywhere; }
main :is(.post-entry,.legal-document) table { display:block; max-width:100%; overflow-x:auto; }
main :is(.team-member-about,.team-leader-approach-box,.team-education-certificate-box) { margin-bottom:var(--phx-space-8); }
main .team-single-content { max-width:var(--phx-reading-width); }
main .team-single-content .section-title { margin-bottom:var(--phx-space-8); }
main .team-profile-focus-list li { font-size:var(--phx-body); }
main :is(.page-team-single,.page-project-single) .page-single-sidebar { top:var(--phoenix-header-clearance); }
main .phoenix-auth-hero { min-height:0; padding-top:calc(var(--phoenix-header-clearance) + var(--phx-section-pad)); padding-bottom:var(--phx-section-pad); }
main .phoenix-auth-shell { align-items:start; }
main .site-search-panel { margin-bottom:var(--phx-space-8); }
main .site-search-empty { padding:var(--phx-space-8); }
footer.main-footer { padding-top:var(--phx-section-pad); margin-top:0; }
main [id] { scroll-margin-top:var(--phoenix-header-clearance); }
.main-menu .nav-menu-wrapper > ul > li > a, .main-menu ul ul li a,
.nav-offcanvas-menu a { font-family:var(--default-font); font-size:16px; }
.main-menu ul li:focus-within > ul { visibility:visible; opacity:1; transform:scale(1); padding:5px 0; }
.main-menu ul li.media-menu:focus-within > ul { transform:translateX(-50%) scale(1); padding:8px; }
:where(a,button,input,textarea,select,[tabindex]):focus-visible { outline:3px solid #d68419 !important; outline-offset:4px; }
@media(max-width:991px) {
 main .card-programs-wrapper { grid-template-columns:1fr; }
 main .card-programs-content { grid-column:1; grid-row:1; }
 main .card-programs-visual { grid-column:1; grid-row:2; justify-content:center; }
 main .card-programs-image { max-width:560px; }
 main .card-programs-details { grid-column:1; grid-row:3; }
 main .page-single-sidebar { position:static; }
}
@media(max-width:767px) {
 main .card-programs-details { grid-template-columns:1fr; gap:var(--phx-space-6); }
 main .card-programs-image { max-width:360px; }
 main :is(.legal-document,.media-card-body,.media-channel-card,.media-channel-brief,.media-recent-panel,.industry-focus-content,.home-newsroom-item) { padding:var(--phx-space-6); }
 main :is(.media-newsroom-masthead,.media-channel-hero-inner,.media-section-header,.industry-section-header) { grid-template-columns:1fr; gap:var(--phx-space-6); }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto !important; }
 *,*::before,*::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; }
 .wow,.reveal { opacity:1 !important; visibility:visible !important; transform:none !important; }
}
/* Keyboard menus open immediately, without a hover-transition delay. */
.main-menu ul li:focus-within > ul { transition:none; }
/* The homepage hero grows with its copy, without a viewport-sized blank band. */
main .hero.hero-with-media-ticker { min-height:0; height:auto; gap:var(--phx-content-gap); padding-bottom:0; }
main .hero-with-media-ticker > .container { margin-block:0; }
main .hero-support-box-content h2 { font-size:var(--phx-card-title) !important; }
/* Preserve the gold accent while giving the small heritage note body contrast. */
.foundation-metric-lead > p { color:#8a5c18; }
/* A solid dark card surface keeps white copy readable throughout slider motion. */
.our-services .service-item-slider .service-item { background-color:#17324d; }
/* Navigation actions share the same readable size as navigation links. */
.header-btn .btn-default { font-size:16px; padding-left:8px; padding-right:40px; }
.nav-offcanvas-menu .header-btn a { font-size:16px; }
@media(min-width:1280px) and (max-width:1399px) { .main-menu { gap:8px; } }
/* Counter labels size to their words, including longer Malay wording. */
main .about-us-image.box-2.about-us-top-counter-box { max-width:240px; }
main .about-us-top-counter-box .about-us-counter-body { width:max-content; max-width:220px; min-width:160px; min-height:0; padding:24px; }
main .about-us-top-counter-box .about-us-counter-body h2 { overflow-wrap:normal; word-break:normal; }
@media(max-width:767px) {
 main .about-us-image.box-2.about-us-top-counter-box { max-width:210px; }
 main .about-us-top-counter-box .about-us-counter-body { max-width:200px; min-width:125px; padding:16px; }
}
main .phoenix-auth-trust-item .phoenix-auth-trust-title { font-size:var(--phx-card-title) !important; line-height:1.25; }
/* VR-001: retain readable backgrounds through resize and reduced-motion mode. */
main .intro-video {
 background-color:#021623;
 background-image:linear-gradient(90deg,rgba(2,22,35,.76),rgba(2,22,35,.68)),url('../images/phoenix-watch-our-story-flag-lobby-2026-08-18.jpg');
 background-size:cover;
}
main .home-enquiry-section {
 background-image:linear-gradient(90deg,rgba(2,22,35,.76),rgba(2,22,35,.68)),url('../images/intro-video-bg-image-institutional-enquiry-phoenix-team-shirts-ai-enhanced.webp');
 background-size:cover;
}
main .home-enquiry-section .contact-us-form { background:#20323e; }
main .home-enquiry-section .contact-us-form label { color:#fff; }
@media(max-width:1024px), (prefers-reduced-motion:reduce) {
 .parallaxie { background-attachment:scroll !important; background-position:center !important; }
}

/* PHX-20260918: verified control contrast and header label clearance. */
/* Preserve the brand gradient while providing a dark surface under white controls. */
.btn-default,
.footer-newsletter-form-box .form-group .newsletter-btn {
 background-image:linear-gradient(rgba(2,22,35,.40),rgba(2,22,35,.40)),var(--phoenix-gradient);
}
.service-acceptance-page .service-enquiry-context .sidebar-cta-body .btn-default.btn-highlighted:hover {
 color:var(--primary-color);
}
.footer-newsletter-form-box .form-group .newsletter-btn:hover {
 background-image:none;
}
/* Keep the arrow disc inside its existing reserved header-control space. */
.header-btn .btn-default::before {
 width:32px;
 height:32px;
 right:4px;
 background-size:18px auto;
}

/* Verified gradient text and numbered badges retain their hue with stronger contrast. */
.post-tags .tag-links a,
.post-social-sharing ul li a,
.main-menu ul ul,
.foundation-metric:not(.foundation-metric-lead) h3,
.cta-response-note span::before,
.source-service-copy .process-step .serial {
 background-image:linear-gradient(rgba(2,22,35,.40),rgba(2,22,35,.40)),var(--phoenix-gradient);
}
.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus {
 color:#fff;
}

/* Contact details share a compact size; complete mailbox names stay on one line. */
main .page-contact-us .contact-routing-grid {
 grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
}
main .page-contact-us .contact-routing-grid .contact-info-item-content :is(p,h3) {
 font-family:var(--default-font),sans-serif;
 font-size:16px !important;
 font-weight:500;
 line-height:1.5;
}
/* Contact labels use bold black type above their email or address details. */
main .page-contact-us .contact-routing-grid .contact-info-item-content > p {
 color:#000;
 font-weight:700;
}
main .page-contact-us .contact-routing-note,
main .page-contact-us .contact-us-form .form-consent-note,
main .page-contact-us .contact-us-form .help-block.with-errors,
main .page-contact-us .contact-us-form .help-block.with-errors li {
 font-size:12px !important;
 font-style:italic;
}
main .page-contact-us .contact-us-form .form-control::placeholder {
 font-size:14px;
}
main .page-contact-us .contact-routing-grid .contact-routing-email,
main .page-contact-us .contact-routing-grid .contact-routing-email a {
 white-space:nowrap;
 overflow-wrap:normal;
 word-break:normal;
}

@media (max-width:379px) {
 main .page-contact-us .contact-routing-grid .contact-info-item:not(.contact-routing-location) .contact-info-item-content {
  display:contents;
 }
 main .page-contact-us .contact-routing-grid .contact-routing-label {
  align-self:center;
  margin-bottom:0;
 }
 main .page-contact-us .contact-routing-grid .contact-routing-email {
  grid-column:1 / -1;
 }
}