/* A spacious, edge-to-edge showcase, scoped to the second section. */
.trades--slider { padding: clamp(54px, 5vw, 100px) 0; background: #fff; overflow: hidden; }
.trades--slider .businesses__heading { max-width: none; padding: 0 4.5vw; margin-bottom: 38px; display: flex; align-items: flex-end; justify-content: space-between; gap: 6vw; }
.trades--slider h2 { max-width: 22ch; margin: 0; font-size: clamp(34px, 3.3vw, 70px); line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
.trades--slider .section-lead { max-width: 36ch; margin: 0 0 3px; font-size: clamp(18px, 1.25vw, 25px); line-height: 1.5; }
.business-rail { width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.business-rail::-webkit-scrollbar { display: none; }
.business-rail:focus-visible { outline: 3px solid #e5b800; outline-offset: -3px; }
.business-track { display: flex; width: max-content; padding-left: 4.5vw; }
.business-set { display: flex; flex: 0 0 auto; gap: 20px; list-style: none; padding: 0 20px 0 0; margin: 0; }
.business-set[hidden] { display: none; }
.business-card { position: relative; flex: 0 0 auto; width: clamp(260px, 23vw, 430px); aspect-ratio: 4 / 5; overflow: hidden; border-radius: 20px; background: #d7d2c7; isolation: isolate; }
.business-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.business-card::after { content: ""; position: absolute; inset: 32% 0 0; background: linear-gradient(180deg, transparent, rgba(10,19,16,.12) 30%, rgba(10,19,16,.86)); z-index: 1; pointer-events: none; }
.business-card__caption { position: absolute; z-index: 2; left: 26px; right: 22px; bottom: 26px; color: #fff; }
.business-card__caption h3 { margin: 0 0 8px; color: inherit; font-size: clamp(25px, 2vw, 38px); line-height: 1.07; letter-spacing: -.02em; }
.business-card__caption p { margin: 0; color: rgba(255,255,255,.88); font-size: clamp(14px, 1vw, 18px); line-height: 1.3; }
@media (max-width: 860px) {
  .trades--slider .businesses__heading { display: block; padding: 0 5vw; margin-bottom: 28px; }
  .trades--slider h2 { max-width: 20ch; }
  .trades--slider .section-lead { margin-top: 18px; max-width: 42ch; font-size: 18px; }
  .business-track { padding-left: 5vw; }
  .business-card { width: clamp(255px, 60vw, 360px); }
}
@media (max-width: 480px) {
  .trades--slider { padding: 46px 0 52px; }
  .trades--slider .businesses__heading { padding-inline: 22px; }
  .business-track { padding-left: 22px; }
  .business-set { gap: 14px; padding-right: 14px; }
  .business-card { width: 76vw; border-radius: 16px; }
  .business-card__caption { left: 22px; bottom: 24px; }
}