/* English audit F06, 24 September 2026.
   Load after existing page styles. Only the English export links this file.
   The homepage identity/tagline, editorial quotes, statistics and footer heading
   scale are deliberate roles; ordinary inner-page titles use the common scale. */
html[lang="en"] {
  --default-font: "DM Sans", Arial, sans-serif;
  --accent-font: "Apfel Grotezk", "DM Sans", Arial, sans-serif;
  --phx-space-2: 8px;
  --phx-space-4: 16px;
  --phx-space-6: 24px;
  --phx-space-8: 32px;
  --phx-space-12: 48px;
  --phx-space-16: 64px;
  --phx-h1: 48px;
  --phx-h2: 38px;
  --phx-card-title: 24px;
  --phx-enquiry-title: 38px;
  --phx-body: 17px;
  --phx-lead: 18px;
  --phx-meta: 14px;
  --phx-section-pad: 32px;
  --phx-content-gap: 64px;
}
html[lang="en"] body {
  font-family: var(--default-font);
  font-size: var(--phx-body);
  font-weight: 400;
  line-height: 1.6;
}
html[lang="en"] body .service-acceptance-page,
html[lang="en"] body .home-enquiry-section {
  --service-heading: var(--phx-h2);
  --service-card-heading: var(--phx-card-title);
  --service-enquiry-heading: var(--phx-h2);
  --service-body: 17px;
  --service-section-gap: var(--phx-content-gap);
  --phx-h2: 38px;
  --phx-enquiry-title: 38px;
  --phx-body: 17px;
}
/* Navigation remains independent of the current content template. */
html[lang="en"] body .main-menu .nav-menu-wrapper > ul > li > a,
html[lang="en"] body .main-menu ul ul li a,
html[lang="en"] body .nav-offcanvas-menu a,
html[lang="en"] body .header-btn .btn-default {
  font-family: var(--default-font);
  font-size: 16px !important;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}
html[lang="en"] body main :is(h1,h2,h3,h4,h5,h6):not(.phoenix-bank-name) {
  font-family: var(--accent-font);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}
