body {
  margin: 0;
  background: #fff;
}

.rc-section--split {
  --rc-bg: #fff;
  --rc-text: #171717;
  --rc-text-muted: #6f6962;
  --rc-olive: #6b8120;
  --rc-olive-hover: #526619;
  --rc-gold: #856713;   /* darker readable gold — small text on white needs 4.5:1 AA (was #a8801a, 3.64:1) */
  --rc-star: #a8801a;   /* rating stars matched to the deep gold (was #e8a500) */
  padding: 75px 0 75px;
}

.rc-section--split .rc-header,
.rc-section--split .rc-split-left,
.rc-section--split .rc-split-right img {
  opacity: 0;
  will-change: transform, opacity;
}

.rc-section--split .rc-header {
  transform: translate3d(0, 18px, 0);
  transition: transform 1450ms cubic-bezier(0.16, 1, 0.3, 1), opacity 1120ms ease;
}

.rc-section--split .rc-split-left {
  transform: translate3d(0, 18px, 0);
  transition: transform 1450ms cubic-bezier(0.16, 1, 0.3, 1), opacity 1120ms ease;
  transition-delay: 500ms;
}

.rc-section--split .rc-split-right img {
  transition: transform 1450ms cubic-bezier(0.16, 1, 0.3, 1), opacity 1120ms ease;
  transition-delay: 1000ms;
}

.rc-section--split.rc-reveal-in .rc-header,
.rc-section--split.rc-reveal-in .rc-split-left,
.rc-section--split.rc-reveal-in .rc-split-right img {
  opacity: 1;
}

.rc-section--split.rc-reveal-in .rc-header,
.rc-section--split.rc-reveal-in .rc-split-left {
  transform: translate3d(0, 0, 0);
}

.rc-section--split .rc-header {
  width: min(1040px, 72vw);
  margin: 0 auto 36px;
  padding: 0;
}

.rc-section--split .rc-header__label {
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 2.7px;
}

.rc-section--split .rc-header__title {
  /* ORIGINAL split size (backup): font-size: clamp(25.3px, 2.55vw, 40.7px);
     Matched to Shop by Category ~47px. */
  font-size: clamp(37.5px, 2.45vw, 47px);
  line-height: 1.1;
  margin-bottom: 10px;
}

.rc-section--split .rc-header__sub {
  font-size: 13px;
}

.rc-split-body {
  display: grid;
  grid-template-columns: minmax(720px, 59.5vw) 1fr;
  column-gap: clamp(52px, 8vw, 132px);
  align-items: start;
  width: 100%;
}

.rc-split-left {
  min-width: 0;
}

.rc-section--split .rc-carousel {
  padding-top: 0;
}

.rc-section--split .rc-track {
  gap: 18px;
  padding: 0 0 0 0;
}

.rc-section--split .rc-card {
  width: calc((59.5vw - 36px) / 3);
  min-width: calc((59.5vw - 36px) / 3);
  min-height: 335px;
  padding: 24px 22px 22px;
  border-radius: 11px;
}

.rc-section--split .rc-card__header {
  margin-bottom: 16px;
}

.rc-section--split .rc-card__avatar {
  width: 42px;
  height: 42px;
}

.rc-section--split .rc-card__text {
  /* Plain Jost quote — ~2px smaller than the old serif italic to match visual size */
  font-size: clamp(15px, 0.92vw, 17px);
  line-height: 1.5;
}

.rc-section--split .rc-card__highlight-text {
  /* enlarged for legibility (was clamp(12px, 0.72vw, 13px)) */
  font-size: clamp(13px, 0.85vw, 15px);
}

.rc-section--split .rc-arrow {
  display: flex;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 2.5px solid rgba(232, 135, 30, 0.6);
  background: rgba(232, 232, 228, 0.88);
  box-shadow: 0 3px 12px rgba(0,0,0,0.10);
}

.rc-section--split .rc-arrow:hover {
  background: rgba(222, 222, 218, 0.94);
  border-color: rgba(232, 135, 30, 0.85);
  box-shadow: 0 4px 16px rgba(0,0,0,0.14);
}

.rc-section--split .rc-arrow svg {
  width: 40px;
  height: 40px;
  stroke: #e8871e;
  color: #e8871e;
  stroke-width: 2.5;
}

.rc-section--split .rc-arrow--prev {
  left: auto;
  right: -62px;
}

.rc-section--split .rc-arrow--next {
  right: -114px;
}

.rc-section--split .rc-dots {
  justify-content: flex-end;
  margin: 24px 26px 0 0;
}

.rc-section--split .rc-footer {
  align-items: flex-start;
  padding: 0 0 0 20px;
  margin-top: 34px;
}

.rc-section--split .rc-footer__badge {
  display: none;
}

.rc-split-right {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: start;
  min-height: 310px;
  padding-right: clamp(70px, 9vw, 150px);
  padding-top: clamp(104px, 6.8vw, 130px);
}

.rc-split-right img {
  display: block;
  width: clamp(129px, 10.4vw, 184px);
  max-width: 100%;
  height: auto;
  transform: translate3d(0, 18px, 0);
}

.rc-section--split.rc-reveal-in .rc-split-right img {
  transform: translate3d(0, 0, 0);
}

/* Decorative peach line-drawing rose. It lives in .demo-stage (not the clipping
   carousel), positioned relative to the whole reviews section so its stalk can
   overflow below the section, and z-indexed to draw over the next section. */
.rc-rose {
  position: absolute;
  /* BADGE-ANCHORED (owner 16 Jul 2026, 2nd pass): this section's vertical
     layout is text-driven so pure vw positioning pulled the rose up into the
     badge on laptops, and vw sizing read too small next to the non-scaling
     review cards. These calcs are a linear fit through the badge's measured
     position at 1920 (badge bottom 423px, center 1515px) and 1536 (377px,
     1210px), keeping the original 1920 relationship at every width: rose top
     11px below the badge, center 76px right of badge center, fixed 245px. */
  top: calc(224px + 11.98vw);    /* +20px (owner 16 Jul 2026): 454px @1920, 408px @1536 */
  /* max(0px, …): below ~987px the calc goes negative and poked the rose past
     the viewport edge, forcing a page-wide horizontal scrollbar at high browser
     zoom (17 Jul 2026). Clamped flush to the edge instead; ≥987px unchanged. */
  right: max(0px, calc(20.57vw - 203px));  /* 192px @1920, 113px @1536 */
  width: 245px;
  height: auto;
  pointer-events: none;
  z-index: 5;
}

@media (max-width: 1100px) {
  .rc-split-body {
    grid-template-columns: 1fr;
    row-gap: 42px;
  }

  .rc-section--split .rc-track {
    padding-inline: 24px;
  }

  .rc-section--split .rc-card {
    width: 320px;
    min-width: 320px;
  }

  .rc-split-right {
    padding-right: 0;
  }
}