/* Fit the introduction below the site header without scaling its typography. */
@media (min-width: 992px) {
  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v5-sheet {
    width: 100%;
    max-width: none !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    column-gap: clamp(24px, 3vw, 60px);
    align-items: center;
    height: auto !important;
    min-height: calc(100svh - var(--detail-header-space, 112px));
    aspect-ratio: auto !important;
    padding: clamp(16px, 2.5vh, 32px) 5.3% 84px !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-hero-copy {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    align-items: start;
    gap: clamp(8px, 1.2vh, 14px) 20px;
    grid-column: 1;
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-hero-copy > * {
    position: static !important;
    inset: auto !important;
    translate: none !important;
    transform: none !important;
    grid-column: 1 / -1;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-kicker {
    font-size: clamp(12px, 0.95vw, 16px) !important;
    line-height: 1.35 !important;
    letter-spacing: 0.1em !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-lead {
    font-size: clamp(18px, 1.5vw, 24px) !important;
    line-height: 1.3 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-description {
    font-size: 18px !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-description .brs-v8-desktop-break {
    display: none !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero :is(.brs-v5-lead, .brs-v5-description)::after {
    width: 56px !important;
    height: 1px !important;
    margin-top: 8px !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-manifesto {
    grid-column: 1;
    font-size: 14px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.04em !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecule-note {
    grid-column: 2;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecule-note strong {
    display: block;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.04em !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecule-note p {
    margin: 4px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-hero-art {
    position: absolute !important;
    inset: 0 0 0 42% !important;
    width: 58% !important;
    height: 100% !important;
    margin: 0 !important;
    translate: none !important;
    transform: none !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-hero-art img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 65% center !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-hero-art::after {
    background:
      linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.96) 18%, rgba(255, 255, 255, 0) 40%),
      linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.94) 5%, rgba(255, 255, 255, 0.4) 16%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.8) 100%) !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-sensory {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    top: auto !important;
    right: 5.3% !important;
    bottom: clamp(104px, 14vh, 150px) !important;
    left: auto !important;
    width: 42% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    translate: none !important;
    transform: none !important;
    font-size: clamp(12px, 1vw, 16px) !important;
    line-height: 1.4 !important;
    color: #163d52 !important;
    -webkit-text-fill-color: #163d52 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-sensory li {
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 18px 0 0 !important;
    background-image: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: #163d52 !important;
    -webkit-text-fill-color: #163d52 !important;
    text-shadow: none !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-sensory li::before {
    top: 0 !important;
    left: 0 !important;
    width: 7px !important;
    height: 7px !important;
    transform: none !important;
    background: #285d73 !important;
    border-color: #fff !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-sensory li:not(:last-child)::after {
    top: 3px !important;
    left: 3.5px !important;
    width: calc(100% + 12px) !important;
    height: 1px !important;
    transform: none !important;
    background: #7b99a9 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecular-labels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    top: auto !important;
    right: 5.3% !important;
    bottom: clamp(22px, 4vh, 40px) !important;
    left: auto !important;
    width: 42% !important;
    max-width: none;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid #c6d3dd;
    translate: none !important;
    transform: none !important;
    font-size: clamp(11px, 0.85vw, 14px) !important;
    line-height: 1.4 !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecular-labels li {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    translate: none !important;
    transform: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecular-labels li::before,
  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecular-labels li::after {
    display: none !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-more-actions--introduction {
    position: absolute !important;
    z-index: 3;
    left: 5.3%;
    bottom: calc(clamp(16px, 2.5vh, 24px) + 32px);
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-more-actions--introduction .brs-more {
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Keep translated copy clear of the portrait while retaining its type scale. */
@media (min-width: 992px) {
  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@layer arotec-display-headings.spec.request-20260910 {
  html body.brs-page main#main#main #introduction.brs-v5-introduction h1#brs-title {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
  }
}

/* The foreground gains the shared content inset from 1200px. Its 43.2vw
   column can then cross the sensory line at 52.7vw; keep the note 16px clear. */
@media (min-width: 992px) {
  html body.brs-page main#main#main #introduction.brs-v5-introduction .brs-v8-reference-hero .brs-v5-molecule-note {
    margin-inline-end: max(0px, calc(var(--arotec-content-left, 0px) + 16px - 9.5vw)) !important;
  }
}