html[lang="en"] body main h1:not(.phoenix-bank-name) {
  font-size: var(--phx-h1) !important;
  line-height: 1.15;
}
html[lang="en"] body main h2:not(.accordion-header) {
  font-size: var(--phx-h2) !important;
  line-height: 1.2;
}
html[lang="en"] body main .section-title :is(h2,.section-support-heading),
html[lang="en"] body main :is(.contact-us-form,.home-enquiry-section) .section-title :is(h2,h3):not(.section-sub-title),
html[lang="en"] body main .service-enquiry-section .service-enquiry-title,
html[lang="en"] body main .service-sidebar-insights-title {
  font-size: var(--phx-h2) !important;
  line-height: 1.2;
}
/* Removed eyebrow labels leave descriptive H2s without the old pill or star. */
html[lang="en"] body main .section-title > h2:not(.section-sub-title) {
  padding: 0;
  margin-block: 0;
  border: 0;
  background: none;
  border-radius: 0;
}
html[lang="en"] body main .section-title > h2:not(.section-sub-title)::before {
  content: none;
}
html[lang="en"] body main :is(h3,h4,h5,h6):not(.section-support-heading):not(.section-sub-title) {
  font-size: var(--phx-card-title) !important;
  line-height: 1.25;
}
/* Explicit component roles: card, directory, sidebar and editorial subheadings. */
html[lang="en"] body main :is(.service-item-title,.post-item-content,.pricing-header,.pricing-item-content,.sidebar-cta-body,.project-item-content,.team-item-content,.media-card-body,.media-channel-card,.home-newsroom-item,.industry-focus-content,.media-recent-heading,.media-empty-state) :is(h2,h3),
html[lang="en"] body main :is(.page-category-list-title,.service-related-links h2),
html[lang="en"] body main .service-secondary-sidebar .service-sidebar-insight-card h3 {
  font-size: var(--phx-card-title) !important;
  line-height: 1.25;
}
html[lang="en"] body main .post-entry h2,
html[lang="en"] body main .legal-section h2 {
  font-size: 29px !important;
  line-height: 1.25;
}
html[lang="en"] body main .post-entry h3,
html[lang="en"] body main .legal-section h3,
html[lang="en"] body main .team-profile-biography-title {
  font-size: var(--phx-card-title) !important;
  line-height: 1.25;
}
/* Keep the homepage hero's brand identity and support-card scale. */
html[lang="en"] body main .hero-support-box-content h2 {
  font-size: var(--phx-card-title) !important;
}
html[lang="en"] body main > :not(.hero) :is(p,li) {
  font-family: var(--default-font);
  font-size: var(--phx-body) !important;
  line-height: 1.6 !important;
}
html[lang="en"] body main :is(.partners-page-copy,.industries-intro-copy,.media-masthead-copy,.media-channel-intro) > p,
html[lang="en"] body main .lead {
  font-size: var(--phx-lead) !important;
  line-height: 1.6 !important;
}
html[lang="en"] body main :is(.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,.partners-governance-note,.partner-logo-category,.partner-logo-date,label),
html[lang="en"] body .service-sidebar-card-eyebrow {
  font-family: var(--default-font);
  font-size: var(--phx-meta) !important;
  font-style: normal;
  line-height: 1.5 !important;
}
html[lang="en"] body main :is(input,textarea,select),
html[lang="en"] body form :is(input,textarea,select),
html[lang="en"] body .form-control,
html[lang="en"] body .service-sidebar-contact-form :is(input,textarea,select) {
  font-family: var(--default-font);
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.5;
}
html[lang="en"] body form :is(input,textarea)::placeholder {
  font-family: var(--default-font);
  font-size: 14px !important;
  font-style: normal;
}
html[lang="en"] body form :is(.form-consent-note,.newsletter-consent-note,.phoenix-auth-note,.form-field-hint,.form-required-note,.help-block.with-errors,.help-block.with-errors li,.form-action-message),
html[lang="en"] body main .page-contact-us .contact-us-form .help-block.with-errors,
html[lang="en"] body main .page-contact-us .contact-us-form .help-block.with-errors li,
html[lang="en"] body .service-acceptance-page .service-sidebar-insight-card form.service-sidebar-contact-form .form-consent-note {
  font-family: var(--default-font);
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400;
  line-height: 1.6 !important;
}
html[lang="en"] body :is(.btn-default,.readmore-btn),
html[lang="en"] body main :is(.media-type-filters button,.media-channel-nav a) {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
}
/* Contact addresses are readable contact details, with safe wrapping on phones. */
html[lang="en"] body main .page-contact-us .contact-routing-grid .contact-info-item-content :is(p,h3) {
  font-family: var(--default-font);
  font-size: 17px !important;
  line-height: 1.6;
}
html[lang="en"] body main .page-contact-us .contact-routing-grid .contact-routing-email,
html[lang="en"] body main .page-contact-us .contact-routing-grid .contact-routing-email a {
  white-space: normal;
  overflow-wrap: anywhere;
}
html[lang="en"] body main .page-contact-us .contact-routing-note {
  font-size: 14px !important;
  font-style: normal;
  line-height: 1.6;
}
/* Two adjacent half-gaps make 64px desktop / 48px phone section rhythm. */
html[lang="en"] body 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;
}
html[lang="en"] body main .section-title,
html[lang="en"] body main .section-row {
  margin-bottom: var(--phx-space-8);
}
html[lang="en"] body main .section-row .section-title { margin-bottom: 0; }
html[lang="en"] body main .section-title p { margin-top: var(--phx-space-4); }
html[lang="en"] body main :is(.post-entry,.legal-document) :is(p,ul,ol) { margin-bottom: var(--phx-space-6); }
html[lang="en"] body main :is(.post-entry,.legal-document,.team-single-content) :is(ul,ol) { padding-inline-start: var(--phx-space-6); }
html[lang="en"] body main :is(.post-entry,.legal-document,.service-entry) li + li { margin-top: var(--phx-space-2); }
html[lang="en"] body main .post-entry :is(h2,h3,h4),
html[lang="en"] body main .legal-section :is(h2,h3) { margin-block: var(--phx-space-8) var(--phx-space-4); }
html[lang="en"] body main :is(.post-entry,.legal-document) a:not(.btn-default) {
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
/* The editorial quote keeps its existing display-family voice. */
html[lang="en"] body main .post-entry blockquote p {
  font-family: var(--accent-font);
  font-size: var(--phx-body) !important;
  font-weight: 500;
}
/* Numeric highlights are display values rather than section headings. */
html[lang="en"] body main .foundation-metric:not(.foundation-metric-lead) h3 {
  font-size: 48px !important;
  line-height: 1.1;
}
/* Established footer heading sizes are intentionally retained. */
html[lang="en"] body .main-footer :is(.footer-links,.footer-newsletter-form-box) > h2 {
  font-family: var(--accent-font);
  font-size: 26px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  html[lang="en"] {
    --phx-h1: 32px;
    --phx-h2: 29px;
    --phx-card-title: 22px;
    --phx-enquiry-title: 29px;
    --phx-section-pad: 24px;
    --phx-content-gap: 48px;
  }
  html[lang="en"] body .service-acceptance-page,
  html[lang="en"] body .home-enquiry-section {
    --phx-h2: 29px;
    --phx-card-title: 22px;
    --phx-enquiry-title: 29px;
    --phx-section-pad: 24px;
    --phx-content-gap: 48px;
  }
  html[lang="en"] body main .foundation-metric:not(.foundation-metric-lead) h3 { font-size: 30px !important; }
  html[lang="en"] body main .post-entry h2,
  html[lang="en"] body main .legal-section h2 { font-size: 26px !important; }
  html[lang="en"] body .main-footer :is(.footer-links,.footer-newsletter-form-box) > h2 { font-size: 20px; }
}
/* Reflow resilience: long names remain complete when text is enlarged or spaced. */
html[lang="en"] body .main-footer .footer-legal-name,
html[lang="en"] body .main-footer .footer-copyright p,
html[lang="en"] body .main-footer .footer-copyright-text p {
  white-space: normal;
  overflow-wrap: anywhere;
}
html[lang="en"] body .main-footer :is(h2,h3,p),
html[lang="en"] body main .about-us-author-content p {
  overflow-wrap: anywhere;
}
html[lang="en"] body main .hero-content .section-title .phoenix-tagline {
  white-space: normal;
  overflow-wrap: break-word;
}
html[lang="en"] body .media-ticker__step {
  min-width: 2.25em;
  min-height: 2.25em;
}
/* Placeholder contrast follows the actual light or dark field surface. */
html[lang="en"] body form :is(input,textarea,.form-control)::placeholder,
html[lang="en"] body main :is(input,textarea)::placeholder {
  color: #5b6470;
  opacity: 1;
  font-size: 16px !important;
  font-style: normal;
}
html[lang="en"] body .dark-section .contact-form :is(input,textarea)::placeholder,
html[lang="en"] body .main-footer .footer-newsletter-form-box .form-group .form-control::placeholder,
html[lang="en"] body .nav-newsletter-form input::placeholder {
  color: #e2e8f0;
  opacity: 1;
}
html[lang="en"] body form .help-block.with-errors,
html[lang="en"] body form .help-block.with-errors li {
  color: #b42318;
}
html[lang="en"] body .dark-section .contact-form .help-block.with-errors,
html[lang="en"] body .dark-section .contact-form .help-block.with-errors li,
html[lang="en"] body .main-footer .help-block.with-errors,
html[lang="en"] body .main-footer .help-block.with-errors li,
html[lang="en"] body .nav-offcanvas .help-block.with-errors,
html[lang="en"] body .nav-offcanvas .help-block.with-errors li,
html[lang="en"] body .service-enquiry-section .help-block.with-errors,
html[lang="en"] body .service-enquiry-section .help-block.with-errors li {
  color: #ffb4ab;
}
html[lang="en"] body main .about-us-counter-body p { overflow-wrap: anywhere; }
html[lang="en"] body .top-contact-row {
  flex-wrap: wrap;
  white-space: normal;
  overflow: visible;
}
html[lang="en"] body .top-contact-group {
  flex-wrap: wrap;
  flex-shrink: 1;
  min-width: 0;
}
html[lang="en"] body .top-contact-item {
  white-space: normal;
  overflow-wrap: anywhere;
}


/* Deep visual re-audit V01-V09, 25 September 2026.
   Contact values and explanatory prose use the 17px body scale. Card titles
   retain 24/22px. Whole email parts may reflow only at the explicit @ boundary;
   this leaves copy, accessible text and mailto destinations unchanged. */
html[lang="en"] body a[href^="mailto:"] {
  overflow-wrap: normal !important;
  word-break: normal;
  hyphens: none;
}
html[lang="en"] body a[href^="mailto:"] .phx-email-part {
  display: inline-block;
  white-space: nowrap;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
html[lang="en"] body main .team-contact-list-box { padding:24px; }
html[lang="en"] body main .team-contact-items-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:24px;
}
html[lang="en"] body main .team-contact-item {
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  width:auto;
  align-items:start;
}
html[lang="en"] body main .team-contact-item .icon-box { width:40px; height:40px; }
html[lang="en"] body main .team-contact-item-content { width:auto; min-width:0; }
html[lang="en"] body main .team-contact-list-box .team-contact-item-content h3,
html[lang="en"] body main .team-award-item-list .team-award-item-content h3 {
  font-family:var(--default-font);
  font-size:var(--phx-body) !important;
  font-weight:400;
  line-height:1.6;
  overflow-wrap:normal;
  word-break:normal;
}
html[lang="en"] body main .team-award-item-header {
  flex:1;
  min-width:0;
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  align-items:start;
  gap:16px;
}
html[lang="en"] body main .team-award-item-content { width:auto; max-width:none; margin:0; }
html[lang="en"] body main .team-award-item { align-items:start; flex-wrap:nowrap; }
/* An office contact value has a full row instead of a half-width cell. */
html[lang="en"] body main .home-office-detail:has(#home-office-contact) { grid-column:1 / -1; }
html[lang="en"] body main .hero-support-box-content { min-width:0; }
html[lang="en"] body main .hero-support-box-content li { overflow-wrap:normal; }
/* Size the badge to complete words, within the existing photo composition. */
html[lang="en"] body main .about-us-top-counter-box .about-us-counter-body {
  min-width:160px;
  width:max-content;
  max-width:100%;
}
html[lang="en"] body main .about-us-counter-body p {
  overflow-wrap:normal;
  word-break:normal;
}
/* Both footer stylesheet variants use these same contact components. */
html[lang="en"] body .main-footer .footer-contact-item-content { min-width:0; }
html[lang="en"] body .main-footer .footer-contact-item-content h3 {
  font-family:var(--default-font);
  font-size:17px;
  line-height:1.6;
  overflow-wrap:normal;
  word-break:normal;
}
/* Remove the second inset and give service titles the full card width. */
html[lang="en"] body main .service-acceptance-page .service-details-block { height:100% !important; }
html[lang="en"] body main .service-acceptance-page .service-details-block .inner-box {
  padding:0;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
html[lang="en"] body main .service-acceptance-page .service-details-block .title {
  overflow-wrap:normal;
  word-break:normal;
  margin-bottom:0 !important;
}
/* Heading and actions occupy separate rows. Arrow disc has its own padding. */
html[lang="en"] body main .industries-cta-inner {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:24px;
}
html[lang="en"] body main .industries-cta-inner > h2 { flex-basis:100%; max-width:none; }
html[lang="en"] body main .industries-cta-inner > .btn-default {
  flex:0 0 auto;
  max-width:100%;
  padding-inline:20px 60px;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
@media (max-width:1279px) {
  /* Override the older service-only desktop exception; preserve 16px labels. */
  html[lang="en"] body .navbar .main-menu { display:none !important; }
  html[lang="en"] body .navbar-toggle { display:flex; }
}
@media (max-width:767px) {
  html[lang="en"] body main .about-us-image-box {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    padding-top:0;
  }
  html[lang="en"] body main .about-us-image-box > .box-1 { grid-row:2; }
  html[lang="en"] body main .about-us-image-box > .about-us-top-counter-box {
    position:static;
    grid-row:1;
    justify-self:end;
    border:0;
  }
  html[lang="en"] body main .about-us-image-box > .about-us-top-counter-box::before,
  html[lang="en"] body main .about-us-image-box > .about-us-top-counter-box::after { content:none; }
  html[lang="en"] body main .team-contact-list-box { padding:20px; }
  html[lang="en"] body main .team-award-item-header { grid-template-columns:minmax(0,1fr); }
  html[lang="en"] body main .industries-cta-inner { align-items:stretch; }
  html[lang="en"] body main .industries-cta-inner > .btn-default { width:100%; }
}
@media (max-width:575px) {
  html[lang="en"] body main .source-service-copy .process-step { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:479px) {
  html[lang="en"] body main .team-contact-item { grid-template-columns:minmax(0,1fr); }
  html[lang="en"] body .main-footer .footer-contact-items-list { padding:20px; }
  html[lang="en"] body .main-footer .footer-contact-item { display:grid; grid-template-columns:minmax(0,1fr); }
  html[lang="en"] body .main-footer .footer-contact-item-content { width:auto; }
  html[lang="en"] body main .hero-support-box { flex-direction:column; align-items:flex-start; }
  html[lang="en"] body main .hero-support-box-content { width:100%; }
}

/* Name and whole-word line balance, 2 October 2026.
   Keep the earlier word-breaking/overflow safeguards. Native balancing changes
   line selection without inserting hard breaks or shrinking every heading. */
html[lang="en"] body :is(h1,h2,h3,h4,h5,h6),
html[lang="en"] body main .phoenix-tagline {
  text-wrap: balance;
  word-break: normal;
  hyphens: none;
}
html[lang="en"] body .main-footer .footer-legal-name {
  font-family: var(--accent-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: normal;
  text-wrap: balance;
}
@media (min-width: 1200px) {
  html[lang="en"] body .main-footer > .container > .row > .col-xl-4 { width: 40%; }
  html[lang="en"] body .main-footer > .container > .row > .col-xl-8 { width: 60%; }
}
@media (max-width: 767px) {
  html[lang="en"] body .main-footer .footer-legal-name { font-size: 16px; }
}
/* Balance the text-bearing child when a heading contains an action button. */
html[lang="en"] body main :is(h1,h2,h3,h4,h5,h6) > :is(a,button) { text-wrap: balance; }
/* Keep the legal name intact wherever a desktop/tablet text column permits it.
   Narrow-screen heading and prose grouping was approved on 2 October 2026. */
html[lang="en"] body .phx-bank-name {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
@media (min-width: 768px) {
  html[lang="en"] body .phx-bank-name {
    display: inline-block;
    white-space: nowrap;
    text-wrap: nowrap;
  }
  html[lang="en"] body main :is(h1,h2,h3,h4,h5,h6) .phx-bank-name {
    font-family: var(--accent-font);
    font-weight: 500;
    font-size: min(1em, 32px);
  }
  html[lang="en"] body main :is(.media-card-body,.post-item-content,.home-newsroom-item) .phx-bank-name {
    font-size: min(1em, 17px);
  }
}
@media (min-width: 768px) {
  html[lang="en"] body .nav-offcanvas .phx-bank-name { font-size: min(1em, 16px); }
}
@media (min-width: 768px) {
  /* Retain room for the complete identity in media titles and summaries. */
  html[lang="en"] body main .media-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr));
  }
  html[lang="en"] body main .media-card-body :is(h2,h3) .phx-bank-name {
    font-size: min(1em, 20px);
  }
}
/* Approved narrow-screen exception: two complete name groups, 2 October 2026. */
html[lang="en"] body .phx-bank-name > :is(.phx-bank-prefix,.phx-bank-suffix) {
  display: inline;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  text-wrap: nowrap;
  text-transform: none;
}
@media (max-width: 767px) {
  html[lang="en"] body .phx-bank-name {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
  }
  html[lang="en"] body main :is(h1,h2,h3,h4,h5,h6) .phx-bank-name {
    font-family: var(--accent-font);
    font-weight: 500;
    font-size: min(1em, 24px);
  }
  html[lang="en"] body main .media-card-body :is(h2,h3) .phx-bank-name {
    font-size: min(1em, 20px);
  }
  html[lang="en"] body main .hero > .container { width: 100%; max-width: 100%; }
  html[lang="en"] body .main-footer .footer-legal-name .phx-bank-name {
    white-space: nowrap;
    text-wrap: nowrap;
  }
}

/* Override the legacy mobile hero's blanket span-wrap rule for name groups. */
html[lang="en"] body main .hero .phx-bank-name > :is(.phx-bank-prefix,.phx-bank-suffix) {
 white-space: nowrap !important;
 text-wrap: nowrap !important;
}

/* Give selected short closing phrases enough room on narrow screens. */
@media(max-width:479px) {
 html[lang="en"] body main h2.phx-phrase-fit {
  --phx-h2:24px;
  --phx-enquiry-title:24px;
  font-size:24px !important;
 }
 html[lang="en"] body main h2.phx-phrase-fit.sec-title {
  --phx-h2:22px;
  font-size:22px !important;
 }
 html[lang="en"] body main .legal-section h2 .phx-bank-name { font-size:22px; }
}
@media(min-width:768px) {
 html[lang="en"] body main h2.phx-name-with-product .phx-bank-name { font-size:28px; }
}

@media(max-width:479px) {
 html[lang="en"] body main h1.phx-article-phrase-fit { --phx-h1:24px; font-size:24px !important; }
}

/* Desktop home hero: the company identity leads, with a subordinate tagline. */
@media (min-width:1024px) {
 html[lang="en"] body main .hero .phoenix-bank-name .phx-bank-name {
  font-size:clamp(40px,3.7vw,52px);
  line-height:1.15;
 }
 html[lang="en"] body main .hero .phoenix-hero-heading .phoenix-tagline {
  font-size:clamp(28px,2.2vw,32px) !important;
  line-height:1.3;
 }
}

/* Desktop enquiry introduction shares the response desk's reading width. */
@media (min-width:1024px) {
 html[lang="en"] body main .home-enquiry-copy > .section-title {
  width:100%;
  max-width:390px;
  --phx-h2:23px;
  --phx-enquiry-title:23px;
 }
 html[lang="en"] body main .home-enquiry-copy > .section-title h2 .phx-bank-name {
  font-size:23px;
 }
}

/* Keep the enquiry tint attached to the section while its photo scrolls. */
html[lang="en"] body main .home-enquiry-section {
 background-image:url('../images/intro-video-bg-image-institutional-enquiry-phoenix-team-shirts-ai-enhanced.webp');
}
html[lang="en"] body main .home-enquiry-section::before {
 content:"";
 display:block;
 position:absolute;
 inset:0;
 z-index:0;
 border-radius:inherit;
 background:linear-gradient(90deg,rgba(2,22,35,.76),rgba(2,22,35,.68));
 pointer-events:none;
}

/* Enquiry hierarchy and readable secondary form guidance. */
@media (min-width:1024px) {
 html[lang="en"] body main .home-enquiry-copy > .section-title {
  --phx-h2:34px;
  --phx-enquiry-title:34px;
 }
}
html[lang="en"] body main .home-enquiry-form form :is(.form-required-note,.form-field-hint) {
 color:#cbd5dd;
 font-size:13px !important;
 font-style:italic !important;
 line-height:1.6 !important;
}

/* 5 October recheck: complete email addresses occupy one readable line.
   Retain existing 14px inline contact copy; standard contact values cap at 16px.
   Containers reflow before nonbreaking text is applied. */
html[lang="en"] body a[href^="mailto:"]:not(form a) {
 display:inline-block;
 font-family:var(--default-font),sans-serif;
 font-size:min(1em,16px);
 font-weight:500;
 font-style:normal;
 letter-spacing:0;
 white-space:nowrap !important;
 text-wrap:nowrap;
 overflow-wrap:normal !important;
 word-break:normal;
}
html[lang="en"] body a[href^="mailto:"]:not(form a) wbr { display:none; }
html[lang="en"] body a[href^="mailto:"]:not(form a) .phx-email-part { display:inline; }
html[lang="en"] body .main-footer .footer-contact-item:has(a[href^="mailto:"]) {
 flex:1 1 280px;
 min-width:0;
}
html[lang="en"] body .main-footer .footer-contact-item-content { min-width:0; }
html[lang="en"] body main .important-disclaimer-section { padding-inline:16px; }
@media (max-width:767px) {
 html[lang="en"] body main .legal-document { padding-inline:16px; }
 html[lang="en"] body main .legal-table-wrap:has(a[href^="mailto:"]) { overflow:visible; }
 html[lang="en"] body main .legal-info-table:has(a[href^="mailto:"]) {
  display:table;
  min-width:0;
  width:100%;
  overflow:visible;
 }
 html[lang="en"] body main .legal-info-table:has(a[href^="mailto:"]) :is(tbody,tr,th,td) {
  display:block;
  width:100%;
  min-width:0;
 }
 html[lang="en"] body main .legal-info-table:has(a[href^="mailto:"]) :is(th,td) { padding:10px 8px; }
}
@media (max-width:479px) {
 html[lang="en"] body a[href^="mailto:"]:not(form a) { font-size:min(1em,15px); }
 html[lang="en"] body main .important-disclaimer-section { padding-inline:0; }
 html[lang="en"] body .main-footer .footer-contact-item:has(a[href^="mailto:"]) { width:100%; }
 html[lang="en"] body main .hero-support-box { padding-inline:20px; }
}