/* SAN QI MEDICAL — global mobile layout and type refinement. */
@media (max-width: 760px) {
  :root {
    --mobile-gutter: 20px;
    --mobile-section: 64px;
  }

  html {
    font-size: 15px;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    width: 100%;
    overflow-x: hidden;
    font-size: 15px;
    line-height: 1.58;
  }

  main,
  section,
  article,
  aside,
  header,
  footer,
  div {
    min-width: 0;
  }

  img,
  video,
  iframe,
  svg {
    max-width: 100%;
  }

  p,
  li,
  dd,
  label,
  input,
  select,
  textarea,
  button {
    font-size: 15px;
  }

  p,
  li,
  dd {
    line-height: 1.62;
  }

  h1,
  h2,
  h3,
  h4 {
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  /* Site-wide title scale: compact enough for 360–430px screens. */
  h1,
  .hero-title,
  .page-hero h1,
  .subpage-hero h1,
  .product-hero h1,
  .case-hero h1,
  .news-hero h1,
  .culture-hero h1,
  .people-hero h1,
  .op-hero-copy h1,
  .ref-hero-copy h1,
  .contact-hub-hero h1,
  .csr-hero h1 {
    font-size: clamp(36px, 10.5vw, 44px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  h2,
  .section-heading h2,
  .culture-section-heading h2,
  .case-chapter h2,
  .case-chapter-access h2,
  .op-intro h2,
  .op-process h2,
  .op-capability h2,
  .career-promise h2,
  .career-gallery-copy h2,
  .contact-inquiry-copy h2,
  .people-intro h2,
  .csr-section-heading h2 {
    font-size: clamp(28px, 8.2vw, 36px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.038em !important;
  }

  h3,
  .culture-care-story h3,
  .culture-highlight-story h3,
  .people-path h2,
  .op-accordion button strong {
    font-size: clamp(20px, 5.8vw, 26px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
  }

  .eyebrow,
  .kicker,
  [class*="eyebrow"],
  [class*="kicker"] {
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: .15em !important;
  }

  /* Compact shared header and keep controls touch friendly. */
  .site-header.enterprise-header {
    min-height: 72px !important;
    grid-template-rows: 72px !important;
    padding-inline: var(--mobile-gutter) !important;
  }

  .enterprise-header .brand img,
  .site-header .brand img {
    width: 88px !important;
    height: 46px !important;
    object-fit: contain;
  }

  .nav-toggle,
  .mobile-nav-toggle {
    width: 44px !important;
    height: 44px !important;
  }

  .header-contact-link {
    display: none !important;
  }

  .site-header + main,
  main.subpage-main,
  main.contact-hub-main,
  main.product-main,
  main.case-main,
  main.news-main,
  main.culture-main {
    padding-top: 72px !important;
  }

  /* Comfortable mobile section rhythm. */
  .section-shell,
  .content-shell,
  .page-shell,
  .subpage-shell,
  .section-inner,
  .news-section-heading,
  .culture-section-heading,
  .case-index,
  .case-chapter,
  .op-intro,
  .op-location,
  .op-process,
  .career-gallery,
  .people-intro,
  .contact-inquiry,
  .contact-service-application,
  .catalog-shell,
  .product-catalog,
  .csr-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--mobile-gutter) !important;
    padding-right: var(--mobile-gutter) !important;
  }

  section:not(.hero):not([class*="hero"]),
  .section-shell,
  .op-intro,
  .op-location,
  .op-process,
  .career-gallery {
    scroll-margin-top: 76px;
  }

  /* Heroes: remove desktop-sized empty space and keep copy readable. */
  [class*="hero"] {
    min-height: auto;
  }

  .hero-copy,
  [class*="hero-copy"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 48px var(--mobile-gutter) 52px !important;
  }

  .culture-hero,
  .people-hero,
  .contact-hub-hero,
  .ref-split-hero,
  .op-hero,
  .news-hero,
  .case-hero {
    grid-template-columns: 1fr !important;
  }

  .culture-hero-media,
  .people-hero-media,
  .contact-hub-hero-media {
    min-height: 240px !important;
  }

  /* Collapse desktop columns into a clear reading order. */
  .contact-inquiry,
  .contact-service-application,
  .contact-field-grid,
  .service-field-grid,
  .op-intro,
  .op-location,
  .op-capability,
  .career-promise,
  .career-gallery,
  .people-intro,
  .people-values-heading,
  .culture-care-layout,
  .culture-highlight-story,
  .culture-highlight-story-reverse,
  .news-intro,
  .case-evidence-access,
  .case-evidence-pair,
  .selection-guide,
  .report-library-header {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .contact-inquiry,
  .contact-service-application,
  .op-intro,
  .op-location,
  .op-process,
  .career-gallery {
    padding-top: var(--mobile-section) !important;
    padding-bottom: var(--mobile-section) !important;
  }

  /* Forms: one column, no iOS zoom, larger tap targets. */
  .contact-field-grid,
  .service-field-grid,
  .career-application-grid,
  form [class*="grid"] {
    grid-template-columns: 1fr !important;
  }

  input,
  select,
  textarea {
    width: 100%;
    min-height: 48px;
    font-size: 16px !important;
  }

  textarea {
    min-height: 120px;
  }

  /* Product pages: one card per row and denser product information. */
  .product-grid,
  .need-grid,
  .catalog-grid,
  .product-family-grid,
  .report-results {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .product-card h2,
  .product-card h3,
  .catalog-card h2,
  .catalog-card h3 {
    font-size: 21px !important;
    line-height: 1.16 !important;
  }

  .product-card,
  .catalog-card {
    min-height: 0 !important;
  }

  .product-card-copy,
  .catalog-card-copy {
    padding: 20px !important;
  }

  .product-card p,
  .catalog-card p,
  .product-meta,
  .product-specs {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .family-directory-grid {
    grid-template-columns: 1fr !important;
  }

  /* Facts remain scannable without eight tall full-width rows. */
  .home-proof-grid,
  .proof-grid,
  .people-facts,
  .op-proof,
  .trust-facts,
  .about-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-proof-grid > *,
  .proof-grid > *,
  .people-facts > *,
  .op-proof > *,
  .trust-facts > * {
    min-height: 150px !important;
    padding: 22px 16px !important;
  }

  .home-proof-grid strong,
  .proof-grid strong,
  .people-facts strong,
  .op-proof strong,
  .trust-facts strong,
  [class*="stat"] strong {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: .95 !important;
  }

  /* Horizontal story/category rails instead of squeezed columns. */
  .culture-care-controls,
  .contact-service-switcher,
  .product-category-tabs,
  .category-tabs,
  .csr-tabs,
  .case-index-links {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    padding-bottom: 8px;
  }

  .culture-care-controls > *,
  .contact-service-switcher > *,
  .product-category-tabs > *,
  .category-tabs > *,
  .csr-tabs > *,
  .case-index-links > * {
    flex: 0 0 min(78vw, 290px) !important;
    scroll-snap-align: start;
  }

  .case-index {
    display: block !important;
  }

  .case-chapter h2,
  .case-chapter-access h2 {
    max-width: 100% !important;
  }

  /* News/exhibition cards and media should not leave blank desktop ratios. */
  .news-grid,
  .exhibition-grid,
  .news-story-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .news-card img,
  .exhibition-card img,
  .culture-highlight-story img,
  .culture-care-story img {
    width: 100%;
    height: auto !important;
    max-height: 320px;
    object-fit: cover;
  }

  /* Tables remain usable without widening the entire page. */
  table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  /* Keep buttons readable but compact. */
  .button,
  .btn,
  [class*="button"],
  [class*="cta"] {
    min-height: 46px;
  }

  /* Homepage full-screen modules: smaller type and natural-height content. */
  .opening.protection-entry {
    height: 560px !important;
    min-height: 560px !important;
  }

  .protection-heading {
    padding: 58px var(--mobile-gutter) 40px !important;
  }

  .protection-heading h2,
  .home-capability h2,
  .home-solutions h2,
  .home-global h2,
  .home-contact h2 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.04 !important;
  }

  .home-panel-title,
  .home-panel-number,
  .home-manufacturing-title {
    font-size: clamp(36px, 11vw, 48px) !important;
  }

  /* Dense lower-page sections need less empty vertical space. */
  .culture-care,
  .culture-activities,
  .culture-highlights,
  .people-values,
  .family-directory,
  .report-library,
  .op-directions,
  .op-closing,
  .career-promise,
  .csr-section {
    padding-top: var(--mobile-section) !important;
    padding-bottom: var(--mobile-section) !important;
  }

  /* Floating contact tools must not cover content. */
  .floating-tools,
  .floating-contact,
  .quick-contact-rail {
    right: 10px !important;
    bottom: 14px !important;
    transform: none !important;
  }

  .mini-program,
  .whatsapp-float,
  .back-to-top {
    max-width: 52px;
  }
}

@media (max-width: 380px) {
  :root { --mobile-gutter: 16px; }

  h1,
  .hero-title,
  .page-hero h1,
  .subpage-hero h1,
  .product-hero h1,
  .case-hero h1,
  .news-hero h1,
  .culture-hero h1,
  .people-hero h1,
  .op-hero-copy h1,
  .ref-hero-copy h1,
  .contact-hub-hero h1,
  .csr-hero h1 {
    font-size: 34px !important;
  }

  .home-proof-grid,
  .proof-grid,
  .people-facts,
  .op-proof,
  .trust-facts,
  .about-proof-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Mobile-only polish: reliable navigation, balanced homepage edges and a
   quieter English type scale. Desktop rules are intentionally untouched. */
@media (max-width: 760px) {
  html[lang^="en"] {
    font-size: 14px;
  }

  html[lang^="en"] body {
    font-size: 14px;
    line-height: 1.55;
  }

  html[lang^="en"] :where(p, li, dd) {
    font-size: 14px !important;
    line-height: 1.58 !important;
    text-wrap: pretty;
  }

  html[lang^="en"] :where(h1, .hero-title, .page-hero h1, .subpage-hero h1,
    .product-hero h1, .case-hero h1, .news-hero h1, .culture-hero h1,
    .people-hero h1, .op-hero-copy h1, .ref-hero-copy h1,
    .contact-hub-hero h1, .csr-hero h1) {
    font-size: clamp(32px, 8.8vw, 38px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
  }

  html[lang^="en"] :where(h2, .section-heading h2, .culture-section-heading h2,
    .case-chapter h2, .case-chapter-access h2, .op-intro h2, .op-process h2,
    .op-capability h2, .career-promise h2, .career-gallery-copy h2,
    .contact-inquiry-copy h2, .people-intro h2, .csr-section-heading h2) {
    font-size: clamp(25px, 7vw, 31px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.028em !important;
  }

  html[lang^="en"] :where(h3, h4, .culture-care-story h3,
    .culture-highlight-story h3, .people-path h2, .op-accordion button strong) {
    font-size: clamp(18px, 5.2vw, 23px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.018em !important;
  }

  html[lang^="en"] :where(.eyebrow, .kicker, [class*="eyebrow"], [class*="kicker"]) {
    font-size: 9.5px !important;
    line-height: 1.4 !important;
    letter-spacing: .13em !important;
  }

  html[lang^="en"] :where(a, button) {
    font-size: 13px;
  }

  /* Keep the navigation trigger above every floating homepage control. */
  .site-header.enterprise-header.ux-header {
    z-index: 1600 !important;
  }

  .mobile-nav-toggle {
    position: relative;
    z-index: 2;
    flex: 0 0 44px;
    touch-action: manipulation;
  }

  .ux-header.enterprise-header .nav {
    position: absolute !important;
    top: 100% !important;
    right: calc(var(--mobile-gutter) * -1) !important;
    left: calc(var(--mobile-gutter) * -1) !important;
    bottom: auto !important;
    width: auto !important;
    height: calc(100dvh - 72px);
    padding: 24px var(--mobile-gutter) calc(36px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .ux-header.mobile-nav-open .nav {
    display: flex;
    visibility: visible;
    pointer-events: auto;
  }

  .ux-header .nav-item > a {
    min-height: 54px;
    font-size: 15px !important;
  }

  .ux-header .nav-submenu-toggle {
    min-height: 54px;
  }

  .ux-header .nav-menu a {
    min-height: 42px;
    padding-block: 10px;
    font-size: 13px !important;
  }

  body.nav-lock :where(.whatsapp-float, .back-to-top, .header-contact-link) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* The homepage copy card now keeps identical left and right gutters. */
  .homepage-refresh .home-hero-copy {
    right: 20px !important;
    left: 20px !important;
    bottom: 70px !important;
    width: auto !important;
    max-width: none !important;
    padding: 20px 18px 22px !important;
    box-sizing: border-box;
  }

  .homepage-refresh .home-hero-copy .hero-message {
    max-width: 14ch;
    font-size: clamp(31px, 8.7vw, 35px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.034em !important;
    white-space: normal;
  }

  .homepage-refresh .hero-subtitle {
    gap: 4px;
    margin-top: 12px;
    font-size: 13px !important;
    line-height: 1.48;
  }

  .homepage-refresh .hero-subtitle-title {
    font-size: 14px !important;
    line-height: 1.38;
  }

  .homepage-refresh .hero-subtitle-copy {
    font-size: 13px !important;
    line-height: 1.5;
  }

  .homepage-refresh .home-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
  }

  .homepage-refresh .home-hero-button {
    min-width: 0;
    min-height: 42px;
    padding: 0 10px;
    font-size: 12px !important;
    line-height: 1.2;
    text-align: center;
  }

  .homepage-refresh :where(.protection-heading h2, .home-capability h2,
    .home-solutions h2, .home-global h2, .home-contact h2) {
    font-size: clamp(26px, 7.5vw, 32px) !important;
    line-height: 1.08 !important;
  }

  .homepage-refresh :where(.home-panel-title, .home-panel-number,
    .home-manufacturing-title) {
    font-size: clamp(30px, 8.5vw, 38px) !important;
  }

  .homepage-refresh .cleanroom-story-title span,
  .homepage-refresh .panel-story-metric span {
    font-size: clamp(16px, 4.5vw, 20px) !important;
    line-height: 1.04 !important;
  }

  /* The QR/contact dialog uses equal screen gutters instead of hugging the right edge. */
  .homepage-refresh .whatsapp-float {
    right: 20px !important;
  }

  .homepage-refresh .whatsapp-qr-card {
    position: fixed;
    right: 20px !important;
    bottom: calc(198px + env(safe-area-inset-bottom));
    left: 20px;
    width: auto !important;
    max-width: none;
    box-sizing: border-box;
    transform-origin: center bottom;
  }

  .homepage-refresh .whatsapp-qr-card img {
    max-height: min(30vh, 230px);
    object-fit: contain;
  }

  /* Mobile-only strength gallery: landscape media keeps the factory, cleanroom,
     map and certificates legible; copy lives on a separate calm surface. */
  .homepage-refresh .opening.protection-entry::before,
  .homepage-refresh .opening.protection-entry > .panel-story {
    display: none !important;
  }

  .homepage-refresh .opening.protection-entry {
    height: 424px !important;
    min-height: 424px !important;
    gap: 0;
    border: 1px solid #d9e6f2;
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(6, 44, 92, .12);
    scroll-behavior: smooth;
  }

  .homepage-refresh .opening.protection-entry .protection-panel,
  .homepage-refresh .opening.protection-entry .protection-panel.is-active {
    position: relative;
    flex: 0 0 100% !important;
    min-width: 0;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    scroll-snap-align: start;
  }

  .homepage-refresh .opening.protection-entry .protection-panel::before {
    display: block !important;
    inset: 0 0 auto !important;
    height: 226px;
    background-color: #eef5fa !important;
    background-image: var(--panel-image) !important;
    background-position: 82% center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel::after,
  .homepage-refresh .opening.protection-entry .protection-panel.is-active::after {
    inset: 0 0 auto !important;
    height: 226px;
    background: linear-gradient(180deg, rgba(5, 44, 88, .02), rgba(5, 44, 88, .12)) !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel:nth-last-child(5)::before {
    background-position: 88% center !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel:nth-last-child(4)::before {
    background-position: 86% center !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel:nth-last-child(3)::before {
    background-position: 82% center !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel:nth-last-child(2)::before {
    background-position: 82% center !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel:nth-last-child(1)::before {
    background-position: center !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel a {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 100%;
    justify-content: flex-start;
    padding: 250px 22px 22px;
    color: #0b2f5b;
  }

  .homepage-refresh .opening.protection-entry .protection-panel a > span,
  .homepage-refresh .opening.protection-entry .protection-panel strong,
  .homepage-refresh .opening.protection-entry .protection-panel small {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .homepage-refresh .opening.protection-entry .protection-panel a > span {
    top: 16px;
    left: 16px;
    display: grid !important;
    width: 38px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .72);
    background: rgba(6, 59, 119, .82);
    color: #fff;
    font-size: 10px !important;
    font-weight: 800;
    letter-spacing: .14em;
    backdrop-filter: blur(8px);
  }

  .homepage-refresh .opening.protection-entry .protection-panel strong {
    max-width: calc(100% - 42px);
    margin-top: 0;
    color: #07366f;
    font-size: clamp(20px, 5.7vw, 24px) !important;
    line-height: 1.12;
    letter-spacing: -.025em;
    text-wrap: balance;
  }

  .homepage-refresh .opening.protection-entry .protection-panel small {
    max-width: calc(100% - 46px);
    margin-top: 8px;
    color: #5d7189;
    font-size: 12px !important;
    line-height: 1.5;
    text-wrap: pretty;
  }

  .homepage-refresh .opening.protection-entry .protection-panel i {
    position: absolute;
    right: 20px;
    bottom: 22px;
    display: grid;
    width: 34px;
    height: 34px;
    margin: 0;
    place-items: center;
    border: 1px solid #c8dbea;
    color: #087fd1;
    font-size: 20px !important;
    line-height: 1;
    opacity: 1 !important;
    transform: none !important;
  }

  .homepage-refresh .protection-controls {
    width: calc(100% - 40px);
    margin: 0 auto 44px;
    padding: 13px 14px 15px;
    flex-wrap: wrap;
    gap: 7px;
    border: 1px solid #d9e6f2;
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background: #f5f9fc;
    box-shadow: 0 18px 42px rgba(6, 44, 92, .12);
  }

  .homepage-refresh .protection-controls::before {
    flex: 1 0 100%;
    margin-bottom: 3px;
    color: #6d7f93;
    content: "Swipe or tap to explore";
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
  }

  .homepage-refresh .protection-controls button,
  .homepage-refresh .protection-controls button[aria-pressed="true"] {
    width: auto;
    min-width: 0;
    min-height: 38px;
    flex: 1 1 0;
    border-color: #c8dbea;
    background: #fff;
    color: #6d7f93;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
  }

  .homepage-refresh .protection-controls button[aria-pressed="true"] {
    border-color: #087fd1;
    background: #087fd1;
    color: #fff;
  }

  .homepage-refresh .protection-controls button:active {
    transform: scale(.97);
  }
}

@media (max-width: 380px) {
  .header-language-select {
    width: 94px;
  }

  .homepage-refresh .home-hero-copy {
    right: 16px !important;
    left: 16px !important;
    padding-inline: 16px !important;
  }

  .homepage-refresh .whatsapp-qr-card {
    right: 16px !important;
    left: 16px;
  }
}

/* Homepage mobile density pass: shorter, clearer sections without changing desktop. */
@media (max-width: 760px) {
  /* 01 — proof points: four tall rows become a balanced 2 × 2 matrix. */
  .homepage-refresh .home-proof-strip {
    display: grid !important;
    width: calc(100% - 40px) !important;
    margin: 32px auto 44px !important;
    padding: 1px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    border: 0 !important;
    background: #d7e5f1 !important;
  }

  .homepage-refresh .home-proof-strip a,
  .homepage-refresh .home-proof-strip a:first-child {
    min-height: 116px !important;
    padding: 17px 14px !important;
    align-items: flex-start;
    justify-content: center;
    border: 0 !important;
    background: #f9fbfd;
  }

  .homepage-refresh .home-proof-strip strong {
    font-size: 24px !important;
    line-height: 1 !important;
    letter-spacing: -.035em;
  }

  .homepage-refresh .home-proof-strip a:nth-child(3) strong {
    font-size: 18px !important;
    line-height: 1.08 !important;
  }

  .homepage-refresh .home-proof-strip span {
    margin-top: 7px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  /* 02 — OEM/ODM: retain every capability, but present it as compact matrices. */
  .homepage-refresh .home-oem-showcase {
    min-height: 0 !important;
    padding: 58px 20px 44px !important;
  }

  .homepage-refresh .home-oem-grid {
    min-height: 0 !important;
    gap: 24px !important;
  }

  .homepage-refresh .home-oem-eyebrow {
    margin-bottom: 12px !important;
  }

  .homepage-refresh .home-oem-copy h2 {
    font-size: clamp(29px, 8.2vw, 34px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.038em !important;
  }

  .homepage-refresh .home-oem-lead {
    margin-top: 16px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .homepage-refresh .home-oem-certifications {
    margin-top: 22px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .homepage-refresh .home-oem-certifications article {
    min-height: 66px !important;
    padding: 11px 12px !important;
  }

  .homepage-refresh .home-oem-certifications strong {
    font-size: 15px !important;
    line-height: 1.08 !important;
  }

  .homepage-refresh .home-oem-certifications span {
    margin-top: 5px !important;
    font-size: 7.5px !important;
    line-height: 1.3 !important;
    letter-spacing: .035em !important;
  }

  .homepage-refresh .home-oem-lab-strip {
    margin-top: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .homepage-refresh .home-oem-lab-strip > span {
    min-height: 52px !important;
    padding: 7px 6px !important;
  }

  .homepage-refresh .home-oem-lab-strip > span:nth-child(3) {
    border-left: 1px solid rgba(103, 190, 233, .24) !important;
  }

  .homepage-refresh .home-oem-lab-strip > span:nth-child(n+3) {
    border-top: 0 !important;
  }

  .homepage-refresh .home-oem-lab-strip strong {
    font-size: 10.5px !important;
    white-space: normal !important;
  }

  .homepage-refresh .home-oem-lab-strip small {
    margin-top: 4px !important;
    font-size: 6.5px !important;
    line-height: 1.2 !important;
  }

  .homepage-refresh .home-oem-service-actions {
    margin-top: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .homepage-refresh .home-oem-service-button {
    min-height: 80px !important;
    padding: 11px 10px !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px !important;
  }

  .homepage-refresh .home-oem-service-number {
    font-size: 8px !important;
  }

  .homepage-refresh .home-oem-service-copy {
    gap: 3px !important;
  }

  .homepage-refresh .home-oem-service-copy strong {
    font-size: 13px !important;
    line-height: 1.12 !important;
  }

  .homepage-refresh .home-oem-service-copy small {
    font-size: 8px !important;
    line-height: 1.3 !important;
  }

  .homepage-refresh .home-oem-service-arrow {
    font-size: 15px !important;
  }

  .homepage-refresh .home-oem-visual {
    min-height: 0 !important;
    padding: 6px !important;
    box-shadow: 0 18px 46px rgba(0, 10, 29, .28) !important;
  }

  .homepage-refresh .home-oem-image {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  /* 03 — product directory: all three categories share one horizontal row. */
  .homepage-refresh .product-directory {
    padding-bottom: 40px !important;
    border-top-width: 10px !important;
  }

  .homepage-refresh .product-directory > .section-head {
    padding: 28px 20px 18px !important;
  }

  .homepage-refresh .product-directory > .section-head h2 {
    font-size: 30px !important;
  }

  .homepage-refresh .product-directory-shell {
    display: grid !important;
    width: calc(100% - 40px) !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .homepage-refresh .product-category-list {
    display: grid !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .homepage-refresh .product-category-list button {
    display: grid !important;
    width: 100% !important;
    min-height: 76px !important;
    padding: 9px 6px !important;
    place-items: center;
    align-content: center;
    gap: 4px;
    border: 1px solid #c8dbea !important;
    background: #f7fafc;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-align: center;
    text-wrap: balance;
  }

  .homepage-refresh .product-category-list button span {
    position: static !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .homepage-refresh .product-category-list button:hover,
  .homepage-refresh .product-category-list button:focus-visible,
  .homepage-refresh .product-category-list button.is-active {
    padding-left: 6px !important;
    border-color: #087fd1 !important;
    background: #087fd1 !important;
    color: #fff !important;
  }

  .homepage-refresh .product-feature {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .homepage-refresh .product-feature-image {
    min-height: 0 !important;
    height: 168px !important;
    aspect-ratio: auto !important;
  }

  .homepage-refresh .product-visual-copy {
    display: none !important;
  }

  .homepage-refresh .product-feature-copy {
    padding: 18px 16px 20px !important;
  }

  .homepage-refresh .product-feature-copy h3 {
    margin-top: 8px !important;
    font-size: 22px !important;
  }

  .homepage-refresh .product-feature-copy > p:not(.kicker) {
    margin-top: 10px !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  .homepage-refresh .product-tags {
    margin-top: 12px !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }

  .homepage-refresh .product-feature .text-link {
    margin-top: 14px !important;
    font-size: 11px !important;
  }

  /* 04 — compact footer: brand summary + three link columns + legal row. */
  .homepage-refresh .enterprise-footer .footer-main {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px 10px !important;
    padding: 32px 20px 26px !important;
  }

  .homepage-refresh .enterprise-footer .footer-brand {
    display: grid;
    grid-column: 1 / -1 !important;
    grid-template-columns: 66px minmax(0, 1fr);
    column-gap: 14px;
    align-items: center;
  }

  .homepage-refresh .enterprise-footer .footer-brand-mark {
    width: 66px !important;
    margin: 0 !important;
    grid-row: 1 / 4;
  }

  .homepage-refresh .enterprise-footer .footer-brand h2 {
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  .homepage-refresh .enterprise-footer .footer-brand p {
    margin-top: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }

  .homepage-refresh .enterprise-footer .footer-brand .breath-tagline {
    margin-top: 4px !important;
    font-size: 10px !important;
  }

  .homepage-refresh .enterprise-footer .footer-social-icons {
    grid-column: 1 / -1;
    margin-top: 14px !important;
    gap: 8px !important;
  }

  .homepage-refresh .enterprise-footer .footer-social-icons a {
    width: 32px;
    height: 32px;
  }

  .homepage-refresh .enterprise-footer .footer-column {
    gap: 7px !important;
  }

  .homepage-refresh .enterprise-footer .footer-column h3 {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .homepage-refresh .enterprise-footer .footer-column a {
    width: 100%;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
  }

  .homepage-refresh .enterprise-footer .footer-searches {
    display: none !important;
  }

  .homepage-refresh .enterprise-footer .footer-legal {
    gap: 12px !important;
    padding: 16px 20px !important;
  }

  .homepage-refresh .enterprise-footer .footer-legal p,
  .homepage-refresh .enterprise-footer .footer-legal a {
    font-size: 9.5px !important;
  }

  .homepage-refresh .enterprise-footer .footer-legal nav {
    gap: 14px !important;
  }
}

@media (max-width: 360px) {
  .homepage-refresh .home-proof-strip {
    width: calc(100% - 32px) !important;
  }

  .homepage-refresh .product-directory-shell {
    width: calc(100% - 32px) !important;
  }

  .homepage-refresh .product-category-list button {
    min-height: 80px !important;
    padding-inline: 4px !important;
    font-size: 9px !important;
  }
}

/* Mobile stability pass: avoid blank reveal states and skip paint work for
   very long qualification/product lists. Desktop motion remains unchanged. */
@media (max-width: 760px) {
  html {
    scroll-behavior: auto !important;
  }

  .brand picture {
    display: contents;
  }

  :where(.ux-reveal, [class*="-reveal"]) {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .trust-redesign .trust-card {
    content-visibility: auto;
    contain-intrinsic-size: auto 190px;
  }

  .product-system-page .product-card {
    content-visibility: auto;
    contain-intrinsic-size: auto 780px;
  }
}

/* Mobile content reduction pass: retain one clear information layer per
   section. Desktop copy remains present and unchanged. */
@media (max-width: 760px) {
  /* Hero areas: title, visual and actions are sufficient on a small screen. */
  .product-system-page .product-hero-copy > p:not(.catalog-eyebrow),
  .subpage-hero-copy > p:not(.kicker),
  .category-page .category-hero-copy > p:not(.kicker),
  .investor-page .investor-hero-copy > p:not(.kicker),
  .culture-page .culture-hero-copy > .culture-lead,
  .csr-page .csr-hero-copy > .csr-lead,
  .oem-page .oem-hero-copy > .oem-hero-lead,
  .news-center-page .news-hero-copy > p:not(.news-eyebrow),
  .trust-redesign .trust-hero-copy > p:not(.trust-eyebrow),
  .case-page .case-hero-lead,
  .news-article-page .article-standfirst,
  .homepage-refresh .hero-subtitle-copy {
    display: none !important;
  }

  .product-system-page .product-hero {
    min-height: 430px !important;
  }

  .product-system-page .product-hero-inner {
    padding-top: 54px !important;
    padding-bottom: 42px !important;
  }

  .product-system-page .hero-actions {
    margin-top: 24px !important;
  }

  /* Homepage: remove copy already communicated by the adjacent heading,
     metric, image or action. */
  .homepage-refresh .home-oem-lead,
  .homepage-refresh .protection-heading > p:not(.kicker),
  .homepage-refresh .panel-story-copy > p,
  .homepage-refresh .cleanroom-story-copy > p,
  .homepage-refresh .certification-story-copy > p,
  .homepage-refresh .protection-panel small,
  .homepage-refresh .statement > div > p:not(.kicker),
  .homepage-refresh .narrative article p,
  .homepage-refresh .product-feature-copy > p:not(.kicker),
  .homepage-refresh .product-tags,
  .homepage-refresh .solution-feature-copy,
  .homepage-refresh .solutions-footnote,
  .homepage-refresh .outcome-grid article p,
  .homepage-refresh .evidence-copy > p:not(.kicker),
  .homepage-refresh .insight-grid article p,
  .homepage-refresh .contact > div > p:not(.kicker),
  .homepage-refresh .home-oem-certifications span,
  .homepage-refresh .home-oem-lab-strip small,
  .homepage-refresh .home-oem-service-copy small,
  .homepage-refresh .enterprise-footer > .footer-social {
    display: none !important;
  }

  .homepage-refresh .home-oem-certifications article,
  .homepage-refresh .home-oem-lab-strip span {
    min-height: 52px !important;
    align-content: center;
  }

  .homepage-refresh .opening.protection-entry .protection-panel small {
    display: none !important;
  }

  .homepage-refresh .narrative article > div,
  .homepage-refresh .product-feature-copy {
    padding-top: 16px !important;
    padding-bottom: 18px !important;
  }

  /* Repeated section summaries across company and campaign pages. */
  .product-system-page .category-overview-grid > p,
  .culture-page .culture-section-heading > p:not(.culture-kicker),
  .csr-page .csr-section-heading > p,
  .reference-opportunity .ref-section-heading > p:not(.ref-eyebrow),
  .oem-page .oem-section-heading > p:not(.oem-eyebrow),
  .trust-redesign .trust-section-heading > p:not(.trust-eyebrow),
  .campus-about-page .storyline-intro-copy > p,
  .campus-about-page .meaning-statement,
  .campus-about-page .brand-value-copy > p:not(.campus-eyebrow),
  .campus-about-page .global-platform-copy > p:not(.campus-eyebrow),
  .campus-about-page .campus-cta > div > p,
  .contact-hub-page .contact-form-heading > p,
  .category-page .content-card p,
  .subpage .content-card p,
  .investment-reference-page .partnership-cards article p,
  .investment-reference-page .partnership-process li p,
  .investment-reference-page .inquiry-heading > p:not(.ref-eyebrow) {
    display: none !important;
  }

  .product-system-page .category-overview {
    padding-top: 38px !important;
    padding-bottom: 34px !important;
  }

  /* Image-led editorial pages: keep captions and facts, remove the second
     prose layer beneath the same title. */
  .culture-page .culture-care-story p,
  .culture-page .culture-highlight-story p,
  .culture-page .culture-source-note,
  .csr-page .csr-project-copy > p:not(.csr-project-kicker),
  .oem-page .platform-content > p:not(.platform-kicker),
  .news-center-page .exhibition-copy > p {
    display: none !important;
  }

  .trust-redesign .trust-anchor-nav a[href="#verification"] {
    display: none !important;
  }

  /* Case studies still need a small amount of evidence context. */
  .case-page .case-deck,
  .campus-about-page .story-node-card p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .campus-about-page .story-node-card p {
    -webkit-line-clamp: 2;
  }

  .case-page .case-chapter {
    padding-top: 76px !important;
    padding-bottom: 86px !important;
  }

  .case-page .case-chapter-label {
    margin-bottom: 26px !important;
  }
}