/* Sixth-pass reference parity corrections.
   This file is intentionally loaded after the earlier layers. It corrects
   browser-observed cascade conflicts without cropping or slicing media. */

/* ---------- Shared reference shell ---------- */
body.reference-page img {
  max-width: 100%;
}

/* Sixth-pass desktop geometry: measurements below follow the live reference
   at a 1440 px browser width (the reference WordPress admin bar is excluded).
   Media keeps its complete intrinsic frame; no screenshot slicing or cover
   crop is introduced. */
@media (min-width: 761px) {
  /* Production-process article media is left aligned in the 1104 px canvas. */
  body.reference-page.reference-process .page-hero > .container,
  body.reference-page.reference-process main > section > .container {
    box-sizing: border-box !important;
    width: 1104px !important;
    max-width: calc(100% - 40px) !important;
    padding-inline: 0 !important;
  }

  body.reference-page.reference-process :is(.reference-inline-figure, .production-reference-flow img) {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* The certificate reference uses a 1300 px canvas. */
  body.reference-page.reference-quality .page-hero > .container,
  body.reference-page.reference-quality .reference-quality-article > .container {
    width: min(calc(100% - 40px), 1300px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-quality .reference-quality-article {
    padding-top: 7px !important;
  }

  /* Exhibitions: 750/530 lead pair and two complete 640 px images per row. */
  body.reference-page.reference-exhibitions .page-hero > .container,
  body.reference-page.reference-exhibitions .reference-exhibition-video > .container,
  body.reference-page.reference-exhibitions .reference-source-strip > .container,
  body.reference-page.reference-exhibitions main > .section > .container {
    width: min(calc(100% - 40px), 1300px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-exhibitions .page-hero h1 {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid {
    grid-template-columns: 750px 530px !important;
    gap: 20px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid .youtube-embed-shell {
    width: 750px !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid > figure {
    width: 530px !important;
    height: 431px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid > figure img {
    width: 530px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-grid {
    grid-template-columns: repeat(2, 640px) !important;
  }

  /* FAQ: same 1300 px answer-first article and opening vertical rhythm. */
  body.reference-page.reference-faq main > .page-hero .container,
  body.reference-page.reference-faq main > .section .container {
    width: min(calc(100% - 40px), 1300px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-faq .page-hero {
    padding-top: 30px !important;
  }

  body.reference-page.reference-faq .page-hero h1 {
    font-size: 36px !important;
    line-height: 50.4px !important;
  }

  body.reference-page.reference-faq main > .section {
    padding-top: 69px !important;
  }

  body.reference-page.reference-faq .faq-page-grid,
  body.reference-page.reference-faq .faq-page-grid > div {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-faq .faq-group h2 {
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
  }

  body.reference-page.reference-quality .page-hero > .container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-quality .page-hero h1 {
    font-size: 27.36px !important;
    line-height: 38.302px !important;
    font-weight: 600 !important;
  }

  body.reference-page.reference-quality .page-hero .hero-lede {
    font-size: 18px !important;
    line-height: 40px !important;
  }

  /* Contact: 1300 px canvas, 640/640 columns, complete 620 px photo. */
  body.reference-page.reference-contact .page-hero > .container,
  body.reference-page.reference-contact main > .section > .container {
    width: min(calc(100% - 40px), 1300px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-contact .page-hero-grid {
    grid-template-columns: 640px 640px !important;
    gap: 20px !important;
  }

  body.reference-page.reference-contact .page-hero-grid > .page-hero-media {
    box-sizing: border-box !important;
    width: 640px !important;
    padding-inline: 10px !important;
  }

  body.reference-page.reference-contact .page-hero-grid > .page-hero-media img {
    width: 620px !important;
  }

  body.reference-page.reference-contact main > .section {
    padding-top: 3px !important;
  }

  /* Legal documents retain the required German text but use the reference's
     left navigation plus plain right-hand article instead of a card canvas. */
  body.reference-page.reference-legal {
    background: #fff !important;
  }

  body.reference-page.reference-legal main {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 754px) !important;
    column-gap: 50px !important;
    width: 1104px !important;
    max-width: calc(100% - 40px) !important;
    margin-inline: auto !important;
    padding-top: 89px !important;
  }

  body.reference-page.reference-legal .page-hero {
    grid-column: 2 !important;
    padding: 0 0 18px !important;
  }

  body.reference-page.reference-legal .page-hero > .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body.reference-page.reference-legal .page-hero h1 {
    max-width: none !important;
    margin: 0 !important;
    font-size: 36px !important;
    line-height: 50.4px !important;
    text-align: left !important;
  }

  body.reference-page.reference-legal .legal-content-section {
    grid-column: 1 / -1 !important;
    padding: 0 0 48px !important;
  }

  body.reference-page.reference-legal .legal-content-section > .container,
  body.reference-page.reference-legal .legal-layout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.reference-page.reference-legal .legal-layout {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 754px) !important;
    column-gap: 50px !important;
    align-items: start !important;
  }

  body.reference-page.reference-legal .guide-body {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.reference-page.reference-legal .legal-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.reference-page.reference-legal .legal-sidebar > :not(nav) {
    display: none !important;
  }

  body.reference-page.reference-legal .legal-sidebar nav {
    display: grid !important;
    gap: 0 !important;
  }

  body.reference-page.reference-legal .legal-sidebar nav a {
    padding: 12px 6px !important;
    border: 0 !important;
    color: #243044 !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  body.reference-page.reference-legal .guide-section {
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.reference-page.reference-legal .guide-section > .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-legal main h2 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
  }

  body.reference-page.reference-legal main h3 {
    margin: 20px 0 6px !important;
    font-size: 18px !important;
    line-height: 28px !important;
  }

  body.reference-page.reference-legal :is(.legal-fact-card, .legal-definition-list > div) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.reference-page.reference-legal :is(p, li, dt, dd, address) {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
}

@media (max-width: 760px) {
  /* All inner pages use the same compact, borderless mobile navigation as the
     reference. The homepage keeps its separately measured header override. */
  body.reference-page:not(.reference-home) .header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 20px !important;
  }

  body.reference-page:not(.reference-home) .menu-toggle {
    position: relative !important;
    box-sizing: border-box !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0784b9 !important;
    background: transparent !important;
  }

  body.reference-page:not(.reference-home) .menu-toggle span,
  body.reference-page:not(.reference-home) .menu-toggle::before,
  body.reference-page:not(.reference-home) .menu-toggle::after {
    position: absolute !important;
    left: 11.5px !important;
    display: block !important;
    width: 19px !important;
    height: 2px !important;
    margin: 0 !important;
    content: "" !important;
    background: currentColor !important;
  }

  body.reference-page:not(.reference-home) .menu-toggle::before { top: 14px !important; }
  body.reference-page:not(.reference-home) .menu-toggle span { top: 20px !important; }
  body.reference-page:not(.reference-home) .menu-toggle::after { top: 26px !important; }

  body.reference-page.reference-faq .page-hero h1 {
    font-size: 27.36px !important;
    line-height: 38.302px !important;
    font-weight: 600 !important;
    transform: translateY(10px) !important;
  }

  body.reference-page.reference-faq .faq-group h2 {
    font-size: 18.24px !important;
    line-height: 21.885px !important;
    font-weight: 600 !important;
  }

  /* Reference mobile exhibition geometry: 205/130 lead pair followed by a
     167/167 image grid. Every photo remains complete and uncropped. */
  body.reference-page.reference-exhibitions .page-hero {
    box-sizing: border-box !important;
    height: 333px !important;
    padding: 20px 0 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.reference-page.reference-exhibitions .page-hero h1 {
    font-size: 30px !important;
    line-height: 38.3px !important;
    font-weight: 700 !important;
  }

  body.reference-page.reference-exhibitions .page-hero > .container,
  body.reference-page.reference-exhibitions .reference-exhibition-video > .container,
  body.reference-page.reference-exhibitions .reference-source-strip > .container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-video,
  body.reference-page.reference-inner.reference-exhibitions main > .reference-exhibition-video {
    padding: 0 0 20px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 204.72px) minmax(0, 129.95px) !important;
    gap: 20px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid .youtube-embed-shell {
    width: 204.72px !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    background: #fff !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid .youtube-embed-shell > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid > figure {
    width: 129.95px !important;
    height: 115.15px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-lead-grid > figure img {
    width: 129.95px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  body.reference-page.reference-exhibitions .reference-exhibition-grid img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Contact stacks the same complete 335 px building photo and 315 px text
     column used by the mobile reference. */
  body.reference-page.reference-contact .page-hero > .container,
  body.reference-page.reference-contact main > .section > .container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-contact .page-hero-grid {
    gap: 10px !important;
  }

  body.reference-page.reference-contact .page-hero-grid > .page-hero-media {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-inline: 10px !important;
    transform: translateY(-10px) !important;
  }

  body.reference-page.reference-contact .page-hero-grid > .page-hero-media img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-contact .page-hero-grid > div:first-child {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 10px 0 30px !important;
  }

  /* Mobile legal reference is a plain single-column article; section links do
     not precede the text at this breakpoint. */
  body.reference-page.reference-legal {
    background: #fff !important;
  }

  body.reference-page.reference-legal main {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 50px 0 40px !important;
    background: #fff !important;
  }

  body.reference-page.reference-legal .page-hero {
    padding: 0 0 23px !important;
  }

  body.reference-page.reference-legal .page-hero > .container,
  body.reference-page.reference-legal .legal-content-section > .container {
    width: calc(100% - 46px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  body.reference-page.reference-legal .page-hero .guide-meta,
  body.reference-page.reference-legal .legal-sidebar {
    display: none !important;
  }

  body.reference-page.reference-legal .page-hero h1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 29.184px !important;
    line-height: 35.021px !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  body.reference-page.reference-legal main > section.legal-content-section:not(.page-hero) {
    padding: 0 0 40px !important;
  }

  body.reference-page.reference-legal .legal-layout,
  body.reference-page.reference-legal .guide-body {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.reference-page.reference-legal .guide-section {
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.reference-page.reference-legal .guide-section > .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-legal :is(.legal-fact-card, .legal-definition-list > div) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.reference-page.reference-legal :is(address, .legal-address) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.reference-page.reference-legal main h2,
  body.reference-page.reference-legal main h3 {
    margin: 0 0 8px !important;
    font-size: 14.592px !important;
    line-height: 24.073px !important;
    font-weight: 700 !important;
  }

  body.reference-page.reference-legal :is(p, li, dt, dd, address) {
    font-size: 14.592px !important;
    line-height: 24.073px !important;
  }
}

/* ---------- Homepage mobile reference composition ----------
   Reserve the reference boxes while keeping every source image complete. */
@media (max-width: 760px) {
  html:has(body.reference-page.reference-home),
  body.reference-page.reference-home {
    overflow-x: hidden !important;
  }

  body.reference-page.reference-home .utility-bar {
    display: none !important;
  }

  body.reference-page.reference-home .site-header,
  body.reference-page.reference-home .header-inner {
    height: 60px !important;
    min-height: 60px !important;
  }

  body.reference-page.reference-home #main {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  body.reference-page.reference-home #main > .home-hero {
    display: contents !important;
  }

  body.reference-page.reference-home #main .home-banner {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }

  body.reference-page.reference-home .home-banner-media,
  body.reference-page.reference-home .home-banner-media img {
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    object-fit: contain !important;
    background: #040404 !important;
  }

  body.reference-page.reference-home .home-banner-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 150px !important;
    margin: 0 !important;
    padding: 6px 15px 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-copy {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-service {
    margin: 0 !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    letter-spacing: -.045em !important;
    text-shadow: #000 0 2px 0 !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-copy h1 {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16.8px !important;
    white-space: nowrap !important;
    text-shadow: #000 0 2px 0 !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-lede {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: 15px !important;
    font-size: 7px !important;
    font-weight: 400 !important;
    line-height: 8.4px !important;
    text-shadow: #000 0 2px 0 !important;
  }

  body.reference-page.reference-home .home-banner :is(.hero-actions, .hero-capabilities, .banner-standards) {
    display: none !important;
  }

  body.reference-page.reference-home #main > .home-hero > .home-market-fit {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 411px !important;
    margin: 0 !important;
    padding: 20px !important;
  }

  body.reference-page.reference-home .home-market-fit-heading .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home .home-market-fit-heading h2,
  body.reference-page.reference-home #main .reference-media-heading h2,
  body.reference-page.reference-home #main .r6-home-process-intro h2,
  body.reference-page.reference-home #main .r6-yarn-support-title {
    margin: 0 !important;
    font-size: 22.8px !important;
    font-weight: 600 !important;
    line-height: 29.64px !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > p:not(.r6-home-proofline) {
    margin: 14px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > .r6-home-proofline {
    margin: 15px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > .text-link {
    display: inline-flex !important;
    margin-top: 13px !important;
  }

  body.reference-page.reference-home #main > section.home-video-section {
    display: contents !important;
  }

  body.reference-page.reference-home #main > section.home-video-section > .container,
  body.reference-page.reference-home #main > section.home-video-section .home-video-layout {
    display: contents !important;
  }

  body.reference-page.reference-home #main > section.home-video-section :is(.home-section-heading, .home-video-transcript) {
    display: none !important;
  }

  body.reference-page.reference-home #main .home-video-player {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    height: 211px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
  }

  body.reference-page.reference-home #main .home-video-player .youtube-embed-shell,
  body.reference-page.reference-home #main .home-video-player .youtube-embed-shell > img {
    display: block !important;
    width: 100% !important;
    height: 211px !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: #000 !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="factory-gallery-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    height: 161px !important;
    padding: 10px 0 30px !important;
    overflow: hidden !important;
  }

  body.reference-page.reference-home [aria-labelledby="factory-gallery-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="factory-gallery-title"] .reference-media-heading,
  body.reference-page.reference-home [aria-labelledby="factory-gallery-title"] figcaption {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="factory-gallery-title"] .reference-horizontal-gallery {
    display: flex !important;
    width: max-content !important;
    margin: 0 0 0 40px !important;
    gap: 5px !important;
    transform: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="factory-gallery-title"] .reference-horizontal-gallery figure,
  body.reference-page.reference-home [aria-labelledby="factory-gallery-title"] .reference-horizontal-gallery img {
    flex: 0 0 145px !important;
    width: 145px !important;
    height: 121px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="certificate-gallery-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 5 !important;
    width: 100% !important;
    height: 710px !important;
    padding: 20px 10px 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-heading {
    margin: 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-heading .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-heading > p:not(.eyebrow) {
    display: block !important;
    margin: 12px 0 20px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 177px) !important;
    width: 354px !important;
    margin: 0 auto !important;
    gap: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-grid :is(figure, img) {
    width: 177px !important;
    height: 224px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-note {
    display: none !important;
  }

  body.reference-page.reference-home #main > .home-hero > .hero-facts {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 6 !important;
    width: 100% !important;
    height: 299px !important;
    margin: 0 !important;
    padding: 0 20px !important;
  }

  body.reference-page.reference-home #main > .home-hero > .hero-facts h2 {
    margin: 0 0 26px !important;
    font-size: 22.8px !important;
    line-height: 29.64px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-audience {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 7 !important;
    width: 100% !important;
    height: 702px !important;
    margin: 0 !important;
    padding: 20px !important;
  }

  body.reference-page.reference-home .r6-home-audience > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home .r6-home-audience .home-section-heading {
    margin: 0 0 30px !important;
  }

  body.reference-page.reference-home .r6-home-audience .home-section-heading h2 {
    margin: 0 !important;
    font-size: 22.8px !important;
    line-height: 29.64px !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid h3 {
    margin: 0 0 12px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid ul,
  body.reference-page.reference-home .r6-home-audience-grid li {
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="partner-reference-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 8 !important;
    width: 100% !important;
    height: 525px !important;
    padding: 20px 0 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading {
    box-sizing: border-box !important;
    height: 100px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading :is(.eyebrow, p),
  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-caption {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-wide-image,
  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-wide-image img {
    display: block !important;
    width: 375px !important;
    height: 375px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="product-reference-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 9 !important;
    width: 100% !important;
    height: 349px !important;
    padding: 20px 10px 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-heading {
    height: 49px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-grid[data-columns="3"] {
    display: grid !important;
    grid-template-columns: repeat(3, 105px) !important;
    width: 315px !important;
    margin: 0 auto !important;
    gap: 20px 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-grid :is(figure, img) {
    width: 105px !important;
    height: 105px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home #main > section.r6-home-process-intro {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 10 !important;
    width: 100% !important;
    height: 178px !important;
    margin: 0 !important;
    padding: 0 20px !important;
  }

  body.reference-page.reference-home .r6-home-process-intro > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home .r6-home-process-intro p {
    margin: 14px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="process-gallery-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 11 !important;
    width: 100% !important;
    height: 196px !important;
    padding: 10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] .reference-media-heading,
  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] figcaption {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] .reference-media-grid[data-columns="5"] {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 355px !important;
    margin: 0 auto !important;
    gap: 20px 10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] .reference-media-grid :is(figure, img) {
    width: 63px !important;
    height: 63px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="one-stop-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 12 !important;
    width: 100% !important;
    height: 1257px !important;
    padding: 20px 10px 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-media-heading {
    height: 100px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-list {
    display: grid !important;
    width: 354px !important;
    margin: 0 auto !important;
    gap: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row {
    display: grid !important;
    grid-template-columns: 177px 177px !important;
    align-items: start !important;
    width: 354px !important;
    height: 287px !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(3) {
    height: 283px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row > img {
    grid-column: 1 !important;
    width: 177px !important;
    height: 177px !important;
    margin: 0 !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row > div {
    box-sizing: border-box !important;
    grid-column: 2 !important;
    padding: 10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(even) > img {
    grid-column: 2 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(even) > div {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row h4 {
    margin: 5px 0 8px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 13 !important;
    width: 100% !important;
    height: 521px !important;
    padding: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-heading {
    height: 69px !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] {
    display: flex !important;
    align-items: flex-start !important;
    width: 335px !important;
    margin: 0 !important;
    gap: 2px !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] figure {
    flex: 0 0 39px !important;
    width: 39px !important;
    height: 39px !important;
    margin: 20px 0 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] figure:first-child {
    flex-basis: 157px !important;
    width: 157px !important;
    height: 157px !important;
    margin: 0 18px 0 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  body.reference-page.reference-home .r6-yarn-support-title {
    width: 335px !important;
    margin: 20px 0 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .r6-home-yarn-support {
    display: grid !important;
    grid-template-columns: repeat(3, 105px) !important;
    width: 315px !important;
    margin: 0 auto !important;
    gap: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .r6-home-yarn-support :is(figure, img) {
    width: 105px !important;
    height: 105px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="technique-gallery-title"] {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 14 !important;
    width: 100% !important;
    height: 486px !important;
    padding: 20px 10px 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading {
    height: 259px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading p {
    margin: 14px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-grid[data-columns="5"] {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 355px !important;
    margin: 0 auto !important;
    gap: 21px 10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-grid :is(figure, img) {
    width: 63px !important;
    height: 63px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="exhibition-home-title"] {
    grid-row: 15 !important;
    height: 369px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="buyer-visits-title"] {
    grid-row: 16 !important;
    height: 340px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="community-title"] {
    grid-row: 17 !important;
    height: 425px !important;
  }

  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 20px 10px 0 !important;
  }

  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-heading {
    height: 59px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-grid[data-columns="3"] {
    display: grid !important;
    grid-template-columns: repeat(3, 105px) !important;
    width: 315px !important;
    margin: 0 auto !important;
    gap: 20px !important;
  }

  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-grid :is(figure, img) {
    width: 105px !important;
    height: 105px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home #main > section.r6-home-trusted {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 18 !important;
    width: 100% !important;
    height: 733px !important;
    margin: 0 !important;
    padding: 20px !important;
  }

  body.reference-page.reference-home .r6-home-trusted > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home .r6-home-trusted h2,
  body.reference-page.reference-home .r6-home-faq h2 {
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 27.3px !important;
  }

  body.reference-page.reference-home .r6-home-trusted > .container > p {
    margin: 18px 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.reference-page.reference-home .r6-home-trusted-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home .r6-home-trusted-grid ul,
  body.reference-page.reference-home .r6-home-trusted-grid li {
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 19 !important;
    width: 100% !important;
    min-height: 1046px !important;
    margin: 0 !important;
    padding: 20px 0 0 !important;
  }

  body.reference-page.reference-home .r6-home-faq > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home .r6-home-faq h2 {
    box-sizing: border-box !important;
    height: 75px !important;
    padding: 0 20px !important;
  }

  body.reference-page.reference-home .r6-home-faq-list > div {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 20px 24px !important;
  }

  body.reference-page.reference-home .r6-home-faq-list > div:nth-child(1) { height: 159px !important; }
  body.reference-page.reference-home .r6-home-faq-list > div:nth-child(2) { height: 135px !important; }
  body.reference-page.reference-home .r6-home-faq-list > div:nth-child(3) { height: 182px !important; }
  body.reference-page.reference-home .r6-home-faq-list > div:nth-child(4) { height: 135px !important; }
  body.reference-page.reference-home .r6-home-faq-list > div:nth-child(5) { height: 159px !important; }
  body.reference-page.reference-home .r6-home-faq-list > div:nth-child(6) { height: 159px !important; }

  body.reference-page.reference-home .r6-home-faq-list h3 {
    margin: 0 0 8px !important;
    font-size: 18.24px !important;
    font-weight: 600 !important;
    line-height: 23.712px !important;
  }

  body.reference-page.reference-home .r6-home-faq-list p {
    margin: 0 !important;
    font-size: 14.592px !important;
    line-height: 24.08px !important;
  }

  body.reference-page.reference-home #main > .home-inquiry-band {
    display: none !important;
  }

  body.reference-page.reference-home img {
    object-fit: contain !important;
  }
}

@media (min-width: 761px) {
  body.reference-page .header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: flex-start !important;
  }

  body.reference-page .brand-header {
    flex: 0 0 110px !important;
    margin-left: max(20px, calc((100vw - 1010px) / 2)) !important;
  }

  body.reference-page .main-nav {
    box-sizing: border-box !important;
    flex: 0 0 848px !important;
    width: 848px !important;
    height: 58px !important;
    margin-left: 49px !important;
    padding-left: 12px !important;
  }

  body.reference-page .header-search {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 26px !important;
    margin-left: 19px !important;
  }
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials) .page-hero-media {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials) .page-hero h1 {
  margin-bottom: 20px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials) .page-hero {
  padding-bottom: 54px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.page-hero {
  padding-top: 31px !important;
  padding-bottom: 55px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .page-hero-grid {
  display: block !important;
  position: relative;
  top: 1px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .page-hero > .container {
  width: min(calc(100% - 20px), 1245px) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .page-hero h1 {
  width: 100% !important;
  max-width: none !important;
  margin-bottom: -6px !important;
  font-weight: 600 !important;
  line-height: 50.4px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .page-hero .hero-lede {
  position: relative;
  top: -29px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .page-hero .hero-lede + p {
  position: relative;
  top: -24px;
}

/* The live reference left-aligns 1000 px article media inside its 1104 px
   article column. Keep each complete source image at its intrinsic ratio. */
body.reference-page:is(.reference-private-label, .reference-packaging)
  .reference-flat-article img {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* ---------- Homepage opening viewport ---------- */
body.reference-page.reference-home .header-inner {
  min-height: 59px !important;
}

body.reference-page.reference-home #main {
  width: min(calc(100% - 20px), 1245px) !important;
  margin-inline: auto !important;
  grid-template-columns: minmax(0, 589px) minmax(0, 635px) !important;
  column-gap: 10px !important;
}

body.reference-page.reference-home #main > .home-hero {
  display: contents !important;
}

body.reference-page.reference-home #main .home-banner {
  width: 100vw !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  aspect-ratio: 1920 / 750 !important;
}

body.reference-page.reference-home .home-banner-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.reference-page.reference-home .home-banner-inner {
  display: flex !important;
  min-height: 100% !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 68px 0 30px !important;
}

body.reference-page.reference-home .home-banner .home-hero-copy {
  width: min(calc(100% - 40px), 1150px) !important;
  padding: 0 !important;
  transform: none !important;
}

body.reference-page.reference-home .home-banner .home-hero-service {
  margin: 0 0 30px !important;
  font-size: 120px !important;
  font-weight: 600 !important;
  line-height: 100px !important;
  letter-spacing: -0.045em !important;
}

body.reference-page.reference-home .home-banner .eyebrow {
  display: none !important;
}

body.reference-page.reference-home .home-banner .home-hero-copy h1 {
  margin: 0 0 20px !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  text-shadow: #000 0 2px 0 !important;
}

body.reference-page.reference-home .home-banner .home-hero-lede {
  max-width: 1040px !important;
  margin: 0 auto !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-shadow: #000 0 2px 0 !important;
}

body.reference-page.reference-home #main > .home-market-fit {
  box-sizing: border-box !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 589px !important;
  height: 420px !important;
  margin: 0 !important;
  padding: 20px 10px 24px !important;
}

body.reference-page.reference-home #main .home-video-player {
  box-sizing: border-box !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 635px !important;
  height: 420px !important;
  margin: 0 !important;
  padding: 20px 0 43px !important;
  align-self: start !important;
  background: #000 !important;
}

body.reference-page.reference-home #main .home-video-player .youtube-embed-shell {
  width: 635px !important;
  min-height: 0 !important;
  height: 357px !important;
  aspect-ratio: auto !important;
}

/* ---------- Homepage full-document parity ---------- */
@media (min-width: 761px) {
  body.reference-page.reference-home #main > .home-banner { grid-row: 1 !important; }
  body.reference-page.reference-home #main > .home-market-fit,
  body.reference-page.reference-home #main > .home-video-section { grid-row: 2 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="factory-gallery-title"] { grid-row: 3 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="certificate-gallery-title"] { grid-row: 4 !important; }
  body.reference-page.reference-home #main > .hero-facts { grid-row: 5 !important; }
  body.reference-page.reference-home #main > .r6-home-audience { grid-row: 6 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="partner-reference-title"] { grid-row: 7 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="product-reference-title"] { grid-row: 8 !important; }
  body.reference-page.reference-home #main > .r6-home-process-intro { grid-row: 9 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="process-gallery-title"] { grid-row: 10 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="one-stop-title"] { grid-row: 11 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="yarn-gallery-title"] { grid-row: 12 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="technique-gallery-title"] { grid-row: 13 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="exhibition-home-title"] { grid-row: 14 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="buyer-visits-title"] { grid-row: 15 !important; }
  body.reference-page.reference-home #main > [aria-labelledby="community-title"] { grid-row: 16 !important; }
  body.reference-page.reference-home #main > .r6-home-trusted { grid-row: 17 !important; }
  body.reference-page.reference-home #main > .r6-home-faq { grid-row: 18 !important; }

  body.reference-page.reference-home .home-market-fit-heading h2 {
    margin: 0 0 18px !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  body.reference-page.reference-home .home-market-fit-answer p {
    margin: 0 0 16px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  body.reference-page.reference-home .home-market-fit-answer .r6-home-proofline {
    margin-top: 8px !important;
    font-weight: 600 !important;
  }

  body.reference-page.reference-home .home-market-fit-answer .text-link {
    display: inline-flex !important;
  }

  body.reference-page.reference-home .home-video-player .youtube-embed-shell > img {
    display: block !important;
    width: 635px !important;
    height: 357px !important;
    object-fit: contain !important;
    background: #000 !important;
  }

  body.reference-page.reference-home .home-video-player .youtube-consent {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, .16) !important;
  }

  body.reference-page.reference-home .home-video-player .youtube-load-button {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 18px !important;
    color: #fff !important;
    background: rgba(0, 0, 0, .72) !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-heading p {
    display: block !important;
    max-width: 1120px !important;
    margin: 12px auto 24px !important;
    text-align: center !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="certificate-gallery-title"] {
    padding-bottom: 60px !important;
  }

  body.reference-page.reference-home .r6-home-audience {
    padding: 35px 0 58px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home .r6-home-audience > .container {
    width: min(calc(100% - 20px), 1245px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-home .r6-home-audience .home-section-heading {
    margin: 0 0 38px !important;
  }

  body.reference-page.reference-home .r6-home-audience .home-section-heading h2 {
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px !important;
    width: min(100%, 980px) !important;
    margin: 0 auto !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid h3 {
    margin: 0 0 14px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid ul,
  body.reference-page.reference-home .r6-home-trusted-grid ul {
    margin: 0 !important;
    padding-left: 20px !important;
  }

  body.reference-page.reference-home .r6-home-audience-grid li,
  body.reference-page.reference-home .r6-home-trusted-grid li {
    margin: 0 0 9px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] {
    padding: 0 0 58px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] > .container,
  body.reference-page.reference-home [aria-labelledby="product-reference-title"] > .container {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading {
    margin: 0 10px 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading p {
    max-width: 1160px !important;
    margin: 10px auto 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-wide-image {
    width: 100% !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-wide-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-caption {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] {
    padding: 0 0 50px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-heading {
    margin: 0 0 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-grid[data-columns="3"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 19px 20px !important;
    margin: 0 10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-grid :is(figure, img) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home .r6-home-process-intro {
    margin: 0 !important;
    padding: 0 10px 20px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home .r6-home-process-intro > .container {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-home .r6-home-process-intro h2 {
    margin: 0 0 16px !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home .r6-home-process-intro p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] {
    padding: 20px 0 60px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] > .container {
    width: min(calc(100% - 20px), 1146px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] .reference-media-grid[data-columns="5"] {
    display: grid !important;
    grid-template-columns: 218px 221px 222px 223px 222px !important;
    gap: 20px 10px !important;
    width: 1146px !important;
    margin: 0 auto !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] .reference-media-grid :is(figure, img) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home [aria-labelledby="process-gallery-title"] figcaption {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] {
    padding: 0 0 60px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] > .container {
    width: min(calc(100% - 20px), 1245px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-media-heading {
    margin: 0 0 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-list {
    display: grid !important;
    gap: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row {
    display: grid !important;
    grid-template-columns: minmax(0, 603px) minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: center !important;
    padding: 0 10px !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(even) {
    grid-template-columns: minmax(0, 621px) minmax(0, 588px) !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(even) > img {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(even) > div {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row :is(img) {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row h4 {
    margin: 0 0 12px !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row p:not(.eyebrow) {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] {
    padding: 0 0 60px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] > .container {
    width: min(calc(100% - 44px), 1221px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-heading {
    margin: 0 0 30px !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] {
    display: flex !important;
    gap: 2px !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] figure {
    flex: 0 0 144px !important;
    width: 144px !important;
    margin: 57px 0 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] figure:first-child {
    flex-basis: 600px !important;
    width: 600px !important;
    margin: 0 28px 0 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home .r6-yarn-support-title {
    margin: 30px 0 20px !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .r6-home-yarn-support {
    display: grid !important;
    grid-template-columns: repeat(3, 400px) !important;
    gap: 20px !important;
    width: 1240px !important;
    margin: 0 0 0 -10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="yarn-gallery-title"] .r6-home-yarn-support :is(figure, img) {
    display: block !important;
    width: 400px !important;
    height: 400px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] {
    padding: 0 0 60px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] > .container {
    width: min(calc(100% - 20px), 1245px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading {
    margin: 0 0 30px !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading p {
    margin: 12px auto 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-grid[data-columns="5"] {
    display: grid !important;
    grid-template-columns: 231px 230px 231px 233px 231px !important;
    gap: 20px 10px !important;
    width: 1196px !important;
    margin: 0 auto !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-grid :is(figure, img) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home :is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) {
    padding: 0 0 60px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home :is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) > .container {
    width: min(calc(100% - 20px), 1240px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-home :is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"]) .reference-media-heading {
    margin: 0 0 20px !important;
  }

  body.reference-page.reference-home :is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"]) .reference-media-heading :is(.eyebrow, p) {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="community-title"] .reference-media-heading {
    margin: 0 0 30px !important;
  }

  body.reference-page.reference-home [aria-labelledby="community-title"] .reference-media-heading .eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="community-title"] .reference-media-heading p {
    margin: 12px auto 0 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home :is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-grid[data-columns="3"] {
    display: grid !important;
    grid-template-columns: repeat(3, 400px) !important;
    gap: 20px !important;
    width: 1240px !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home :is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-grid :is(figure, img) {
    display: block !important;
    width: 400px !important;
    height: 400px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.reference-page.reference-home .r6-home-trusted {
    padding: 0 10px 54px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home .r6-home-trusted > .container {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-home .r6-home-trusted h2 {
    margin: 0 0 18px !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home .r6-home-trusted > .container > p {
    max-width: 1120px !important;
    margin: 0 auto 22px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home .r6-home-trusted-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
    width: min(100%, 1160px) !important;
    margin: 0 auto !important;
  }

  body.reference-page.reference-home .r6-home-trusted-grid li {
    font-size: 15px !important;
  }

  body.reference-page.reference-home .r6-home-faq {
    padding: 0 10px 64px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home .r6-home-faq > .container {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-home .r6-home-faq h2 {
    margin: 0 0 20px !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  body.reference-page.reference-home .r6-home-faq-list > div {
    padding: 0 0 27px !important;
  }

  body.reference-page.reference-home .r6-home-faq-list h3 {
    margin: 0 0 6px !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  body.reference-page.reference-home .r6-home-faq-list p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

/* ---------- Homepage desktop geometry: measured against the live reference ---------- */
@media (min-width: 761px) {
  body.reference-page.reference-home #main > [aria-labelledby="certificate-gallery-title"] {
    padding-bottom: 64px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] > .container {
    width: 1233px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-heading {
    margin-bottom: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-heading p {
    margin: 12px auto 24px !important;
    min-height: 46px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-grid {
    grid-template-columns: repeat(4, 300px) !important;
    gap: 11px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-grid img {
    width: 300px !important;
    max-width: none !important;
  }

  body.reference-page.reference-home #main > .hero-facts {
    box-sizing: border-box !important;
    min-height: 284px !important;
    padding-bottom: 84px !important;
  }

  body.reference-page.reference-home #main > .r6-home-audience {
    padding-bottom: 54px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="partner-reference-title"] {
    padding-bottom: 1px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] > .container {
    width: calc(100% + 30px) !important;
    margin-left: -15px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading {
    margin: 0 10px 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading p {
    margin-top: 10px !important;
    white-space: nowrap !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="product-reference-title"] {
    padding-bottom: 13px !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 402px) !important;
    gap: 19px 20px !important;
    width: 1246px !important;
    margin: 0 0 0 -5px !important;
  }

  body.reference-page.reference-home .r6-home-process-intro {
    box-sizing: border-box !important;
    height: 124px !important;
    padding: 0 10px !important;
  }

  body.reference-page.reference-home .r6-home-process-intro p {
    white-space: nowrap !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="process-gallery-title"] {
    padding-bottom: 12px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] > .container {
    width: 1265px !important;
    margin-left: -15px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row {
    width: 1265px !important;
    box-sizing: border-box !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(1) {
    grid-template-columns: 603px minmax(0, 1fr) !important;
    padding-inline: 20px !important;
    gap: 30px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(2) {
    grid-template-columns: 611px 585px !important;
    padding-inline: 20px 29px !important;
    gap: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(3) {
    grid-template-columns: 621px minmax(0, 1fr) !important;
    padding-inline: 11px !important;
    gap: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(4) {
    grid-template-columns: 619px 588px !important;
    padding-inline: 11px 27px !important;
    gap: 20px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="one-stop-title"],
  body.reference-page.reference-home #main > [aria-labelledby="yarn-gallery-title"],
  body.reference-page.reference-home #main > [aria-labelledby="exhibition-home-title"],
  body.reference-page.reference-home #main > [aria-labelledby="buyer-visits-title"] {
    padding-bottom: 12px !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading {
    margin-bottom: 39px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="technique-gallery-title"] {
    padding-bottom: 12px !important;
  }

  body.reference-page.reference-home [aria-labelledby="community-title"] .reference-media-heading {
    margin-bottom: 7px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="community-title"] {
    padding-bottom: 66px !important;
  }

  body.reference-page.reference-home #main > .r6-home-trusted {
    grid-column: 1 / -1 !important;
    padding-bottom: 54px !important;
  }

  body.reference-page.reference-home #main > .r6-home-faq {
    grid-column: 1 / -1 !important;
  }

  body.reference-page.reference-home #main > .r6-home-faq .r6-home-faq-list h3 {
    margin: 0 0 20px !important;
    font-size: 24px !important;
    line-height: 31px !important;
  }

  body.reference-page.reference-home #main > .r6-home-faq .r6-home-faq-list p {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 30px !important;
  }

  body.reference-page.reference-home #main > .r6-home-faq .r6-home-faq-list > div {
    padding: 0 0 29px !important;
  }
}

/* ---------- Homepage desktop geometry: measured against the live reference ---------- */
@media (min-width: 761px) {
  html:has(body.reference-page.reference-home),
  body.reference-page.reference-home {
    overflow-x: hidden !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="certificate-gallery-title"] {
    padding-bottom: 47px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] > .container {
    width: 1233px !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-heading > p:not(.eyebrow) {
    display: block !important;
    min-height: 46px !important;
    margin: 12px auto 24px !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-heading > p.eyebrow {
    display: none !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-grid {
    grid-template-columns: repeat(4, 300px) !important;
    gap: 11px !important;
  }

  body.reference-page.reference-home [aria-labelledby="certificate-gallery-title"] .reference-media-grid img {
    width: 300px !important;
    max-width: none !important;
  }

  body.reference-page.reference-home #main > .home-hero > .hero-facts {
    box-sizing: border-box !important;
    min-height: 284px !important;
    padding-bottom: 84px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-audience {
    box-sizing: border-box !important;
    height: 449px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="partner-reference-title"] {
    box-sizing: border-box !important;
    height: 592px !important;
    padding-bottom: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] > .container {
    width: calc(100% + 30px) !important;
    margin-left: -15px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading {
    margin: 0 10px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading p {
    white-space: nowrap !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="product-reference-title"] {
    box-sizing: border-box !important;
    height: 940px !important;
    padding-bottom: 0 !important;
  }

  body.reference-page.reference-home [aria-labelledby="product-reference-title"] .reference-media-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 402px) !important;
    width: 1246px !important;
    margin: 0 0 0 -5px !important;
  }

  body.reference-page.reference-home .r6-home-process-intro {
    box-sizing: border-box !important;
    height: 124px !important;
    padding: 0 10px !important;
  }

  body.reference-page.reference-home .r6-home-process-intro p {
    white-space: nowrap !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="process-gallery-title"] {
    padding-bottom: 6px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] > .container {
    width: 1265px !important;
    margin-left: -15px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row {
    box-sizing: border-box !important;
    width: 1265px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(1) {
    grid-template-columns: 603px minmax(0, 1fr) !important;
    gap: 30px !important;
    padding-inline: 20px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(2) {
    grid-template-columns: 611px 585px !important;
    gap: 20px !important;
    padding-inline: 20px 29px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(3) {
    grid-template-columns: 621px minmax(0, 1fr) !important;
    gap: 20px !important;
    padding-inline: 11px !important;
  }

  body.reference-page.reference-home [aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(4) {
    grid-template-columns: 619px 588px !important;
    gap: 20px !important;
    padding-inline: 11px 27px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="one-stop-title"],
  body.reference-page.reference-home #main > [aria-labelledby="yarn-gallery-title"] {
    padding-bottom: 6px !important;
  }

  body.reference-page.reference-home [aria-labelledby="technique-gallery-title"] .reference-media-heading {
    margin-bottom: 39px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="technique-gallery-title"] {
    padding-bottom: 5px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="exhibition-home-title"],
  body.reference-page.reference-home #main > [aria-labelledby="buyer-visits-title"] {
    padding-bottom: 6px !important;
  }

  body.reference-page.reference-home [aria-labelledby="community-title"] .reference-media-heading {
    margin-bottom: 7px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="community-title"] {
    padding-bottom: 59px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-trusted {
    grid-column: 1 / -1 !important;
    padding-bottom: 81px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq {
    grid-column: 1 / -1 !important;
    box-sizing: border-box !important;
    width: 1265px !important;
    margin-left: -10px !important;
    padding: 0 !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq > .container {
    width: 1265px !important;
    margin: 0 !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list h3 {
    margin: 0 0 20px !important;
    font-size: 24px !important;
    line-height: 31px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list p {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 30px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div {
    box-sizing: border-box !important;
    padding: 0 0 29px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(1) { height: 110px !important; }
  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(2) { height: 109px !important; padding-bottom: 28px !important; }
  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(3) { height: 140px !important; }
  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(4) { height: 139px !important; }
  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(5) { height: 140px !important; }
  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(6) { height: 139px !important; }

  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list > div:nth-child(4) p {
    min-height: 59px !important;
  }
}

/* ---------- Homepage desktop opening and final pixel alignment ---------- */
@media (min-width: 761px) {
  body.reference-page.reference-home #main .home-banner {
    width: calc(100vw - 15px) !important;
    margin-left: calc(50% - 50vw + 7.5px) !important;
  }

  body.reference-page.reference-home #main > .home-hero > .home-market-fit {
    box-sizing: border-box !important;
    width: 569px !important;
    height: 410px !important;
    margin-left: 10px !important;
    padding: 0 !important;
  }

  body.reference-page.reference-home #main > section.home-video-section {
    box-sizing: border-box !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 635px !important;
    height: 410px !important;
    margin: 0 !important;
    padding: 0 0 53px !important;
    background: #000 !important;
  }

  body.reference-page.reference-home #main > section.home-video-section > .container,
  body.reference-page.reference-home #main > section.home-video-section .home-video-layout {
    display: block !important;
    width: 635px !important;
    height: 357px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.reference-page.reference-home #main > section.home-video-section .home-video-player,
  body.reference-page.reference-home #main > section.home-video-section .youtube-embed-shell {
    box-sizing: border-box !important;
    width: 635px !important;
    height: 357px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-heading > p:not(.eyebrow) {
    min-height: 42px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="certificate-gallery-title"] {
    padding-bottom: 59px !important;
  }

  body.reference-page.reference-home #main > .home-hero > .hero-facts {
    min-height: 283px !important;
    padding-bottom: 83px !important;
  }

  body.reference-page.reference-home [aria-labelledby="partner-reference-title"] .reference-media-heading {
    margin-bottom: -1px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="technique-gallery-title"] {
    padding-bottom: 4px !important;
  }

  body.reference-page.reference-home #main > [aria-labelledby="community-title"] {
    padding-bottom: 60px !important;
  }
}

/* ---------- Homepage desktop typography and reference-column alignment ---------- */
@media (min-width: 761px) {
  body.reference-page.reference-home #main {
    justify-content: start !important;
  }

  body.reference-page.reference-home #main .home-banner {
    justify-self: start !important;
    margin-left: calc((1260px - 100vw) / 2) !important;
  }

  body.reference-page.reference-home .home-banner-inner {
    padding-top: 67px !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-service {
    letter-spacing: normal !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-copy h1 {
    margin-bottom: 10px !important;
    font-size: 40px !important;
    line-height: 56px !important;
    letter-spacing: normal !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-lede {
    max-width: 871px !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 31px !important;
  }

  body.reference-page.reference-home #main > .home-hero > .home-market-fit {
    margin-left: 10px !important;
  }

  body.reference-page.reference-home .home-market-fit-heading h2 {
    margin-bottom: 20px !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > p:not(.r6-home-proofline) {
    margin: 0 0 25.6px !important;
    font-size: 16px !important;
    line-height: 26.4px !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > p:not(.r6-home-proofline):nth-of-type(2) {
    margin-bottom: 26.6px !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > .r6-home-proofline {
    margin: 0 0 25.6px !important;
    font-size: 16px !important;
    line-height: 26.4px !important;
  }

  body.reference-page.reference-home .home-market-fit-answer > .text-link {
    display: inline-block !important;
    box-sizing: border-box !important;
    height: 39px !important;
    margin-top: 20px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    line-height: 15px !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-heading {
    margin-bottom: 20px !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-heading > h2 {
    position: relative !important;
    top: 1px !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-heading > p:not(.eyebrow) {
    margin-bottom: 20px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-trusted {
    position: relative !important;
    top: -1px !important;
  }
}

/* ---------- Shared custom-service visual template ---------- */
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials) main {
  display: flex !important;
  flex-direction: column !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section {
  display: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > :is(
    .page-hero,
    [aria-labelledby="service-proof-title"],
    [data-r5-reference-copy="oem-proof"],
    [aria-labelledby="oem-yarn-title"],
    [data-r5-reference-copy="oem-yarn"],
    [aria-labelledby="oem-tech-title"],
    [data-r5-reference-copy="oem-tech"],
    [aria-labelledby="oem-process-title"],
    [data-r5-reference-copy="oem-process"],
    .r6-service-specs,
    .r6-yarn-support,
    .r6-service-faq,
    .r6-service-cta
  ) {
  display: block !important;
}

/* Earlier cost/material compatibility rules use three negation selectors.
   Repeat the section class here so the sixth-pass semantic modules win that
   old specificity without deleting the protected source copy. */
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-service-specs.r6-service-specs.r6-service-specs,
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-yarn-support.r6-yarn-support.r6-yarn-support,
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-service-faq.r6-service-faq.r6-service-faq {
  display: block !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > .page-hero { order: 0; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"]) { order: 1; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > .r6-service-specs { order: 2; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > :is([aria-labelledby="oem-yarn-title"], [data-r5-reference-copy="oem-yarn"]) { order: 3; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > .r6-yarn-support { order: 4; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > :is([aria-labelledby="oem-tech-title"], [data-r5-reference-copy="oem-tech"]) { order: 5; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > :is([aria-labelledby="oem-process-title"], [data-r5-reference-copy="oem-process"]) { order: 6; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > .r6-service-faq { order: 7; }
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-service-cta { order: 8 !important; }

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-media-heading {
  display: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section:is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"]) {
  padding: 40px 0 0 !important;
  margin-top: 12px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row {
  align-items: start !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-points {
  margin: 12px 0 14px !important;
  padding-left: 20px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-points li {
  margin: 0 0 7px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row > div > .r6-service-body {
  display: block !important;
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  min-width: 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row h2 {
  font-weight: 600 !important;
  text-align: center !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(1) > div > .r6-service-body {
  top: -24px;
  width: 556px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(2) > div > .r6-service-body {
  top: -22px;
  width: 665px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(3) > div > .r6-service-body {
  top: -49px;
  width: 603px;
  min-height: 422px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(4) > div > .r6-service-body {
  top: 78px;
  width: 665px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-body > p {
  margin: 0 0 14px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(1) {
  gap: 48px 20px !important;
  margin-bottom: 97px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(2) {
  gap: 42px 20px !important;
  grid-template-columns: minmax(0, 559px) minmax(0, 1fr) !important;
  margin-bottom: 92px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(3) {
  gap: 85px 20px !important;
  grid-template-columns: minmax(0, 559px) minmax(0, 1fr) !important;
  margin-bottom: 37px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(4) {
  gap: 20px 20px !important;
  grid-template-columns: minmax(0, 559px) minmax(0, 1fr) !important;
  margin-bottom: 45px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
  .reference-alternating-row:nth-child(n + 2) > img {
  width: 559px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-service-specs {
  padding: 0 0 111px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-specs > .container {
  width: min(calc(100% - 22px), 1243px) !important;
  max-width: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-specs .decision-table-wrap {
  margin: 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-spec-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.55;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-spec-table tr {
  height: 63px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-spec-table :is(th, td) {
  padding: 8px 16px;
  border: 1px solid #d9dde1;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-spec-table th {
  width: 25%;
  font-weight: 700;
  background: #f5f6f7;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] > .container {
  width: min(calc(100% - 44px), 1221px) !important;
  max-width: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section:is([aria-labelledby="oem-yarn-title"], [data-r5-reference-copy="oem-yarn"]) {
  padding: 0 0 30px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-heading {
  margin-bottom: 30px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  #oem-yarn-title {
  margin-top: 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-heading :is(.eyebrow, p) {
  display: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] {
  display: flex !important;
  width: 100% !important;
  gap: 2px !important;
  align-items: flex-start !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] figure {
  flex: 0 0 144px !important;
  width: 144px !important;
  margin: 44px 0 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] figure:first-child {
  flex-basis: 600px !important;
  width: 600px !important;
  margin: 0 28px 0 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="3"] {
  display: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-yarn-support {
  padding: 0 0 70px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-yarn-support > .container {
  width: min(calc(100% - 20px), 1240px) !important;
  max-width: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-yarn-support h2 {
  margin: 0 0 20px !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-yarn-support-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-yarn-support-grid figure,
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-yarn-support-grid img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-yarn-support.r6-yarn-support img {
  display: block !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section:is([aria-labelledby="oem-tech-title"], [data-r5-reference-copy="oem-tech"]) {
  padding: 0 0 69px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="oem-tech-title"], [data-r5-reference-copy="oem-tech"])
  .reference-media-heading .eyebrow,
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="oem-process-title"], [data-r5-reference-copy="oem-process"])
  .reference-media-heading .eyebrow {
  display: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is(#oem-tech-title, #oem-process-title) {
  margin-top: 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-tech-title"] > .container,
body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-process-title"] > .container {
  width: min(calc(100% - 20px), 1245px) !important;
  max-width: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-tech-title"] .reference-media-grid[data-columns="5"] {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 30px 10px !important;
  width: min(100%, 1196px) !important;
  margin: 55px auto 0 !important;
  overflow: visible !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-tech-title"] .reference-media-grid[data-columns="5"] :is(figure, img) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-process-title"] .reference-horizontal-gallery {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  gap: 20px !important;
  width: 100% !important;
  overflow: visible !important;
  margin: 8px 0 0 !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  [aria-labelledby="oem-process-title"] .reference-horizontal-gallery :is(figure, img) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section:is([aria-labelledby="oem-process-title"], [data-r5-reference-copy="oem-process"]) {
  padding: 0 0 45px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  :is([aria-labelledby="oem-process-title"], [data-r5-reference-copy="oem-process"])
  .reference-media-heading {
  margin-bottom: 19px !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-service-faq {
  padding: 0 0 56px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-faq > .container {
  width: min(calc(100% - 20px), 1245px) !important;
  max-width: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-faq h2 {
  margin: 0 0 26px !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-faq-list > div {
  padding: 10px 0 54px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-faq-list p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-faq-list .r6-faq-question {
  margin-bottom: 6px;
  font-size: 16px;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  main > section.r6-service-cta {
  padding: 0 0 102px !important;
  background: #fff !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-cta .cta-panel {
  display: block !important;
  padding: 0 !important;
  color: #202124 !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-cta .cta-panel :is(.eyebrow, .button) {
  display: none !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-cta .cta-panel h2 {
  margin: 0 0 18px !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
  .r6-service-cta .cta-panel p {
  color: #202124 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* OEM keeps its keyword-led commercial checklist as the FAQ-equivalent
   module, but removes the unrelated decorative warning panel. */
body.reference-page.reference-oem main > .section:has(.media-copy-split) {
  display: none !important;
}

@media (max-width: 760px) {
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .page-hero-grid {
    top: 8px;
  }

  body.reference-page.reference-home #main {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  body.reference-page.reference-home #main .home-banner {
    height: 150px !important;
    min-height: 150px !important;
    margin-left: 0 !important;
    aspect-ratio: auto !important;
  }

  body.reference-page.reference-home .home-banner-inner {
    padding: 6px 15px 0 !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-service {
    margin-bottom: 0 !important;
    font-size: 40px !important;
    line-height: 40px !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-copy h1 {
    font-size: 12px !important;
    line-height: 16.8px !important;
    white-space: nowrap !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-lede {
    font-size: 7px !important;
    line-height: 8.4px !important;
  }

  body.reference-page.reference-home #main > .home-market-fit,
  body.reference-page.reference-home #main .home-video-player {
    grid-column: 1 !important;
    width: 100% !important;
    height: 211px !important;
  }

  body.reference-page.reference-home #main > .home-market-fit {
    grid-row: 2 !important;
    padding: 28px 16px !important;
  }

  body.reference-page.reference-home #main .home-video-player {
    grid-row: 3 !important;
    padding: 0 !important;
  }

  body.reference-page.reference-home #main .home-video-player .youtube-embed-shell {
    width: 100% !important;
    height: 211px !important;
    aspect-ratio: auto !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-bottom: 46px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section:is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"]) {
    padding-top: 9px !important;
    margin-top: 0 !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row:nth-child(1) {
    margin-bottom: 23px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row:nth-child(2) {
    margin-bottom: 147px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row:nth-child(3) {
    gap: 0 !important;
    margin-bottom: 169px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row > img {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row > div > h2 {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="service-proof-title"], [data-r5-reference-copy="oem-proof"])
    .reference-alternating-row > div > .r6-service-body {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-height: 0 !important;
    top: auto !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-service-spec-table {
    display: table !important;
    width: 700px !important;
    min-width: 700px !important;
    font-size: 14px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-service-specs .decision-table-wrap {
    overflow-x: auto !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-service-specs > .container,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-yarn-support > .container {
    width: calc(100% - 32px) !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-yarn-title"] > .container,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-tech-title"] > .container,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-process-title"] > .container,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-service-faq > .container {
    width: calc(100% - 32px) !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] {
    display: flex !important;
    gap: 2px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section:is([aria-labelledby="oem-yarn-title"], [data-r5-reference-copy="oem-yarn"]) {
    padding-bottom: 46px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    #oem-yarn-title,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-yarn-support h2,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    #oem-tech-title,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    #oem-process-title {
    font-size: 22.8px !important;
    line-height: 29.64px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] figure,
  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] figure:first-child {
    flex: 0 0 39px !important;
    width: 39px !important;
    margin: 12px 0 0 !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-yarn-title"] .reference-media-grid[data-columns="5"] figure:first-child {
    flex-basis: 157px !important;
    width: 157px !important;
    margin: 0 28px 0 0 !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-yarn-support-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin-top: 21px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section.r6-yarn-support {
    padding-bottom: 74px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-yarn-support h2 {
    margin-bottom: 0 !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-tech-title"] .reference-media-grid[data-columns="5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
    width: 100% !important;
    margin-top: 35px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-tech-title"] .reference-media-grid[data-columns="5"] figure {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section:is([aria-labelledby="oem-tech-title"], [data-r5-reference-copy="oem-tech"]) {
    padding-bottom: 45px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    [aria-labelledby="oem-process-title"] .reference-horizontal-gallery {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 16px !important;
    width: 100% !important;
    margin-top: 1px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section:is([aria-labelledby="oem-process-title"], [data-r5-reference-copy="oem-process"]) {
    padding-bottom: 39px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    :is([aria-labelledby="oem-process-title"], [data-r5-reference-copy="oem-process"])
    .reference-media-heading {
    margin-bottom: 1px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    .r6-faq-list > div {
    padding-bottom: 22px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section.r6-service-faq {
    padding-bottom: 55px !important;
  }

  body.reference-page:is(.reference-oem, .reference-costs, .reference-materials)
    main > section.r6-service-cta {
    padding-bottom: 86px !important;
  }

  body.reference-page .footer-grid > :nth-child(2) {
    display: none !important;
  }

  /* Final mobile measurements are kept at the end of the cascade so the
     shared service rules above cannot reinstate the earlier large layout. */
  body.reference-page.reference-home .home-banner .home-hero-copy h1,
  body.reference-page.reference-home .home-banner .home-hero-lede {
    margin: 0 !important;
  }

  body.reference-page.reference-home .home-banner .home-hero-lede {
    position: static !important;
    transform: none !important;
  }

  body.reference-page.reference-home #main [aria-labelledby="certificate-gallery-title"] .reference-media-grid {
    position: relative !important;
    top: 26px !important;
  }

  body.reference-page.reference-home #main > .home-hero > .hero-facts h2 {
    height: 30px !important;
    white-space: nowrap !important;
    letter-spacing: -.02em !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="product-reference-title"] .reference-media-grid[data-columns="3"],
  body.reference-page.reference-home #main > section:is([aria-labelledby="exhibition-home-title"], [aria-labelledby="buyer-visits-title"], [aria-labelledby="community-title"]) .reference-media-grid[data-columns="3"] {
    width: 355px !important;
    margin-inline: 0 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(2) {
    height: 283px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(3) {
    height: 287px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] {
    padding-top: 0 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] .reference-media-heading {
    height: 89px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] {
    gap: 1px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] .reference-media-grid[data-columns="5"] figure:first-child {
    margin-right: 19px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] .r6-yarn-support-title {
    margin: 31px 0 20px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="yarn-gallery-title"] .r6-home-yarn-support {
    margin-left: -10px !important;
    margin-right: 0 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="technique-gallery-title"] {
    padding-top: 0 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="technique-gallery-title"] .reference-media-heading {
    height: 279px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="exhibition-home-title"],
  body.reference-page.reference-home #main > section[aria-labelledby="buyer-visits-title"],
  body.reference-page.reference-home #main > section[aria-labelledby="community-title"] {
    padding-top: 0 !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="exhibition-home-title"] .reference-media-heading {
    height: 79px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="buyer-visits-title"] .reference-media-heading {
    height: 50px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="community-title"] .reference-media-heading {
    height: 135px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-trusted {
    padding-top: 0 !important;
  }

  body.reference-page.reference-home #main > section.r6-home-trusted h2,
  body.reference-page.reference-home #main > section.r6-home-faq h2 {
    font-size: 21px !important;
    line-height: 27.3px !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq {
    padding-top: 0 !important;
  }

  body.reference-page.reference-home #main > section.r6-home-faq .r6-home-faq-list h3 {
    font-size: 18.24px !important;
    line-height: 23.712px !important;
  }

  body.reference-page.reference-home .site-footer {
    box-sizing: border-box !important;
    height: 484px !important;
    min-height: 484px !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  body.reference-page.reference-home .site-footer .footer-grid {
    display: block !important;
    padding-top: 0 !important;
  }

  body.reference-page.reference-home .site-footer .footer-grid > :first-child {
    box-sizing: border-box !important;
    height: 156px !important;
    padding-top: 0 !important;
  }

  body.reference-page.reference-home .site-footer .footer-grid > :first-child .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 12px !important;
  }

  body.reference-page.reference-home .menu-toggle {
    position: relative !important;
    width: 19px !important;
    height: 60px !important;
    margin: 0 18px 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0784b9 !important;
    background: transparent !important;
  }

  body.reference-page.reference-home .menu-toggle span,
  body.reference-page.reference-home .menu-toggle::before,
  body.reference-page.reference-home .menu-toggle::after {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    width: 19px !important;
    height: 2px !important;
    margin: 0 !important;
    content: "" !important;
    background: currentColor !important;
  }

  body.reference-page.reference-home .menu-toggle::before { top: 21px !important; }
  body.reference-page.reference-home .menu-toggle span { top: 27px !important; }
  body.reference-page.reference-home .menu-toggle::after { top: 33px !important; }

  body.reference-page.reference-home #main .home-market-fit-answer > .text-link {
    display: inline-block !important;
    box-sizing: border-box !important;
    height: 39px !important;
    margin-top: -2px !important;
    padding: 12px 24px !important;
    border: 0 !important;
    color: #fff !important;
    background: #141414 !important;
    font-size: 15px !important;
    line-height: 15px !important;
    text-decoration: none !important;
  }

  body.reference-page.reference-home #main .home-video-player {
    padding: 3px 20px 20px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home #main .home-video-player .youtube-embed-shell,
  body.reference-page.reference-home #main .home-video-player .youtube-embed-shell > img {
    width: 335px !important;
    height: 188px !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="buyer-visits-title"] #buyer-visits-title {
    height: 30px !important;
    overflow: visible !important;
    font-size: 17px !important;
    line-height: 30px !important;
    white-space: nowrap !important;
  }

  body.reference-page.reference-home #main > section[aria-labelledby="one-stop-title"] .reference-alternating-row:nth-child(4) {
    height: 280px !important;
  }

  body.reference-page.reference-home #main > section.home-video-section .home-video-player {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 211px !important;
    margin: 0 !important;
    padding: 3px 20px 20px !important;
    background: #fff !important;
  }

  body.reference-page.reference-home #main > section.home-video-section .youtube-embed-shell,
  body.reference-page.reference-home #main > section.home-video-section .youtube-embed-shell > img {
    width: 335px !important;
    height: 188px !important;
  }

  body.reference-page.reference-home #main .home-market-fit-answer > .text-link {
    width: 170px !important;
    margin-top: -3px !important;
    overflow: hidden !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  body.reference-page.reference-home #main .home-market-fit-answer > .text-link::before {
    content: none !important;
  }

  body.reference-page.reference-home #main .home-market-fit-answer > .text-link > span {
    display: none !important;
  }
}

/* Late sixth-pass conflict resolution. These selectors intentionally match
   the more specific legacy rules and therefore remain the final desktop
   authority for the audited reference templates. */
@media (min-width: 761px) {
  body.reference-page.reference-quality #main > .page-hero h1 {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-quality main > section.reference-quality-article[data-r5-quality-article="true"] {
    padding-top: 7px !important;
  }

  body.reference-page.reference-exhibitions #main > .page-hero h1 {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-exhibitions main > .reference-exhibition-video {
    padding-top: 16px !important;
    padding-block-start: 16px !important;
  }

  body.reference-page.reference-faq #main > .page-hero h1 {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-faq main > section.section:nth-of-type(2) {
    padding-top: 31px !important;
  }

  body.reference-page.reference-faq .faq-group h2 {
    line-height: 24px !important;
  }

  body.reference-page.reference-contact main > section.section:nth-of-type(2) {
    padding-top: 3px !important;
  }

  body.reference-page.reference-contact .page-hero-grid > .page-hero-media {
    transform: translateY(-9px) !important;
  }

  body.reference-page.reference-contact .page-hero-grid > div:first-child {
    padding-top: 100px !important;
  }

  body.reference-page.reference-legal main {
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 89px 0 48px !important;
  }

  body.reference-page.reference-legal main > .page-hero > .container,
  body.reference-page.reference-legal main > .legal-content-section > .container.legal-layout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.reference-page.reference-legal main > .legal-content-section {
    padding: 0 0 48px !important;
  }

  body.reference-page.reference-legal .page-hero .guide-meta {
    display: none !important;
  }

  body.reference-page.reference-legal main > section.legal-content-section:not(.page-hero) {
    padding: 0 0 48px !important;
  }

  body.reference-page.reference-legal .legal-sidebar {
    transform: translateY(-50px) !important;
  }

  body.reference-page:is(.reference-quality, .reference-exhibitions, .reference-faq)
    #main > .page-hero .page-hero-grid > div:first-child {
    width: 100% !important;
    max-width: none !important;
  }

  body.reference-page.reference-process #main > .page-hero > .container,
  body.reference-page.reference-process #main > #ablauf > .container,
  body.reference-page.reference-process #main > .production-reference-flow > .container {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body.reference-page.reference-process #main > #ablauf {
    padding-top: 74px !important;
  }

  body.reference-page.reference-process #main #ablauf h2 {
    margin-bottom: 98px !important;
  }

  body.reference-page.reference-process #main #ablauf .reference-inline-figure {
    margin: 0 0 0 !important;
  }

  body.reference-page.reference-process #main #ablauf .stage-list {
    margin-top: 2px !important;
  }

  body.reference-page.reference-process #main #ablauf .stage {
    display: block !important;
    position: relative !important;
  }

  body.reference-page.reference-process #main #ablauf .stage > .index-no {
    display: none !important;
  }

  body.reference-page.reference-process #main #ablauf .stage > div {
    display: block !important;
    position: absolute !important;
    inset: 18px 0 auto !important;
    width: 100% !important;
  }
}

/* Final mobile authority for the templates whose legacy selectors use #main. */
@media (max-width: 760px) {
  body.reference-page.reference-quality #main > .page-hero > .container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  body.reference-page.reference-quality #main > .page-hero h1 {
    font-size: 27.36px !important;
    line-height: 38.302px !important;
    font-weight: 600 !important;
  }

  body.reference-page.reference-quality #main > .page-hero .hero-lede {
    font-size: 18px !important;
    line-height: 40px !important;
  }

  body.reference-page.reference-quality #main > .page-hero {
    padding-bottom: 4px !important;
  }

  body.reference-page.reference-quality #main > .reference-quality-article {
    padding-top: 0 !important;
  }

  body.reference-page.reference-exhibitions #main > .page-hero {
    background: #fff !important;
  }

  body.reference-page.reference-exhibitions #main .reference-exhibition-video
    .youtube-embed-shell > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
  }
}

/* Homepage video poster: keep the first frame unfiltered and let the
   desktop section take its height from the 16:9 player. The consent action
   retains its own dark button background for contrast. */
body.reference-page.reference-home #main .home-video-player .youtube-embed-shell > img {
  opacity: 1 !important;
}

body.reference-page.reference-home #main .home-video-player .youtube-embed-shell::after {
  background: none !important;
  content: none !important;
}

body.reference-page.reference-home #main .home-video-player .youtube-consent {
  background: transparent !important;
}

body.reference-page.reference-home #main .home-video-player .youtube-load-button {
  border: 1px solid rgba(255, 255, 255, .72) !important;
  color: #fff !important;
  background: rgba(0, 0, 0, .78) !important;
}

body.reference-page.reference-home #main .home-video-player .youtube-load-button:hover,
body.reference-page.reference-home #main .home-video-player .youtube-load-button:focus-visible {
  color: #111 !important;
  background: #fff !important;
}

@media (min-width: 761px) {
  body.reference-page.reference-home #main > section.home-video-section {
    height: auto !important;
    padding: 0 !important;
    align-self: start !important;
    background: transparent !important;
  }

  body.reference-page.reference-home #main > section.home-video-section > .container,
  body.reference-page.reference-home #main > section.home-video-section .home-video-layout,
  body.reference-page.reference-home #main > section.home-video-section .home-video-player,
  body.reference-page.reference-home #main > section.home-video-section .youtube-embed-shell {
    height: auto !important;
  }

  body.reference-page.reference-home #main > section.home-video-section .youtube-embed-shell {
    aspect-ratio: 16 / 9 !important;
  }

  body.reference-page.reference-home #main > section.home-video-section .youtube-embed-shell > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: transparent !important;
  }
}