/* This file intentionally affects only phone-sized About Us pages. */
@media (max-width: 767px) {
  body.page-id-20 {
    --rtt-mobile-edge: 16px;
  }

  body.page-id-20 .main-page-wrapper,
  body.page-id-20 .site-content,
  body.page-id-20 .content-layout-wrapper,
  body.page-id-20 .elementor-widget-html,
  body.page-id-20 .elementor-widget-html > .elementor-widget-container {
    max-width: none !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.page-id-20 .main-page-wrapper {
    padding-bottom: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 {
    --rb-about-mobile-gutter: 15px;
    background:
      radial-gradient(circle at 2% 0%, rgba(10, 146, 152, .12), transparent 21%),
      linear-gradient(180deg, #fff 0%, #f4f8fd 42%, #fff 100%) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-container {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero {
    padding: 24px 0 38px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__grid > div:first-child {
    display: contents !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero .rb-about-kicker {
    order: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero h1 {
    order: 1 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-split,
  .rb-about-us.rb-about-us--v4 .rb-about-cert,
  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap {
    gap: 28px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-kicker {
    gap: 8px !important;
    margin-bottom: 13px !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-kicker::before {
    width: 22px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero h1 {
    max-width: 345px !important;
    font-size: clamp(37px, 10.4vw, 43px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.043em !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__visual {
    order: 2 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__lead {
    order: 3 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-actions {
    order: 4 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__lead {
    margin-top: 17px !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 23px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    letter-spacing: .025em !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__visual {
    margin: 0 2px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image {
    min-height: 0 !important;
    aspect-ratio: 1 / .76 !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 46px rgba(6, 46, 112, .15) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image > img {
    object-position: 55% center !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note {
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
    grid-template-columns: 38px 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal svg {
    width: 20px !important;
    height: 20px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note strong {
    margin-bottom: 1px !important;
    font-size: 12px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note span {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 20px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat {
    min-height: 112px !important;
    border-radius: 19px !important;
    padding: 16px !important;
    box-shadow: 0 12px 30px rgba(6, 46, 112, .065) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat strong {
    margin-bottom: 8px !important;
    font-size: 31px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat span {
    font-size: 11px !important;
    line-height: 1.42 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-section {
    padding: 44px 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-section:nth-of-type(even) {
    background: linear-gradient(180deg, rgba(234, 244, 249, .72), rgba(247, 251, 255, .96)) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-section--tight {
    padding-top: 38px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-head {
    margin-bottom: 25px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-head h2,
  .rb-about-us.rb-about-us--v4 .rb-about-split h2,
  .rb-about-us.rb-about-us--v4 .rb-about-cert h2,
  .rb-about-us.rb-about-us--v4 .rb-about-cta h2 {
    font-size: clamp(28px, 7.8vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.032em !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-head p,
  .rb-about-us.rb-about-us--v4 .rb-about-split p,
  .rb-about-us.rb-about-us--v4 .rb-about-cert p,
  .rb-about-us.rb-about-us--v4 .rb-about-cta p {
    margin-top: 13px !important;
    font-size: 14px !important;
    line-height: 1.66 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-panel {
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(6, 46, 112, .08) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-panel__body {
    padding: 24px 20px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-list {
    gap: 9px !important;
    margin-top: 22px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item {
    grid-template-columns: 38px 1fr !important;
    gap: 11px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-panel__body {
    padding: 22px 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-icon svg {
    width: 19px !important;
    height: 19px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item strong {
    font-size: 13px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item span {
    font-size: 11px !important;
    line-height: 1.48 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-wide-image {
    min-height: 0 !important;
    aspect-ratio: 1 / .72 !important;
    border-radius: 23px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-wide-image > img {
    object-position: 58% center !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-head--center {
    text-align: left !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-head--center .rb-about-kicker {
    justify-content: flex-start !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-head--center .rb-about-kicker::before {
    display: block !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-team,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-grid {
    display: flex !important;
    width: calc(100% + 16px) !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 3px var(--rb-about-mobile-gutter) 17px 0 !important;
    scroll-padding-left: 0 !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    overscroll-behavior-inline: contain !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-team::-webkit-scrollbar,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-grid::-webkit-scrollbar {
    display: none !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card {
    flex: 0 0 min(82vw, 310px) !important;
    border-radius: 22px !important;
    scroll-snap-align: start !important;
    box-shadow: 0 15px 38px rgba(6, 46, 112, .09) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person__image {
    aspect-ratio: 1 / .79 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person__body,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card__body {
    padding: 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person h3,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card h3 {
    font-size: 18px !important;
    line-height: 1.18 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person p,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card p {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.56 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person__role {
    margin-top: 8px !important;
    padding: 6px 9px !important;
    font-size: 10px !important;
    letter-spacing: .04em !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-card-image {
    aspect-ratio: 1 / .62 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert {
    border-radius: 24px !important;
    padding: 22px !important;
    box-shadow: 0 16px 42px rgba(6, 46, 112, .09) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert__badges {
    gap: 6px !important;
    margin-top: 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert__badges span {
    min-height: 31px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    letter-spacing: .03em !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert__image {
    min-height: 0 !important;
    aspect-ratio: 1 / .67 !important;
    border-radius: 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-visual {
    min-height: 0 !important;
    aspect-ratio: 1 / .69 !important;
    border-radius: 23px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-list {
    gap: 9px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-card {
    grid-template-columns: 42px 1fr !important;
    gap: 12px !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-num {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-card h3 {
    font-size: 15px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-card p {
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.48 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefit-card {
    min-height: 0 !important;
    border-radius: 19px !important;
    padding: 16px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefit-card:nth-child(1),
  .rb-about-us.rb-about-us--v4 .rb-about-benefit-card:nth-child(4) {
    background: linear-gradient(145deg, rgba(223,247,243,.92), rgba(255,255,255,.92)) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefit-icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 18px !important;
    border-radius: 13px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefit-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefit-card h3 {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-benefit-card p {
    margin-top: 8px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cta {
    border-radius: 24px !important;
    padding: 26px 21px !important;
    box-shadow: 0 18px 45px rgba(6, 46, 112, .19) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cta__row {
    display: block !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cta .rb-about-actions {
    grid-template-columns: 1fr !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cta__chips {
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 21px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cta__chips span {
    min-height: 29px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
    letter-spacing: .025em !important;
  }

  .rb-about-us.rb-about-us--motion :where(
    .rb-about-hero .rb-about-kicker,
    .rb-about-hero h1,
    .rb-about-hero__lead,
    .rb-about-hero .rb-about-actions,
    .rb-about-hero__visual,
    .rb-about-stat,
    .rb-about-panel,
    .rb-about-wide-image,
    .rb-about-head,
    .rb-about-person,
    .rb-about-cert,
    .rb-about-adv-card,
    .rb-about-select-visual,
    .rb-about-select-card,
    .rb-about-benefit-card,
    .rb-about-cta
  ) {
    filter: none !important;
  }

  body.page-id-20 .rb-about-us.rb-about-us--v4 > .rb-about-section:last-child {
    padding-bottom: 92px !important;
  }

  /* The page carries its base design inline. These late rules create a
     clearly intentional mobile composition instead of a shrunken desktop. */
  .rb-about-us.rb-about-us--v4 .rb-about-split,
  .rb-about-us.rb-about-us--v4 .rb-about-cert,
  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap {
    grid-template-columns: 1fr !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert {
    padding: 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert__image,
  .rb-about-us.rb-about-us--v4 .rb-about-wide-image,
  .rb-about-us.rb-about-us--v4 .rb-about-select-visual {
    min-height: 0 !important;
  }
}

/* 1.2.1 — Match the annotated mobile composition exactly. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 .rb-about-hero__visual { margin-bottom: 68px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__note {
    right: 18px !important;
    bottom: -56px !important;
    left: 18px !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    padding: 8px 10px !important;
  }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal { width: 30px !important; height: 30px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__note strong { font-size: 11px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__note span { font-size: 9px !important; -webkit-line-clamp: 2 !important; }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item,
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-column: auto !important;
    align-content: start !important;
    align-items: start !important;
    gap: 8px !important;
    min-height: 126px !important;
    padding: 11px !important;
  }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child {
    grid-column: 1 / -1 !important;
    min-height: 92px !important;
  }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-icon { width: 34px !important; height: 34px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item > div:last-child { min-width: 0 !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item strong {
    display: block !important;
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item span {
    display: block !important;
    font-size: 9.5px !important;
    line-height: 1.4 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap { display: flex !important; flex-direction: column !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap > div:nth-child(2) { order: 1 !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-visual { order: 2 !important; margin-top: 6px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-card {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px 11px !important;
  }
  .rb-about-us.rb-about-us--v4 .rb-about-select-num { width: 32px !important; height: 32px !important; }
}

/* 1.2.0 — DOCX mobile revision. These declarations intentionally come last. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 .rb-about-hero__visual {
    margin-bottom: 76px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image {
    overflow: visible !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image > img {
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image::after {
    border-radius: 22px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note {
    right: 14px !important;
    bottom: -64px !important;
    left: 14px !important;
    grid-template-columns: 34px 1fr !important;
    padding: 9px 11px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 30px rgba(6,46,112,.14) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal {
    width: 34px !important;
    height: 34px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stats {
    margin-top: 6px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    grid-template-rows: auto auto !important;
    column-gap: 9px !important;
    min-height: 104px !important;
    padding: 13px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat::before {
    display: grid !important;
    grid-row: 1 / 3 !important;
    align-self: start !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    place-items: center !important;
    color: #0a9298 !important;
    background: #e5f8f5 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    content: "✓" !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat:nth-child(2)::before { content: "↻" !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-stat:nth-child(3)::before { content: "◆" !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-stat:nth-child(4)::before { content: "◷" !important; }

  .rb-about-us.rb-about-us--v4 .rb-about-stat strong,
  .rb-about-us.rb-about-us--v4 .rb-about-stat span {
    grid-column: 2 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat strong {
    margin: 0 0 4px !important;
    font-size: 24px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 38px 1fr !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-team,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-grid {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card {
    min-width: 0 !important;
    border-radius: 17px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person__image {
    aspect-ratio: 1 / .88 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person__body,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card__body {
    padding: 12px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person h3,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card h3 {
    font-size: 14px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-person p,
  .rb-about-us.rb-about-us--v4 .rb-about-adv-card p {
    font-size: 10px !important;
    line-height: 1.46 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert__badges span {
    border-color: #0b3e88 !important;
    background: #0b3e88 !important;
    color: #fff !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-cert__image > img {
    object-fit: contain !important;
    background: #fff !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap > div:nth-child(2) {
    order: 1 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-visual {
    order: 2 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-list {
    counter-reset: rtt-select !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-card {
    min-height: 0 !important;
    padding: 12px !important;
    border-left: 3px solid #0a9298 !important;
    box-shadow: none !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-select-num {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }
}

/* 1.2.1 final cascade — must remain after the 1.2.0 rules above. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 .rb-about-hero__visual { margin-bottom: 68px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__note { right: 18px !important; bottom: -56px !important; left: 18px !important; grid-template-columns: 30px minmax(0,1fr) !important; padding: 8px 10px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal { width: 30px !important; height: 30px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__note strong { font-size: 11px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-hero__note span { font-size: 9px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item,
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child { display:grid !important; grid-template-columns:34px minmax(0,1fr) !important; grid-column:auto !important; align-content:start !important; align-items:start !important; gap:8px !important; min-height:126px !important; padding:11px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child { grid-column:1 / -1 !important; min-height:92px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-icon { width:34px !important; height:34px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item > div:last-child { min-width:0 !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item strong { display:block !important; margin:0 0 4px !important; font-size:12px !important; line-height:1.25 !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item span { display:block !important; font-size:9.5px !important; line-height:1.4 !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap { display:flex !important; flex-direction:column !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-wrap > div:nth-child(2) { order:1 !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-visual { order:2 !important; margin-top:6px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-card { grid-template-columns:32px minmax(0,1fr) !important; gap:9px !important; padding:10px 11px !important; }
  .rb-about-us.rb-about-us--v4 .rb-about-select-num { width:32px !important; height:32px !important; }
}

/* 1.2.2 — place the quality note after the hero image on phones. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 .rb-about-hero__visual {
    margin-bottom: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image > img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / .76 !important;
    object-fit: cover !important;
    border: 1px solid var(--rb-about-line) !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 46px rgba(6, 46, 112, .15) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image::after {
    display: none !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 9px 11px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 10px 24px rgba(6, 46, 112, .12) !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__seal svg {
    width: 17px !important;
    height: 17px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note strong {
    margin-bottom: 2px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note span {
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
}

/* 1.2.3 — lock the media/card order against the shortcode's later CSS. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 .rb-about-hero__image {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 10px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__image > img {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: clamp(220px, 66vw, 285px) !important;
    aspect-ratio: auto !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-hero__note {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
  }
}

/* 1.2.4 — mobile type rhythm and section spacing refinements. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 .rb-about-hero h1 {
    width: 100% !important;
    max-width: 390px !important;
    font-size: clamp(35px, 9.2vw, 40px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.038em !important;
    text-wrap: balance !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-actions {
    margin-bottom: 18px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stats {
    margin-top: 0 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-list {
    align-items: stretch !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item,
  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child {
    min-height: 152px !important;
    padding: 13px !important;
    gap: 10px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item:last-child {
    min-height: 110px !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item strong {
    margin-bottom: 5px !important;
    font-size: 13.5px !important;
    line-height: 1.28 !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-mission-item span {
    font-size: 11.5px !important;
    line-height: 1.48 !important;
  }
}

/* 1.2.6 — customer-requested deep teal icon tiles. */
@media (max-width: 767px) {
  .rb-about-us.rb-about-us--v4 :where(
    .rb-about-hero__seal,
    .rb-about-mission-icon,
    .rb-about-benefit-icon,
    .rb-about-select-num
  ) {
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    background: linear-gradient(145deg, #078aa2 0%, #006f8b 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 111, 139, .2) !important;
  }

  .rb-about-us.rb-about-us--v4 :where(
    .rb-about-hero__seal,
    .rb-about-mission-icon,
    .rb-about-benefit-icon
  ) svg {
    display: block !important;
    max-width: 54% !important;
    max-height: 54% !important;
    color: #fff !important;
    stroke: currentColor !important;
  }

  .rb-about-us.rb-about-us--v4 :where(
    .rb-about-hero__seal,
    .rb-about-mission-icon,
    .rb-about-benefit-icon
  ) svg * {
    stroke: currentColor !important;
  }

  .rb-about-us.rb-about-us--v4 .rb-about-stat::before {
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    background: linear-gradient(145deg, #078aa2 0%, #006f8b 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 111, 139, .18) !important;
  }
}