/* Progressive enhancement: the ordinary two-section layout is the fallback. */
.business-journey.is-enhanced { position: relative; height: calc(var(--journey-height) + var(--journey-distance)); overflow-anchor: none; }
.is-enhanced > .journey__stage { position: sticky; top: var(--journey-top); height: var(--journey-height); isolation: isolate; overflow: clip; background: var(--journey-paper, #f9f6ef); }
.is-enhanced .hero--photo { position: absolute; inset: 0; z-index: 2; background: transparent; pointer-events: none; }
.is-enhanced .hero--photo .hero__grid { height: var(--journey-height); min-height: 0; overflow: visible; background: transparent; }
.is-enhanced .hero--photo .hero__text { opacity: var(--journey-copy, 1); transform: translate3d(0, var(--journey-copy-y, 0px), 0); pointer-events: auto; }
.is-enhanced .hero--photo .hero__gallery { inset: auto; left: var(--journey-x, 0px); top: var(--journey-y, 0px); width: var(--journey-photo-width, 100%); height: var(--journey-photo-height, 100%); overflow: hidden; border-radius: var(--journey-radius, 0px); }
.is-enhanced .hero--photo .hero__photos { touch-action: auto; }
.is-enhanced .hero--photo .hero__photos::after { opacity: var(--journey-gradient, 1); }
.is-enhanced .hero--photo .hero__slide { left: var(--journey-inset, 24%); }
.is-enhanced .hero--photo .hero__slide img { object-position: var(--journey-image-x, 0%) var(--journey-image-y, 38%); }
.is-morphing .hero__slide { transition: none; }
.journey__shade { position: absolute; z-index: 2; inset: 32% 0 0; background: linear-gradient(180deg, transparent, rgba(10,19,16,.12) 30%, rgba(10,19,16,.86)); opacity: var(--journey-caption, 0); pointer-events: none; }
.journey__caption { opacity: var(--journey-caption, 0); z-index: 3; }
.is-enhanced.is-complete .hero__gallery { visibility: hidden; }
.is-enhanced .trades--slider { position: absolute; z-index: 1; top: var(--journey-copy-height, 0px); left: 0; width: 100%; background: transparent; overflow: visible; }
.is-enhanced .businesses__heading { opacity: var(--journey-heading, 0); transform: translate3d(0, var(--journey-heading-y, 24px), 0); }
.is-enhanced:not(.is-complete) .business-rail { pointer-events: none; }
.is-enhanced .business-card { --journey-reveal: clamp(0, calc((var(--journey-progress, 0) - .18 - var(--journey-stagger, 0)) * 2.8), 1); opacity: var(--journey-reveal); transform: translate3d(calc(28px * (1 - var(--journey-reveal))), calc(72px * (1 - var(--journey-reveal))), 0); }
.is-enhanced .business-card.journey__first { opacity: 0; transform: none; }
.is-enhanced.is-complete .business-card { opacity: 1; transform: none; }
@media (max-width: 860px) {
  .is-enhanced .hero--photo .hero__gallery { position: absolute; }
  .is-enhanced .hero--photo .hero__text { transform: none; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .business-journey.is-enhanced { height: auto; }
  .is-enhanced > .journey__stage { position: static; height: auto; }
}