/* Figma 4253:12373–12375 / 4255:12382: title outlines use the approved
   Helvetica Neue Medium shapes at 32px / 40px. One fixed-width clipping
   window: no width tween and no horizontal transform. */
.business-showcase.home .header-logo { display: none; }
.business-showcase.home .home-title { visibility: hidden; }
/* The text timeline owns opacity; disable the independent CSS carousel for the linked production showcase. */
.business-showcase.home .hero-slides.business-synced .hero-slide {
  animation: none;
  opacity: 0;
}
/* User export Rectangle 16.png, 2880 × 800: preserve the supplied full frame. */
.business-showcase .hero-image-culture-12384 img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center bottom;
}
/* Figma 4322:12398, 1440 × 400: retain the full-resolution image and its crop. */
.business-showcase .hero-image-culture-4322 img {
  position: absolute;
  left: 0;
  top: -63.54%;
  width: 100%;
  height: 200.93%;
  object-fit: fill;
}
.business-roll {
  --roll-height: calc(40px * var(--u));
  position: absolute;
  top: calc(64px * var(--u));
  left: calc(129px * var(--u));
  width: min(calc(460px * var(--u)), calc(100% - 235px));
  height: var(--roll-height);
  overflow: hidden;
  pointer-events: none;
  cursor: default;
  color: var(--ink);
  /* This value only sizes the path-based SVGs; no visitor font is required. */
  font-size: calc(32px * var(--u));
  line-height: var(--roll-height);
  opacity: 1;
  transition: opacity 160ms ease;
}
.business-roll-track { transform: translateY(0); }
.business-roll-row {
  height: var(--roll-height);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.business-roll-word {
  display: block;
  width: auto;
  height: 1em;
  flex: none;
}
.business-roll-logo {
  position: relative;
  width: calc(216px * var(--u));
  height: calc(40px * var(--u));
}
.business-roll-logo img { object-fit: contain; }
.scrolled .business-roll { opacity: 0; pointer-events: none; }
/* No mobile frame was supplied: fit the longest label without truncating it. */
@media (max-width: 1279px) {
  .business-roll {
    --roll-height: 28px;
    top: 22px;
    left: 20px;
    width: calc(100% - 106px);
    font-size: clamp(14px, 3.7vw, 24px);
    line-height: 28px;
  }
  .business-roll-logo { width: 129.6px; height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .business-roll { transition: none; }
}