/* Mobile design roles: one final layer shared by all routes. Desktop is unchanged. */ @media (max-width:720px) { html:not(:has(.qualifications-page)) { --mobile-title:28px; --mobile-section-type:20px;--mobile-card-type:16px; --mobile-body-type:16px;--mobile-caption-type:14px; --mobile-hero-title:var(--mobile-title); --official-h2:20px;--official-h3:16px;--official-body:16px;--official-note:14px; --mobile-page-gutter:20px; } html {scroll-padding-top:64px;-webkit-text-size-adjust:100%;} html body:not(:has(.qualifications-page)) {font-size:16px;line-height:1.75;font-weight:400;} html body:not(:has(.qualifications-page)) #main#main#main {--official-h2:20px;--official-h3:16px;--official-body:16px;--official-note:14px;} html body:not(:has(.qualifications-page)) #main#main#main :is(h1,h2,h3,h4,p,li) {letter-spacing:0;text-wrap:pretty;overflow-wrap:break-word;} html body:not(:has(.qualifications-page)) #main#main#main h1 {font-size:var(--mobile-title)!important;line-height:1.35!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main h2 {font-size:20px!important;line-height:1.4!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(h3,h4) {font-size:16px!important;line-height:1.5!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(p,li) {font-size:16px!important;line-height:1.625!important;font-weight:400!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(small,time,figcaption) {font-size:14px!important;line-height:1.6!important;font-weight:400!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.section-heading,.ps-heading) {margin-bottom:24px;} html body:not(:has(.qualifications-page)) #main#main#main :is(.button,.hero-carousel-action,.feed-hero-cta,.zhiliao-product-contact) { display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto; padding:11px 20px;font-size:16px!important;line-height:22px!important;font-weight:500!important;border-radius:6px; } html body:not(:has(.qualifications-page)) #main#main#main :is(.zhiliao-demo-tabs button,.newsroom-toolbar button,.newsroom-topic-select,.qualifications-tabs button) { min-height:44px;font-size:14px!important;font-weight:500!important;line-height:1.5!important; } html body:not(:has(.qualifications-page)) #main#main#main :is(.home-company-summary-facts h3,.reference-metrics-grid h3) {font-size:14px!important;line-height:1.5!important;font-weight:400!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.home-company-summary-facts strong,.reference-metrics-grid strong) {font-size:32px!important;line-height:1.2!important;font-weight:500!important;} /* Give the first service heading a place in the first screen. */ html body:not(:has(.qualifications-page)) #main#main#main .home-hero-carousel {height:auto!important;min-height:0!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-hero-carousel .home-hero-sticky { position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr); height:auto!important;min-height:0!important;padding-top:var(--header-height,44px); } html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-copy { grid-area:1/1!important;position:relative!important;inset:auto!important; padding:28px 20px 24px!important;align-self:start;transform:none!important;min-height:0!important; } html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-copy:not(.is-active) {visibility:hidden;pointer-events:none;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-copy :is(h1,h2) { font-size:var(--mobile-title)!important;line-height:1.35!important;font-weight:500!important;margin:0 0 16px!important; } html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-copy p {margin:0 0 20px!important;color:#e1e2e3!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-hero-carousel .hero-carousel-media { grid-area:2/1!important;position:relative!important;inset:auto!important; width:100%!important;height:clamp(190px,52vw,224px)!important;min-height:0!important; object-fit:cover!important;transform:none!important; } html body:not(:has(.qualifications-page)) #main#main#main .home-hero-carousel .home-hero-sticky::after {display:none;} html body:not(:has(.qualifications-page)) #main#main#main .home-hero-carousel .hero-carousel-tabs { position:relative!important;grid-area:3/1;inset:auto!important;translate:none!important; display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; width:auto!important;margin:0!important;padding:8px 20px 12px;background:#151719; } html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button {min-height:44px;padding:8px 0 0!important;color:#b9bec4;font-size:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button::after {display:block;margin-top:6px;font-size:14px;line-height:20px;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button:nth-child(1)::after {content:'赫玛';} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button:nth-child(2)::after {content:'知了';} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button:nth-child(3)::after {content:'评估';} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button:nth-child(4)::after {content:'咨询';} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs button[aria-selected=true] {color:#e9bd39;font-weight:600;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-tabs :is(.hero-carousel-tab-name,.hero-carousel-tab-label) {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-progress {position:relative;inset:auto;display:block;width:100%;height:2px;} html body:not(:has(.qualifications-page)) #main#main#main .home-services-reference {padding-block:36px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-services-reference-strengths {gap:16px;} html body:not(:has(.qualifications-page)) #main#main#main .home-services-reference-strengths strong {font-size:16px!important;line-height:1.5!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-services-reference-strengths span {font-size:14px!important;line-height:1.6!important;} /* Stable card geometry; no viewport-dependent text squeezing. */ html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card { position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important; grid-template-rows:auto auto auto auto!important;column-gap:16px!important;row-gap:8px!important; padding:20px!important;min-height:0!important;height:auto!important;align-items:start; } html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-number {grid-column:1;grid-row:1;font-size:14px!important;line-height:1.4;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card h3 {grid-column:1;grid-row:2;margin:0!important;font-size:16px!important;line-height:1.45!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card p {grid-column:1;grid-row:3;margin:0!important;font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card .home-service-reference-media { position:relative!important;inset:auto!important;grid-column:2;grid-row:1/5; width:104px!important;height:140px!important;min-height:0!important;align-self:center; } html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-media img {width:100%;height:100%;object-fit:cover;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-link {grid-column:1;grid-row:4;min-height:44px;display:flex;align-items:center;font-size:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-link::after {content:'';position:absolute;inset:0;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card:focus-within {outline:2px solid #dbad24;outline-offset:3px;} html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero {height:440px!important;min-height:0!important;padding:0!important;} html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero .unified-hero-image {position:absolute!important;inset:0!important;height:100%!important;object-fit:cover!important;} html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero .unified-hero-copy { position:absolute!important;inset:0!important;display:flex!important;align-items:center!important; justify-content:center!important;padding:64px 24px 24px!important;margin:0!important;height:100%!important; } html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero .unified-hero-copy h1 { width:100%!important;max-width:13em!important;font-size:28px!important;line-height:1.5!important; font-weight:500!important;text-align:left!important;word-break:keep-all;overflow-wrap:normal; } html body:not(:has(.qualifications-page)) #main#main#main #assistant :is(.zhiliao-scenarios-description,.zhiliao-demo-copy p) {color:#d9dce0!important;opacity:1!important;} html body:not(:has(.qualifications-page)) #main#main#main #assistant .zhiliao-demo-tabs {background:#24272a!important;border:1px solid #555b61;} html body:not(:has(.qualifications-page)) #main#main#main #assistant .zhiliao-demo-tabs > [role=tab] {color:#d6d9dd!important;opacity:1!important;} html body:not(:has(.qualifications-page)) #main#main#main #assistant .zhiliao-demo-tabs > [aria-selected=true] {color:#171717!important;background:#e4b52d!important;} html body:not(:has(.qualifications-page)) #main#main#main #assistant .zhiliao-demo-copy > h3 {display:block!important;white-space:normal!important;font-size:16px!important;line-height:1.5!important;} html body:not(:has(.qualifications-page)) #main#main#main #assistant .zhiliao-demo-copy {padding:20px!important;} /* Navigation is immediately readable; reserve animation for optional detail. */ html body:not(:has(.qualifications-page)) .mobile-menu,html body:not(:has(.qualifications-page)) .menu-overlay {animation-duration:.16s!important;} html body:not(:has(.qualifications-page)) .mobile-menu .nv-mobile-navigation {animation:none!important;opacity:1!important;transform:none!important;} html body:not(:has(.qualifications-page)) .mobile-menu :is(.nav-link,.nv-mobile-group-trigger) {font-size:16px!important;font-weight:400!important;min-height:52px;} html body:not(:has(.qualifications-page)) .mobile-menu .nv-mobile-navigation > * {animation:none!important;opacity:1!important;transform:none!important;} html body:not(:has(.qualifications-page)) .mobile-menu .nav-char {animation:none!important;opacity:1!important;transform:none!important;} /* A small labelled restore control replaces the three-button default obstruction. */ html body:not(:has(.qualifications-page)) .contact-rail {top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;right:12px!important;} html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed {transform:none!important;width:72px!important;height:44px!important;} html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed > .contact-rail-toggle { position:relative!important;inset:auto!important;display:flex!important;flex-direction:row;gap:4px; width:72px!important;min-width:72px!important;max-width:72px!important;height:44px!important;min-height:44px!important; border:1px solid #d4b047!important;border-radius:6px!important;background:#e4b52d!important;color:#151719!important; } html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed > .contact-rail-toggle > span {display:block!important;font-size:14px!important;} html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed > .contact-rail-toggle > svg {width:16px;height:16px;} html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-panel {max-width:calc(100vw - 40px);right:0!important;left:auto!important;} html body:not(:has(.qualifications-page)) .site-footer {padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;} html body:not(:has(.qualifications-page)) .site-footer :is(p,a) {font-weight:400;line-height:1.7;} html body:not(:has(.qualifications-page)) #main [data-site-reveal=visible] {animation-duration:.25s!important;animation-delay:0s!important;} } @media(max-width:374px) { html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card {grid-template-columns:minmax(0,1fr) 88px!important;gap:8px 12px!important;padding:16px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card .home-service-reference-media {width:88px!important;height:128px!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main :is(.button,.hero-carousel-action,.feed-hero-cta,.zhiliao-product-contact) {width:auto!important;min-width:112px;max-width:100%;white-space:normal;flex-shrink:0;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-action {white-space:nowrap;} html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed {translate:none!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero .unified-hero-copy h1 :is(span,.hero-title-line) {display:inline!important;white-space:normal!important;word-break:normal!important;} html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero .unified-hero-copy h1 {white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;text-wrap:balance;} html body:not(:has(.qualifications-page)) #main#main#main :is(.unified-hero,.ps-hero.ps-container):not(.about-page > .unified-hero) {height:auto!important;min-height:0!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.unified-hero-image,.ps-hero>img):not(.about-page .unified-hero-image) {height:240px!important;min-height:0!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.unified-hero-copy,.ps-hero-copy):not(.about-page .unified-hero-copy) {min-height:0!important;height:auto!important;padding:28px 20px!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed .contact-rail-buttons {display:none!important;} html body:not(:has(.qualifications-page)) .contact-rail.is-collapsed > .contact-rail-toggle {position:absolute!important;inset:0!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-panel { transform:none!important;scale:1!important;box-sizing:border-box;width:min(320px,calc(100vw - 24px))!important; height:auto!important;padding:24px!important;bottom:72px!important;border:1px solid #d4d7db; box-shadow:0 12px 40px #0004; } html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-panel :is(h2,span,p) {font-size:16px!important;font-weight:400!important;line-height:1.6!important;} html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-panel a:not(.contact-rail-qr-image) {display:flex;align-items:center;min-height:44px;font-size:20px!important;font-weight:500!important;line-height:1.5!important;} html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-close {width:44px!important;height:44px!important;top:0!important;right:0!important;} html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-qr-image {display:block;width:176px;height:176px;margin:8px auto 16px;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main .contact-card .contact-company h2 {font-size:18px!important;line-height:1.5!important;} html body:not(:has(.qualifications-page)) #main#main#main .contact-card .contact-company h3 {font-size:14px!important;font-weight:500!important;line-height:1.6!important;} html body:not(:has(.qualifications-page)) #main#main#main .about-page > .unified-hero .unified-hero-copy h1 {max-width:10em!important;text-wrap:wrap;} } /* Impeccable: Read/Operate roles for mobile components; brand display stays distinct. */ .mobile-home-news {display:none;} @media(max-width:720px) { html:not(:has(.qualifications-page)) { --m-display:28px;--m-section:20px;--m-card:16px;--m-list:16px; --m-body:16px;--m-summary:14px;--m-meta:13px;--m-control:15px; --m-weight-body:400;--m-weight-label:500;--m-weight-title:500; --gutter:20px;--official-heading-gap:24px;--official-section-space:48px; } html body:not(:has(.qualifications-page)) #main#main#main :is(h1,h2,h3,h4) {text-wrap:balance;} html body:not(:has(.qualifications-page)) #main#main#main :is(h1,h2,h3,h4)>:is(a,span,button) {font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;} html body:not(:has(.qualifications-page)) #main#main#main h4 {font-size:16px!important;font-weight:500!important;line-height:1.5!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.button,.hero-carousel-action,.feed-hero-cta,.zhiliao-product-contact) {font-size:var(--m-control)!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.home-service-reference-number,.home-service-reference-link,.home-company-summary-link,.home-news-more-link) {font-size:14px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.home-service-reference-card p,.reference-partner-card p,.assessment-process-card p,.qualification-card p,.newsroom-list-summary) {font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.newsroom-mobile-card h3,.newsroom-story-copy h4,.training-mobile-articles h4,.training-mobile-articles h4 a) {font-size:16px!important;font-weight:500!important;line-height:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(time,.newsroom-mobile-card time,.newsroom-mobile-card .newsroom-card-meta,.newsroom-mobile-card time+span) {font-size:13px!important;font-weight:400!important;line-height:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-news {padding-block:48px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-news > .container {row-gap:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-news-editorial-heading {margin:0!important;gap:12px;} html body:not(:has(.qualifications-page)) #main#main#main .home-news-editorial-heading .section-heading {margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-news .home-news-carousel {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-home-news {display:block!important;list-style:none!important;padding:0!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-home-news > li {list-style:none!important;margin:0!important;padding:0!important;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-row { display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:16px; padding:20px 0;color:inherit;text-decoration:none;min-height:112px;box-sizing:border-box; border-bottom:1px solid #ffffff29;position:relative; } html body:not(:has(.qualifications-page)) #main#main#main .mobile-home-news > li:first-child .mobile-news-row {padding-top:0;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-home-news > li:last-child .mobile-news-row {border-bottom:0;padding-bottom:0;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-copy {min-width:0;display:flex;flex-direction:column;gap:12px;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-row h3 { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; margin:0!important;font-size:var(--m-list)!important;font-weight:500!important;line-height:24px!important; color:#f3f4f5;text-wrap:wrap; } html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-thumbnail {grid-column:2;grid-row:1;width:104px;height:78px;object-fit:cover;border-radius:4px;background:#23272b;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-meta {display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-meta :is(time,span) {font-size:13px!important;font-weight:400!important;line-height:20px!important;color:#b9c0c7;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-row:active {background:#ffffff08;} html body:not(:has(.qualifications-page)) #main#main#main :is(.newsroom-mobile-card,.mobile-news-row):focus-visible {outline:2px solid #dfb535;outline-offset:4px;} html body:not(:has(.qualifications-page)) #main#main#main .newsroom-mobile-card {min-width:0;} html body:not(:has(.qualifications-page)) #main#main#main .newsroom-mobile-card h3 {text-wrap:wrap;} html body:not(:has(.qualifications-page)) #main#main#main :is(.training-mobile-item>h3>button,.nv-mobile-group-trigger) {min-height:48px;} html body:not(:has(.qualifications-page)) #main#main#main .training-mobile-item>h3 {font-size:16px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main .training-mobile-articles {gap:16px;} html body:not(:has(.qualifications-page)) #main#main#main .qualifications-tabs {gap:8px;overflow-x:auto;scrollbar-width:thin;} html body:not(:has(.qualifications-page)) #main#main#main :is(.qualifications-tabs button,.newsroom-toolbar button,.zhiliao-demo-tabs button) {font-size:14px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main .coverage-map-areas-title {font-size:14px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main .coverage-map button {min-height:44px;min-width:44px;font-size:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main .contact-phones a {font-size:20px!important;font-weight:500!important;line-height:30px!important;min-height:44px;display:inline-flex;align-items:center;} html body:not(:has(.qualifications-page)) #main#main#main .contact-company :is(p,address,.contact-address) {font-size:16px!important;font-weight:400!important;line-height:28px!important;} html body:not(:has(.qualifications-page)) #main#main#main .contact-card .contact-company h2 {font-size:18px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.home-company-summary-facts strong,.reference-metrics-grid strong) {font-size:28px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main .zhiliao-capability-grid dt {font-size:20px!important;font-weight:500!important;line-height:28px!important;} html body:not(:has(.qualifications-page)) .site-cta .site-cta-content h2 {font-size:20px!important;line-height:1.5!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) .site-footer .footer-col h3 {font-size:14px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) .site-footer :is(.footer-copyright,.footer-legal-details,.footer-legal-details p,.footer-legal-details a) {font-size:13px!important;line-height:1.7!important;font-weight:400!important;} html body:not(:has(.qualifications-page)) #main#main [data-site-reveal] {opacity:1!important;translate:none!important;scale:1!important;animation:none!important;} html body:not(:has(.qualifications-page)) #main#main .hero-carousel-copy :is(h1,h2,p,a) {opacity:1!important;translate:none!important;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-copy {align-self:start;} html body:not(:has(.qualifications-page)) :is(a,button,input,select):focus-visible {outline:2px solid #d8ae26;outline-offset:3px;} html body:not(:has(.qualifications-page)) .mobile-menu .nv-mobile-submenu a {min-height:48px;line-height:1.5;font-size:15px!important;} html body:not(:has(.qualifications-page)) .site-header .header-inner {padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px));} } @media(max-width:374px) { html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-row {grid-template-columns:minmax(0,1fr) 88px;gap:12px;} html body:not(:has(.qualifications-page)) #main#main#main .mobile-news-thumbnail {width:88px;height:72px;} } @media(prefers-reduced-motion:reduce) { html body:not(:has(.qualifications-page)) .mobile-news-row {transition:none!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-number {font-weight:400!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-news {background:#101315!important;background-image:none!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-news::before,html body:not(:has(.qualifications-page)) #main#main#main .home-news::after {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main .coverage-map-panel {height:auto!important;min-height:0!important;padding:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main .coverage-map-areas {height:auto!important;min-height:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;} html body:not(:has(.qualifications-page)) #main#main#main .coverage-map-areas button {opacity:1!important;visibility:visible!important;transform:none!important;font-size:14px!important;line-height:20px;} html body:not(:has(.qualifications-page)) #main#main#main .coverage-map-stage {height:auto!important;min-height:240px;} html body:not(:has(.qualifications-page)) .site-footer .footer-col .footer-col-links {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;overflow:visible!important;white-space:normal!important;} html body:not(:has(.qualifications-page)) .site-footer .footer-col .footer-col-links a {min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:normal!important;font-size:14px!important;} html body:not(:has(.qualifications-page)) .site-footer .footer-col[aria-label="页脚产品与服务"] .footer-col-links {grid-template-columns:1fr!important;} html body:not(:has(.qualifications-page)) .site-footer .footer-col[aria-label="页脚产品与服务"] .footer-col-links a {justify-content:flex-start;} } /* Intel-inspired mobile footer accordion, retaining Halmana's own colours. */ .footer-group-toggle {display:none;} @media(max-width:720px) { html body .site-footer .footer-col {margin:0!important;padding:0!important;border-bottom:1px solid #ffffff24;} html body .site-footer .footer-col h3 {margin:0!important;padding:0!important;border:0!important;width:100%;} html body .site-footer .footer-group-label {display:none!important;} html body .site-footer .footer-group-toggle {display:flex!important;align-items:center;justify-content:space-between;gap:16px; width:100%;min-height:56px;padding:14px 0;border:0;background:transparent;color:#f0f0f0; font:500 16px/24px var(--official-font,var(--font-body,sans-serif));text-align:left;cursor:pointer; } html body .site-footer .footer-group-toggle svg {width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;transition:transform .18s ease;} html body .site-footer .footer-group-toggle[aria-expanded=true] svg {transform:rotate(180deg);} html body .site-footer .footer-col .footer-col-links {display:none!important;overflow:visible!important;width:100%!important;white-space:normal!important;} html body .site-footer .footer-col[data-open=true] .footer-col-links {display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:0 0 12px!important;} html body .site-footer .footer-col .footer-col-links a {display:flex!important;align-items:center;justify-content:flex-start!important;min-height:44px;padding:8px 0!important;white-space:normal!important;color:#c4c7ca;font-size:14px!important;font-weight:400;line-height:22px;} html body .site-footer .footer-col-links a:focus-visible,html body .site-footer .footer-group-toggle:focus-visible {outline:2px solid #dfb535;outline-offset:3px;} html body .site-footer .footer-col-links a:hover {color:var(--corporate-accent,#dfb535);} html body .site-footer .footer-top {row-gap:0!important;} html body .site-footer .footer-brand {margin-top:28px;} } @media(prefers-reduced-motion:reduce) {html body .site-footer .footer-group-toggle svg {transition:none;}} @media(max-width:720px) { html body footer.site-footer#about .footer-col[data-open=false] > .footer-col-links {display:none!important;} html body footer.site-footer#about .footer-col[data-open=true] > .footer-col-links {display:flex!important;flex-direction:column!important;align-items:stretch!important;} html body footer.site-footer#about .footer-col[data-open=true] > .footer-col-links > a {justify-content:flex-start!important;min-height:44px;} } /* 2026-11-12: calibrated at 390 CSS px against Intel/Huawei live mobile typography. Corporate copy is compact, article prose remains a separate readable role. */ @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main :is(.hero-carousel-summary,.hero-carousel-copy p,.unified-hero-copy p,.ps-hero-copy p,.home-services-reference-intro>p,.home-company-summary-copy>p,.zhiliao-scenarios-description) { font-size:15px!important;font-weight:400!important;line-height:24px!important; } html body:not(:has(.qualifications-page)) #main#main#main :is(h3,h4) {line-height:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(h1,h2,h3,h4) > :is(a,span,button) {font-weight:inherit!important;font-size:inherit!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.home-service-reference-card p,.reference-partner-card p,.assessment-process-card p) {font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.home-company-summary-facts strong,.reference-metrics-grid strong) {font-weight:600!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-services-reference-strengths strong {font-size:16px!important;font-weight:500!important;line-height:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main .home-services-reference-strengths span {font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) .site-cta .site-cta-content h2 {font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main .hero-carousel-copy :is(h1,h2) {margin-bottom:16px!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main .home-service-reference-card h3 {line-height:24px!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) main.page .hero-title h1, html body:not(:has(.qualifications-page)) main.page .hero-title h1 span {font-size:28px!important;font-weight:500!important;line-height:38px!important;} } /* User-confirmed mobile body roles: body/introductions 14px, short notes 13px. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) { --mobile-body-type:14px;--mobile-caption-type:13px;--m-body:14px;--m-summary:13px; } html body:not(:has(.qualifications-page)) #main#main#main {--official-body:14px;--official-note:13px;font-size:14px;} html body:not(:has(.qualifications-page)) #main#main#main :is(p,li,dd,address) { font-size:14px!important;line-height:23px!important; } html body:not(:has(.qualifications-page)) #main#main#main :is(p,li,dd,address) :is(span,strong,em) {font-size:inherit!important;} html body:not(:has(.qualifications-page)) #main#main#main :is(.hero-carousel-summary,.hero-carousel-copy p,.unified-hero-copy p,.ps-hero-copy p,.home-services-reference-intro>p,.home-company-summary-copy>p,.zhiliao-scenarios-description,.contact-company p,.contact-company address,.contact-address) { font-size:14px!important;font-weight:400!important;line-height:23px!important; } html body:not(:has(.qualifications-page)) #main#main#main :is(.home-service-reference-card p,.reference-partner-card p,.assessment-process-card p,.newsroom-list-summary,.home-news-card-summary,.home-services-reference-strengths span,small,figcaption,.home-company-summary-facts h3,.reference-metrics-grid h3,.home-company-summary-facts p,.reference-metrics-grid p) { font-size:13px!important;line-height:21px!important; } html body:not(:has(.qualifications-page)) #main#main#main .contact-company .contact-addresses :is(div,span) {font-size:14px!important;line-height:23px!important;} html body:not(:has(.qualifications-page)) main.page :is(p,.hero-description) {font-size:14px!important;line-height:23px!important;} } /* Non-paragraph text roles: audit direct text nodes, not just p elements. */ @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main :is(.home-services-reference-strengths strong,.consulting-case-overlay span,.zhiliao-manufacturing-facts dd,.contact-addresses address,.contact-phones span,.training-mobile-enroll) { font-size:14px!important;line-height:22px!important; } html body:not(:has(.qualifications-page)) #main#main#main#main .contact-addresses :is(address,span,a) {font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) main.page .platform-name {font-size:14px!important;line-height:22px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) .skip-link {font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) .mobile-menu :is(.nav-link,.nv-mobile-group-trigger,.nav-char,.nv-mobile-submenu a) {font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) .contact-rail .contact-rail-panel :is(h2,span,p) {font-size:14px!important;line-height:22px!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search input, html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search input::placeholder {font-size:14px!important;line-height:22px!important;} } /* Labels beside icons or process steps are not editorial headings, even when legacy markup uses h3. Keep their semantic role separate from real titles. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-icon-label:14px;--m-step-label:14px;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.ps-progression h3,.ps-five-values span,.assessment-benefits h3,.assessment-audiences h3,.assessment-process-card h3,.maturity-level-copy h3,.culture-circle-title,.zhiliao-demo-copy h3,.zhiliao-demo-copy h3 span) { font-size:14px!important;font-weight:500!important;line-height:22px!important; } html body:not(:has(.qualifications-page)) #main#main#main#main .ps-progression p {font-size:13px!important;line-height:21px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts > div:nth-child(n+2) dt {font-size:14px!important;line-height:22px!important;font-weight:500!important;} } .mobile-service-name {display:none;} @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-number {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-card {grid-template-rows:auto auto auto!important;row-gap:10px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-card h3 {grid-row:1;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-card p {grid-row:2;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-link {grid-row:3;font-size:14px!important;letter-spacing:0!important;font-weight:500!important;line-height:20px!important;gap:8px;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-media {grid-row:1/4!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .desktop-service-name {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .mobile-service-name {display:inline!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-scenarios-description {width:100%!important;inline-size:100%!important;max-width:none!important;margin:0!important;padding:0!important;justify-self:stretch!important;text-align:left!important;text-indent:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy {padding:28px 20px 20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy h3 {display:block!important;white-space:nowrap!important;margin:0 0 18px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy h3 span {display:inline!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy h3 span+span::before {content:'，';} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important;margin-top:28px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts>div {min-width:0;text-align:left!important;padding:0 0 0 12px;border-left:1px solid #dedede;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts dt {font-size:18px!important;font-weight:500!important;line-height:26px!important;white-space:nowrap;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts>div:first-child dt {font-size:24px!important;font-weight:600!important;line-height:30px!important;font-variant-numeric:tabular-nums;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts .capability-arrow {font-size:16px!important;margin-inline:4px;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts dd {font-size:13px!important;font-weight:400!important;line-height:21px!important;margin:8px 0 0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-figure {position:relative!important;width:100%!important;max-width:none!important;height:320px!important;transform:none!important;margin:32px 0 0!important;padding:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-stage {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-art {display:block!important;position:absolute;inset:25px 0 30px;height:auto!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-art-img {width:100%!important;height:100%!important;transform:scaleY(1.45);} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-copy {display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node {position:absolute!important;width:104px!important;transform:translateY(-50%)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='01'] {left:0!important;top:65%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='02'] {left:34%!important;top:9%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='03'] {left:auto!important;right:0!important;top:32%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='04'] {left:auto!important;right:10%!important;top:88%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-core {left:46.21%!important;top:52.43%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-row {display:flex!important;gap:5px!important;margin:0!important;white-space:nowrap;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel :is(.ol-title,.ol-num,.ol-h-title) {font-size:14px!important;line-height:20px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-desc {font-size:13px!important;line-height:20px!important;font-weight:400!important;margin:5px 0 0!important;white-space:normal!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-ecosystem-logo {width:112.5px!important;min-width:112.5px!important;height:48px!important;gap:7.5px!important;padding:9px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-ecosystem-logo img {width:24px!important;height:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-ecosystem-logo span {font-size:12px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:100%!important;max-width:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card {display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:auto auto auto;gap:12px 16px!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;min-block-size:0!important;height:auto!important;padding:20px!important;box-sizing:border-box;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-product-icons {grid-column:1;grid-row:1;margin:0!important;justify-content:flex-start;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card h3 {grid-column:1;grid-row:2;margin:0!important;max-width:none!important;white-space:normal!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card p {grid-column:1;grid-row:3;width:auto!important;max-width:none!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-certificate {grid-column:2;grid-row:1/4;align-self:center;width:112px!important;height:auto!important;max-height:none!important;margin:0!important;transform:none!important;} } .desktop-service-name {font:inherit!important;color:inherit!important;letter-spacing:inherit;} @media(min-width:721px) { html body .site-footer .footer-col>h3 .footer-group-label {font:inherit!important;color:inherit!important;letter-spacing:inherit!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-art {height:calc(100% - 55px)!important;aspect-ratio:auto!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='01'] {left:11%!important;top:66%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='02'] {left:43%!important;top:27%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='03'] {right:0!important;top:45%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='04'] {right:0!important;top:88%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-row {justify-content:flex-start!important;text-align:left!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-desc {text-align:left!important;text-indent:0!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-assistant-heading-row {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-bottom:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-scenarios-left {display:contents!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant h2 {grid-row:1;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-scenarios-description {grid-row:2;order:0!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-tabs {grid-row:3;order:0!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy {display:block!important;height:auto!important;min-height:0!important;min-block-size:0!important;padding:24px 20px 20px!important;justify-content:flex-start!important;gap:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy h3 {margin:0 0 12px!important;min-height:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-copy p {margin:0!important;min-height:0!important;} /* Desktop diagram coordinates retained on a proportional mobile canvas. */ html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-figure {width:calc(100% - 40px)!important;height:auto!important;aspect-ratio:728 / 300;margin:32px 40px 30px 0!important;padding:0 0 32px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-art {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:728 / 300!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-art-img {width:100%!important;height:auto!important;transform:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-copy {height:calc(100% - 32px)!important;aspect-ratio:728 / 300!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node {width:80px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='01'] {left:9.69029%!important;top:62.649%!important;right:auto!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='02'] {left:37.8949%!important;top:6.74667%!important;right:auto!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='03'] {left:88.315%!important;top:23.2447%!important;right:auto!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node[data-step='04'] {left:66.2719%!important;top:90.3797%!important;right:auto!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel :is(.ol-title,.ol-num,.ol-h-title) {font-size:10px!important;line-height:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-desc {font-size:9px!important;line-height:13px!important;margin-top:3px!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-figure {container-type:inline-size;width:calc(100% - 56px)!important;margin-right:56px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-h-node {width:27cqw!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel :is(.ol-title,.ol-num,.ol-h-title) {font-size:3.4cqw!important;line-height:4.8cqw!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-desc {font-size:3cqw!important;line-height:4.4cqw!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-row {gap:1.7cqw!important;} } /* Mobile component geometry: compact visual surfaces and separate hit areas. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-control-height:36px;--m-tab-height:32px;--m-control-radius:6px;--m-control-padding:14px;--m-control-gold:var(--corporate-accent,#dba81f);--m-control-ink:#17191b;--m-control-line:#d9dcdf;--m-control-active:#fbf3de;--m-control-focus:#9b7100;--m-card-padding:16px;--m-icon:24px;--m-control-icon:16px;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.button,.hero-carousel-action,.feed-hero-cta,.training-mobile-enroll,.zhiliao-product-contact) { box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--m-control-height)!important;height:var(--m-control-height)!important;min-width:0!important;width:fit-content!important;max-width:100%!important;padding:7px var(--m-control-padding)!important;font-size:14px!important;line-height:20px!important;font-weight:500!important;letter-spacing:0!important;border-radius:var(--m-control-radius)!important;box-shadow:none!important; } html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-card {padding:16px!important;column-gap:16px!important;row-gap:6px!important;grid-template-columns:minmax(0,1fr) 88px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-service-reference-media {width:88px!important;height:112px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-grid {gap:12px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-card {padding:16px!important;min-height:0!important;height:auto!important;gap:12px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-card svg {width:28px!important;height:28px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .ps-progression {gap:10px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .ps-outline-card {padding:14px 8px!important;gap:8px!important;min-height:0!important;height:auto!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .ps-outline-card>svg {width:28px!important;height:28px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .ps-outline-card :is(h3,p) {margin-top:6px!important;margin-bottom:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .ps-five-values {gap:8px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .ps-five-values .service-icon {width:28px!important;height:28px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .training-mobile-item>h3>button {height:auto!important;min-height:48px!important;padding:12px 0!important;gap:12px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .training-mobile-item>h3>button>svg {width:24px!important;height:24px!important;flex:none;} html body:not(:has(.qualifications-page)) #main#main#main#main .training-mobile-toggle {font-size:20px!important;min-width:24px;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.newsroom-topic-select,.newsroom-toolbar button) {box-sizing:border-box;position:relative;min-height:var(--m-control-height)!important;height:var(--m-control-height)!important;padding:7px 10px!important;font-size:14px!important;line-height:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card {padding:16px!important;gap:10px 12px!important;grid-template-columns:minmax(0,1fr) 96px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-certificate {width:96px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .reference-partner-product-icons img {width:24px!important;height:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-pagination button {position:relative;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:6px!important;border-radius:var(--m-control-radius)!important;font-size:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-pagination {gap:8px!important;flex-wrap:wrap;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search {box-sizing:border-box;height:var(--m-control-height)!important;min-height:var(--m-control-height)!important;padding:0 10px!important;border:1px solid var(--m-control-line)!important;border-radius:var(--m-control-radius)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search input {box-sizing:border-box;min-height:0!important;height:100%!important;padding:0!important;font-size:14px!important;line-height:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .unified-hero-controls {box-sizing:border-box;height:32px!important;min-height:0!important;padding:0 4px!important;gap:0!important;border:0!important;border-radius:16px!important;background:rgb(21 23 25 / 70%)!important;overflow:visible!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .unified-hero-controls button {position:relative;box-sizing:border-box;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .unified-hero-dots {gap:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .unified-hero-dots span {width:6px!important;height:6px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .unified-hero-controls svg {width:16px!important;height:16px!important;} html body:not(:has(.qualifications-page)) footer.site-footer#about .footer-group-toggle {min-height:48px!important;padding:12px 0!important;font-size:14px!important;line-height:24px!important;} html body:not(:has(.qualifications-page)) footer.site-footer#about .footer-group-toggle svg {width:16px!important;height:16px!important;} html body:not(:has(.qualifications-page)) .mobile-menu :is(.nav-link,.nv-mobile-group-trigger) {min-height:48px!important;padding-block:12px!important;} html body:not(:has(.qualifications-page)) main.page .platform {height:88px!important;min-height:88px!important;padding:12px!important;gap:8px!important;box-sizing:border-box;} html body:not(:has(.qualifications-page)) main.page .platform img {width:28px!important;height:28px!important;} html body:not(:has(.qualifications-page)) .qr-dialog {box-sizing:border-box;width:min(300px,calc(100vw - 40px))!important;max-height:calc(100svh - 48px);padding:20px!important;} html body:not(:has(.qualifications-page)) .qr-picture {display:block;width:180px!important;height:180px!important;max-width:100%;margin-inline:auto;} html body:not(:has(.qualifications-page)) .qr-close {width:44px!important;height:44px!important;font-size:22px!important;} } @media(max-width:720px) { html body .newsroom-topic-menu {width:min(224px,calc(100vw - 32px))!important;min-width:0!important;max-height:min(292px,calc(100svh - 120px))!important;padding:4px!important;border-radius:6px!important;} html body .newsroom-topic-menu-viewport {max-height:min(282px,calc(100svh - 130px))!important;padding:0!important;overflow-y:auto!important;} html body .newsroom-topic-option {box-sizing:border-box;min-height:40px!important;padding:9px 10px!important;font-size:14px!important;line-height:20px!important;border-radius:4px!important;} html body .newsroom-topic-option-count {font-size:13px!important;} } /* Shared mobile control states. Diagrams and the restored qualifications page are exempt. */ @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main :is(.button:not(.secondary):not(.button--secondary),.hero-carousel-action,.feed-hero-cta,.training-mobile-enroll,.zhiliao-product-contact) {background:var(--m-control-gold)!important;color:var(--m-control-ink)!important;border:1px solid transparent!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-tabs {box-sizing:border-box;width:fit-content!important;max-width:100%!important;gap:2px!important;padding:3px!important;border-radius:20px!important;overflow:visible!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-tabs button {position:relative;box-sizing:border-box;flex:none!important;min-width:0!important;min-height:var(--m-tab-height)!important;height:var(--m-tab-height)!important;padding:6px 12px!important;font-size:14px!important;line-height:20px!important;font-weight:500!important;border-radius:16px!important;box-shadow:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assistant .zhiliao-demo-tabs button[aria-selected=true] {background:var(--m-control-gold)!important;color:var(--m-control-ink)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select {border:1px solid var(--m-control-line)!important;border-radius:var(--m-control-radius)!important;background:#fff!important;font-weight:500!important;gap:8px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select::after {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select:is(.is-active,[data-state=open]) {border-color:var(--m-control-gold)!important;background:var(--m-control-active)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select svg {width:14px!important;height:14px!important;} html body .newsroom-topic-option[data-state=checked] {background:var(--m-control-active)!important;color:var(--m-control-ink)!important;font-weight:500!important;} html body .newsroom-topic-option[data-highlighted]:not([data-state=checked]) {background:#f4f5f6!important;} html body .newsroom-topic-option-check {color:var(--m-control-focus)!important;} /* Hit areas extend vertically into existing whitespace, never across neighbours. */ html body:not(:has(.qualifications-page)) #main#main#main#main :is(.button,.hero-carousel-action,.feed-hero-cta,.training-mobile-enroll,.zhiliao-product-contact,.newsroom-pagination button)::before {content:"";position:absolute;inset:-4px 0;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.unified-hero-controls button,#assistant .zhiliao-demo-tabs button)::before {content:"";position:absolute;inset:-6px 0;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.hero-carousel-action,.training-mobile-enroll,.zhiliao-product-contact,.newsroom-topic-select,.zhiliao-demo-tabs button,.newsroom-pagination button,.unified-hero-controls button):focus-visible {outline:2px solid var(--m-control-focus)!important;outline-offset:3px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.hero-carousel-action,.training-mobile-enroll,.zhiliao-product-contact):active {filter:brightness(.94);} html body:not(:has(.qualifications-page)) #main#main#main#main :is(button,a.button)[disabled] {opacity:.45;cursor:not-allowed;} } /* Mobile search icon and the original five-tier assessment pyramid. */ @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search {position:relative;padding-left:32px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search::before {left:10px!important;top:50%!important;width:14px!important;height:14px!important;transform:translateY(-50%)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .coverage-map-areas button {position:relative;box-sizing:border-box;min-height:36px!important;height:36px!important;padding:6px 10px!important;font-size:14px!important;line-height:22px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels {--maturity-pyramid-step:12%;--maturity-pyramid-gap:6px;--maturity-pyramid-slope:6%;--maturity-mobile-tier-height:52px;--maturity-mobile-icon:14px;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-level-list {box-sizing:border-box;width:100%!important;max-width:100%!important;--maturity-pyramid-step:12%;gap:var(--maturity-pyramid-gap)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-level-list>li {box-sizing:border-box;flex:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:calc(100% - var(--maturity-tier-index) * var(--maturity-pyramid-step))!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:var(--maturity-mobile-tier-height)!important;gap:4px!important;margin:0!important;padding:12px 6px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-level-icon {flex:none;width:var(--maturity-mobile-icon)!important;height:var(--maturity-mobile-icon)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-level-copy {display:flex!important;flex:0 1 auto!important;width:auto!important;flex-direction:row!important;align-items:baseline!important;justify-content:center!important;gap:6px!important;min-width:0!important;max-width:calc(100% - 18px)!important;white-space:nowrap!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-level-copy h3 {margin:0!important;font-size:14px!important;line-height:20px!important;font-weight:500!important;white-space:nowrap!important;word-spacing:-1px!important;color:var(--maturity-tier-text)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-level-copy p {margin:0!important;font-size:13px!important;line-height:19px!important;font-weight:400!important;white-space:nowrap!important;text-align:center!important;color:var(--maturity-tier-text)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-summary-desktop {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels .maturity-summary-mobile {display:inline!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-common-topics button {border:0!important;border-radius:var(--m-control-radius)!important;background:transparent!important;color:#5b6166!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-common-topics button::after {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-common-topics button[aria-pressed=true] {background:var(--m-control-active)!important;color:var(--m-control-ink)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-pagination button[aria-current=page] {background:var(--m-control-gold)!important;color:var(--m-control-ink)!important;border-color:transparent!important;} } /* Mobile rhythm: remove accumulated section and footer whitespace. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-section-tail:24px;--m-process-icon:24px;--m-process-column-gap:8px;--m-process-row-gap:10px;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-services {padding-bottom:var(--m-section-tail)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-definition-layout {row-gap:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-standards-grid {margin-block:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #assessment-levels {margin-top:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-card {display:grid!important;grid-template-columns:var(--m-process-icon) minmax(0,1fr)!important;column-gap:var(--m-process-column-gap)!important;row-gap:var(--m-process-row-gap)!important;align-items:center!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-symbol {width:var(--m-process-icon)!important;height:var(--m-process-icon)!important;margin:0!important;grid-column:1;grid-row:1;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-symbol svg {display:block;width:100%!important;height:100%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-card h3 {margin:0!important;grid-column:2;grid-row:1;} html body:not(:has(.qualifications-page)) #main#main#main#main .assessment-process-card p {margin:0!important;grid-column:1/-1;grid-row:2;} html body:not(:has(.qualifications-page)) footer.site-footer#about {padding-bottom:0!important;min-height:0!important;} html body:not(:has(.qualifications-page)) footer.site-footer#about .footer-top {padding-top:16px!important;padding-bottom:20px!important;} html body:not(:has(.qualifications-page)) footer.site-footer#about .footer-brand {margin-top:24px!important;padding-top:0!important;} html body:not(:has(.qualifications-page)) footer.site-footer#about .footer-bottom {min-height:0!important;padding-top:20px!important;padding-bottom:calc(var(--m-section-tail) + env(safe-area-inset-bottom,0px))!important;} } /* Mobile composition: partner proofs, an accessible cycle, and compact overlapping heroes. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-hero-overlap:clamp(62px,18vw,80px);--m-loop-gold:#d8bd78;--m-loop-note:#c9c5ba;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-grid {gap:16px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card {grid-template-columns:minmax(0,1fr) 108px!important;grid-template-rows:24px auto auto!important;padding:16px!important;gap:10px 14px!important;align-content:start!important;border-radius:12px!important;border:1px solid #dfe1e3!important;box-shadow:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-product-icons {grid-column:1/-1!important;grid-row:1!important;gap:8px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card h3 {grid-column:1/-1!important;grid-row:2!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card p {grid-column:1!important;grid-row:3!important;font-size:13px!important;line-height:21px!important;align-self:start!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-certificate {position:relative!important;inset:auto!important;grid-column:2!important;grid-row:3!important;align-self:center!important;width:108px!important;height:auto!important;max-width:100%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-figure {position:relative!important;container-type:normal!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;margin:28px 0 0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel :is(.ol-art,.ol-copy) {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-stage {position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:300px!important;margin:0!important;padding:0!important;background:url('/assets/mobile-cycle-20261113.svg') center/100% 100% no-repeat!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-core {position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:146px!important;height:40px!important;margin:0!important;padding:0 12px!important;border:1px solid #a88c44!important;border-radius:50%!important;background:#141718!important;z-index:1;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-core-title {width:auto!important;font-size:14px!important;line-height:20px!important;font-weight:500!important;color:var(--m-loop-gold)!important;text-align:center!important;white-space:nowrap!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-nodes {position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:100px 100px!important;gap:100px 40px!important;list-style:none!important;margin:0!important;padding:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node {position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;min-width:0!important;text-align:center!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node:nth-child(3) {grid-column:2;grid-row:2;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node:nth-child(4) {grid-column:1;grid-row:2;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-icon {display:block!important;width:28px!important;height:28px!important;object-fit:contain!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node:nth-child(2)::before, html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node:nth-child(3)::before {content:'';display:block;width:28px;height:28px;flex:none;background:var(--m-loop-gold);mask:var(--m-node-icon) center/contain no-repeat;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-text {display:block!important;min-width:0!important;width:100%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-row {display:flex!important;justify-content:center!important;align-items:baseline!important;gap:6px!important;margin:0!important;text-align:center!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel :is(.ol-title,.ol-num) {font-size:14px!important;font-weight:500!important;line-height:20px!important;white-space:nowrap!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-num {color:var(--m-loop-gold)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-title {color:#f4f3ef!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-desc {font-size:13px!important;font-weight:400!important;line-height:20px!important;margin:5px 0 0!important;text-align:center!important;white-space:normal!important;color:var(--m-loop-note)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-copy {padding:20px 20px 16px!important;z-index:2!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-media {margin-top:clamp(-108px,-25vw,-70px)!important;z-index:0!important;mask-image:linear-gradient(to bottom,transparent,#000 52%)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-tabs {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:34px!important;padding:0!important;gap:8px!important;z-index:3!important;box-sizing:border-box;} html body:not(:has(.qualifications-page)) #main#main#main#main .hero-carousel-tabs button {position:relative!important;display:grid!important;place-items:center!important;min-width:28px!important;width:28px!important;min-height:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .hero-carousel-tabs button::after {content:''!important;display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;margin:0!important;background:#73777b!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .hero-carousel-tabs button[aria-selected=true]::after {width:18px!important;border-radius:4px!important;background:var(--m-control-gold)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .hero-carousel-tabs :is(.hero-carousel-progress,.hero-carousel-tab-name,.hero-carousel-tab-label) {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.unified-hero,.ps-hero.ps-container) {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;position:relative!important;height:auto!important;min-height:0!important;padding:44px 0 0!important;overflow:hidden!important;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.unified-hero-copy,.ps-hero-copy) {grid-area:1/1!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;box-sizing:border-box;height:auto!important;min-height:0!important;padding:20px!important;margin:0!important;z-index:2!important;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.unified-hero-copy,.ps-hero-copy) h1 {margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.unified-hero-image,.ps-hero>img) {grid-area:2/1!important;position:relative!important;inset:auto!important;width:100%!important;height:240px!important;min-height:0!important;object-fit:cover!important;margin-top:calc(-1 * var(--m-hero-overlap))!important;transform:none!important;scale:1!important;mask-image:linear-gradient(to bottom,transparent,#000 40%)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main :is(.unified-hero-shade,.ps-hero-wash) {grid-area:2/1!important;position:relative!important;inset:auto!important;height:240px!important;margin-top:calc(-1 * var(--m-hero-overlap))!important;pointer-events:none;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-company-summary {display:block!important;min-height:0!important;min-block-size:0!important;height:auto!important;padding:32px 0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-company-summary-layout {min-height:0!important;height:auto!important;align-content:start!important;gap:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-company-summary-copy h2 {margin-bottom:16px!important;max-width:100%!important;white-space:normal!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-company-summary-facts {margin-top:20px!important;padding-top:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-company-summary-link {min-height:36px!important;margin-top:12px!important;} } @media(max-width:720px){ html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node:nth-child(2){--m-node-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M3%208h8l3%203h11v13H3z%22/%3E%3Cpath%20d%3D%22M6%204h8l3%203h8v2H13l-3-3H6z%22/%3E%3C/svg%3E");} html body:not(:has(.qualifications-page)) #main#main#main#main #knowledge-flywheel .ol-node:nth-child(3){--m-node-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2210%22%20rx%3D%222%22/%3E%3Crect%20x%3D%2216%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2210%22%20rx%3D%222%22/%3E%3Crect%20x%3D%222%22%20y%3D%2216%22%20width%3D%2210%22%20height%3D%2210%22%20rx%3D%222%22/%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2210%22%20height%3D%2210%22%20rx%3D%222%22/%3E%3C/svg%3E");} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing {padding-block:36px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-copy {width:100%!important;max-width:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing-heading {width:100%!important;max-width:none!important;text-align:left!important;margin:0!important;font-size:20px!important;line-height:30px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .manufacturing-title-line {display:block!important;white-space:nowrap!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .manufacturing-desktop-comma {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;margin:24px 0 0!important;padding:0!important;background:#e3e3df!important;border:1px solid #e3e3df!important;border-radius:12px!important;overflow:hidden!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts>div {box-sizing:border-box;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:94px!important;margin:0!important;padding:16px!important;border:0!important;background:#f7f7f4!important;text-align:left!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts dt, html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts>div:first-child dt {font-size:20px!important;font-weight:500!important;line-height:28px!important;white-space:nowrap!important;color:#20262b!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts dd {font-size:13px!important;font-weight:400!important;line-height:20px!important;margin-top:6px!important;color:#646b70!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .zhiliao-manufacturing-facts .capability-arrow {font-size:16px!important;font-weight:400!important;margin-inline:3px!important;color:var(--m-control-gold)!important;} } /* Equal benefits: icon-led mobile units, informed by live enterprise mobile sites. */ @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts {gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div {min-height:0!important;padding:14px!important;background:#fff!important;border:1px solid #e5e7e8!important;border-radius:12px!important;justify-content:flex-start!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div>dt {display:block!important;width:100%!important;font-size:18px!important;line-height:26px!important;font-weight:500!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div>dt::before {content:'';display:block;width:34px;height:34px;margin-bottom:10px;border-radius:8px;background:#fbf5e6 var(--m-benefit-icon) center/24px 24px no-repeat;} html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div>dd {margin:4px 0 0!important;font-size:13px!important;line-height:20px!important;} } @media(max-width:720px){html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div:nth-child(1){--m-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ae8419%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22/%3E%3Cpath%20d%3D%22M12%207v5l3%202M17%203l3%203M20%203v3h-3%22/%3E%3C/svg%3E");}} @media(max-width:720px){html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div:nth-child(2){--m-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ae8419%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%207%203v5c0%205-3%208-7%2010-4-2-7-5-7-10V6z%22/%3E%3Cpath%20d%3D%22m8%2011%203%203%205-5%22/%3E%3C/svg%3E");}} @media(max-width:720px){html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div:nth-child(3){--m-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ae8419%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2015%2015%209M8%2017l-1%201a4%204%200%200%201-6-6l4-4a4%204%200%200%201%206%200M16%207l1-1a4%204%200%200%201%206%206l-4%204a4%204%200%200%201-6%200%22%20transform%3D%22translate%281%200%29%20scale%28.9%29%22/%3E%3C/svg%3E");}} @media(max-width:720px){html body:not(:has(.qualifications-page)) #main#main#main#main #manufacturing .zhiliao-manufacturing-facts>div:nth-child(4){--m-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ae8419%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3C/svg%3E");}} @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-media {height:calc(clamp(190px,52vw,224px) + 34px)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-tabs {position:absolute!important;grid-area:auto!important;inset:auto auto 12px 50%!important;translate:none!important;transform:translateX(-50%)!important;box-sizing:border-box;width:fit-content!important;height:32px!important;padding:0 8px!important;gap:8px!important;border-radius:16px!important;background:rgb(21 23 25 / 65%)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-tabs button {min-height:32px!important;height:32px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .hero-carousel-tabs button::before {content:'';position:absolute;inset:-6px 0;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main .home-hero-carousel .home-hero-shade {grid-area:2/1!important;position:relative!important;inset:auto!important;height:calc(clamp(190px,52vw,224px) + 34px)!important;min-height:0!important;margin-top:clamp(-108px,-25vw,-70px)!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(to bottom,#151719 0%,rgb(21 23 25 / 70%) 28%,rgb(21 23 25 / 12%) 65%,transparent 100%)!important;} } /* Enlarged mobile authorization proofs start at the heading, not the body. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-partner-proof-width:clamp(112px,34vw,144px);} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card {grid-template-columns:minmax(0,1fr) var(--m-partner-proof-width)!important;column-gap:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-card h3 {grid-column:1!important;grid-row:2!important;align-self:start!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-certificate {grid-column:2!important;grid-row:2/4!important;align-self:start!important;justify-self:end!important;width:var(--m-partner-proof-width)!important;margin:0!important;padding:0!important;transform:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #workbuddy-authorization .reference-partner-certificate img {display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:top!important;margin:0!important;} } /* Mobile review: compact filters, proportional media, and complete client marks. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-process-icon:19.2px;--m-case-scale:.85;--m-case-width:calc(238px * var(--m-case-scale));--m-case-height:calc(168.28125px * var(--m-case-scale));--m-client-row:82px;--m-honors-fade:72px;} html body:not(:has(.qualifications-page)) #main#main#main#main .consulting-cases-sequence>li {flex:0 0 var(--m-case-width)!important;width:var(--m-case-width)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .consulting-cases-sequence img {width:100%!important;height:var(--m-case-height)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .consulting-cases-sequence {gap:14px!important;padding-right:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .training-mobile-content {padding-bottom:12px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .training-mobile-enroll {margin-bottom:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-toolbar {display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:0!important;margin-bottom:16px!important;overflow:visible!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-selects {grid-column:1;grid-row:1;min-width:0!important;width:100%!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-common-topics {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select {width:100%!important;min-width:0!important;justify-content:space-between!important;background:#fff!important;border-color:var(--m-control-line)!important;border-radius:6px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select[data-state=open] {border-color:var(--m-control-gold)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-search {grid-column:2;grid-row:1;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main .newsroom-topic-select>span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture {padding-block:36px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .corporate-culture-positioning {margin-bottom:24px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circles {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;padding:0!important;overflow:visible!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circle {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;padding:10px!important;border-radius:50%!important;text-align:center!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circle>.corporate-icon {width:28px!important;height:28px!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circle h3 {font-size:14px!important;line-height:20px!important;font-weight:500!important;text-align:center!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #honors .honors-restored-scene::before {content:'';position:absolute;inset:0 0 auto;height:var(--m-honors-fade);background:linear-gradient(to bottom,#e7e8ee 0%,rgb(231 232 238 / 78%) 28%,rgb(231 232 238 / 30%) 65%,transparent 100%);z-index:3;pointer-events:none;} /* Compact network summary: retain the real SVG map and its geographic data. */ html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map {grid-template-columns:minmax(0,1fr)!important;gap:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-panel {display:block!important;min-height:0!important;height:auto!important;padding:0 0 20px!important;background:transparent!important;border:0!important;border-bottom:1px solid #e2e3e4!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-total {margin:0!important;gap:10px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-count, html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-count-value {font-size:32px!important;font-weight:600!important;line-height:40px!important;color:var(--cm-hub)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-total>span {font-size:14px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-companies {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;margin:14px 0 0!important;padding:0!important;border:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-companies li {font-size:13px!important;line-height:20px!important;gap:6px!important;padding:0!important;white-space:nowrap!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-companies i {width:6px!important;height:6px!important;flex:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage :is(.coverage-map-areas,.coverage-map-areas-title) {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-stage {width:100%!important;min-height:0!important;height:auto!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-svg {width:100%!important;height:auto!important;} } /* Keep the desktop sphere, fit its complete silhouette into mobile width. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-culture-scale:.85;--m-map-canvas-scale:1.1730769231;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circles {justify-items:center!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circle {width:calc(100% * var(--m-culture-scale))!important;padding:8px!important;gap:6px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #culture .culture-circle>.corporate-icon {width:calc(28px * var(--m-culture-scale))!important;height:calc(28px * var(--m-culture-scale))!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-stage {overflow:hidden!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage .coverage-map-svg {width:calc(100% * var(--m-map-canvas-scale))!important;max-width:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #coverage :is(.company-label,.company-leader) {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .brand-logo-gallery {width:calc(100% - 40px)!important;margin-inline:auto!important;} } @media(max-width:720px) { } /* Preserve desktop composition on a proportional mobile viewport. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) {--m-client-reference-width:1920px;--m-client-reference-height:900px;--m-client-reference-scale:calc((100vw - 40px) / var(--m-client-reference-width));} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .brand-logo-gallery {position:relative!important;height:calc(var(--m-client-reference-height) * var(--m-client-reference-scale))!important;min-height:0!important;overflow:visible!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .brand-logo-stage {position:absolute!important;inset:0 auto auto 0!important;width:var(--m-client-reference-width)!important;max-width:none!important;height:var(--m-client-reference-height)!important;transform:scale(var(--m-client-reference-scale))!important;transform-origin:top left!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-enlarge {left:40px!important;top:40px!important;width:calc(100% - 80px)!important;height:calc(100% - 80px)!important;transform:none!important;transition:opacity .2s!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-close {width:calc(44px / var(--m-client-reference-scale))!important;height:calc(44px / var(--m-client-reference-scale))!important;right:calc(8px / var(--m-client-reference-scale))!important;top:calc(8px / var(--m-client-reference-scale))!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-close svg {width:calc(18px / var(--m-client-reference-scale))!important;height:calc(18px / var(--m-client-reference-scale))!important;} } @media(max-width:720px) { html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-root {--tile-radius:44px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-logo-frame {width:100%!important;height:100%!important;} } /* Triple the mobile gutter while reducing both the proof tile and its ink by 20%. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) { --m-client-original-slot:calc(1215px * 3.14 * 2 / 19); --m-client-tile-scale:.8; --m-client-tile-gap:30px; --m-client-tile-side:calc((var(--m-client-original-slot) - 10px) * var(--m-client-tile-scale)); --m-client-tile-radius:calc((var(--m-client-tile-side) + var(--m-client-tile-gap)) * 22 / 6.28); } html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-root {--radius:var(--m-client-tile-radius)!important;--tile-radius:calc(44px * var(--m-client-tile-scale))!important;} html body:not(:has(.qualifications-page)) #main#main#main#main #clients .rb-dome-item__image {inset:calc(var(--m-client-tile-gap) / 2)!important;padding:calc(5px * var(--m-client-tile-scale))!important;} } /* Reduce the current mobile hero surface by 20%, keeping type and controls intact. */ @media(max-width:720px) { html {--m-hero-height-scale:.8;} html:not(:has(.qualifications-page)) { --m-hero-copy-reference:75.6px; --m-home-copy-reference:252.6px; --m-ui-hero-top:52px; --m-ui-hero-gap:15.2px; } html body:not(:has(.qualifications-page)) #main#main#main#main#main :is(.ps-hero.ps-container,.unified-hero) { height:calc((44px + var(--m-hero-copy-reference) + 40px + 240px - var(--m-hero-overlap)) * var(--m-hero-height-scale))!important; height:calc-size(auto,size * var(--m-hero-height-scale))!important; min-height:0!important;overflow:hidden!important; } html body:not(:has(.qualifications-page)) #main#main#main#main#main .about-page>.unified-hero {--m-hero-copy-reference:84px;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .home-hero-sticky { height:calc((44px + var(--m-home-copy-reference) + clamp(190px,52vw,224px) + 34px + clamp(-108px,-25vw,-70px)) * var(--m-hero-height-scale))!important; height:calc-size(auto,size * var(--m-hero-height-scale))!important; min-height:0!important;overflow:hidden!important; } html body:not(:has(.qualifications-page)) #main#main#main#main#main .zhiliao-product-hero {padding-top:var(--m-ui-hero-top)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .zhiliao-product-preview {width:calc((85vw - 44px) * var(--m-hero-height-scale))!important;max-width:none!important;margin:var(--m-ui-hero-gap) auto 0!important;} html body:not(:has(.qualifications-page)) main.page header.hero {height:calc(279px * var(--m-hero-height-scale))!important;min-height:0!important;} } @media(min-width:420px) and (max-width:720px) {html:not(:has(.qualifications-page)) {--m-home-copy-reference:229.6px;}} @media(min-width:544px) and (max-width:720px) {html body:not(:has(.qualifications-page)) #main#main#main#main#main .about-page>.unified-hero {--m-hero-copy-reference:42px;}} /* Explicit all-hero request also applies to the restored qualifications header only. */ @media(max-width:720px) { html body:has(.qualifications-page) #main#main#main#main#main .qualifications-page>.unified-hero {height:68vh!important;height:68svh!important;min-height:0!important;max-height:none!important;} } /* Mobile news: one pagination row and a solid, padded sticky filter bar. */ @media(max-width:720px) { html:not(:has(.qualifications-page)) { --m-page-control-size:clamp(28px,8vw,32px); --m-news-cover:min(clamp(162px,44vw,180px),calc(100% - 184px)); --m-news-item-gap:14px; --m-news-item-pad:12px; } html body:not(:has(.qualifications-page)) #main#main#main#main#main .newsroom-toolbar {box-sizing:border-box!important;width:calc(100% + 40px)!important;margin:0 -20px 16px!important;padding:12px 20px!important;top:44px!important;background:#fff!important;border-bottom:1px solid #eceef0!important;z-index:20!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .newsroom-pagination {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important;margin-top:24px!important;padding:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .newsroom-page-status {flex:none!important;white-space:nowrap!important;margin:0!important;font-size:13px!important;line-height:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main :is(.newsroom-page-controls,.newsroom-page-slot) {display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .newsroom-pagination button {width:var(--m-page-control-size)!important;min-width:var(--m-page-control-size)!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:13px!important;line-height:20px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .newsroom-pagination button::before {inset:-6px 0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main #collection.newsroom {padding-bottom:32px!important;} /* Reuse the news index's cover size, row geometry and typography on the homepage. */ html body:not(:has(.qualifications-page)) #main#main#main#main#main .mobile-news-row {display:grid!important;grid-template-columns:var(--m-news-cover) minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:var(--m-news-item-gap)!important;row-gap:4px!important;align-items:start!important;min-height:0!important;padding:var(--m-news-item-pad) 0!important;border:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .mobile-news-copy {display:contents!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .mobile-news-row h3 {grid-column:2!important;grid-row:1!important;font-size:16px!important;line-height:24px!important;font-weight:500!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .mobile-news-meta {grid-column:2!important;grid-row:2!important;align-self:end!important;gap:5px!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main .mobile-news-thumbnail {grid-column:1!important;grid-row:1/3!important;align-self:start!important;width:100%!important;height:auto!important;aspect-ratio:2.35!important;object-fit:cover!important;border-radius:0!important;} } /* Mobile photo heroes share one centered copy layer and a softer, longer wash. */ @media(max-width:720px) { html {--m-hero-wash-height:120%;--m-hero-wash-opacity:.7;--m-heading-rule-scale:.7;--m-heading-rule-width:calc(78px * var(--m-heading-rule-scale));--m-service-strength-icon:calc(32px * .8);--m-service-cover-width:88px;--heading-rule-width:calc(78px * var(--m-heading-rule-scale));} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main :is(.ps-hero.ps-container,.unified-hero) {display:block!important;padding:0!important;height:calc((44px + var(--m-hero-copy-reference) + 40px + 240px - var(--m-hero-overlap)) * var(--m-hero-height-scale))!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .home-hero-sticky {display:block!important;position:relative!important;padding:0!important;height:calc((44px + var(--m-home-copy-reference) + clamp(190px,52vw,224px) + 34px + clamp(-108px,-25vw,-70px)) * var(--m-hero-height-scale))!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main :is(.hero-carousel-copy,.unified-hero-copy,.ps-hero-copy) {position:absolute!important;inset:50% 0 auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;box-sizing:border-box!important;margin:0!important;padding:20px!important;transform:translateY(-50%)!important;translate:none!important;z-index:2!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .hero-carousel-summary {display:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .hero-carousel-copy :is(h1,h2) {margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .hero-carousel-copy>a {position:absolute!important;inset:calc(100% - 4px) auto auto 20px!important;margin:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main :is(.hero-carousel-media,.unified-hero-image,.ps-hero>img) {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;transform:none!important;scale:1!important;mask-image:none!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main :is(.home-hero-shade,.unified-hero-shade,.ps-hero-wash) {position:absolute!important;inset:0 0 auto!important;width:100%!important;height:var(--m-hero-wash-height)!important;margin:0!important;opacity:var(--m-hero-wash-opacity)!important;background:linear-gradient(to bottom,#151719 0%,rgb(21 23 25 / 95%) 45%,rgb(21 23 25 / 65%) 75%,transparent 100%)!important;z-index:1!important;pointer-events:none!important;} html body:not(:has(.qualifications-page)) main.page header.hero {position:relative!important;} html body:not(:has(.qualifications-page)) main.page header.hero .hero-title {position:absolute!important;inset:50% 0 auto!important;transform:translateY(-50%)!important;margin:0!important;} html body {--heading-rule-width:var(--m-heading-rule-width)!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .home-services-reference-rule {width:calc(50px * var(--m-heading-rule-scale))!important;} /* Keep service copy padded; the cover meets all three outer edges. */ html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .home-services-reference-strengths svg {width:var(--m-service-strength-icon)!important;height:var(--m-service-strength-icon)!important;flex-shrink:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .home-service-reference-card {position:relative!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) var(--m-service-cover-width)!important;padding:16px 0 16px 16px!important;column-gap:16px!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .home-service-reference-card .home-service-reference-media {position:absolute!important;grid-area:auto!important;inset:0 0 0 auto!important;width:var(--m-service-cover-width)!important;height:100%!important;margin:0!important;padding:0!important;} html body:not(:has(.qualifications-page)) #main#main#main#main#main#main .home-service-reference-media img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;} html body #main#main#main#main#main#main :is(.section-heading,.heading-compact,.page-heading,.ps-heading,.brand-section-heading,.reference-ai-heading)>:is(h1,h2)::after {width:var(--m-heading-rule-width)!important;} } @media(max-width:720px){html body:has(.qualifications-page) #main#main#main#main#main#main .qualifications-page>.unified-hero{height:68vh!important;height:68svh!important;min-height:0!important;max-height:none!important;position:relative!important;overflow:hidden!important;}html body:has(.qualifications-page) #main#main#main#main#main#main .qualifications-page>.unified-hero .unified-hero-copy{position:absolute!important;inset:50% 0 auto!important;width:100%!important;height:auto!important;box-sizing:border-box!important;transform:translateY(-50%)!important;padding:20px!important;margin:0!important;z-index:2!important;}html body:has(.qualifications-page) #main#main#main#main#main#main .qualifications-page>.unified-hero .unified-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;mask-image:none!important;}html body:has(.qualifications-page) #main#main#main#main#main#main .qualifications-page>.unified-hero .unified-hero-shade{position:absolute!important;inset:0 0 auto!important;height:120%!important;opacity:.7!important;background:linear-gradient(to bottom,#151719 0%,rgb(21 23 25 / 95%) 45%,rgb(21 23 25 / 65%) 75%,transparent 100%)!important;pointer-events:none!important;z-index:1!important;}}