/* Customer outcomes and optional cinematic previews. Page scrolling is never captured. */
.hcc-section{position:relative;background:#fff;color:#181818;font-family:var(--sans);padding:94px 0 86px;overflow:clip;--hcc-card-width:min(720px,65vw);--hcc-card-height:560px;--hcc-gap:28px;--hcc-radius:22px;--hcc-gutter:max(56px,calc((100vw - 1280px)/2))}
.hcc-section *{box-sizing:border-box}
.hcc-track,.hcc-pin{position:relative}.hcc-pin{padding:10px 0 24px}
.hcc-heading,.hcc-controls{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.hcc-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.hcc-heading h2{font-size:clamp(40px,4.3vw,62px);font-weight:400;line-height:1.07;letter-spacing:-.05em;margin:0;max-width:820px}
.hcc-heading>p{font-size:12px;line-height:1.6;color:#777;margin:0 0 5px;max-width:240px}
.hcc-window{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hcc-gutter);scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;padding-bottom:26px;margin-bottom:-26px}
.hcc-window::-webkit-scrollbar{display:none}.hcc-window:focus-visible{outline:2px solid #555;outline-offset:-2px}
.hcc-belt{display:flex;align-items:stretch;gap:var(--hcc-gap);list-style:none;margin:0;padding:0 var(--hcc-gutter);width:max-content}
.hcc-item{position:relative;flex:0 0 var(--hcc-card-width);width:var(--hcc-card-width);min-width:0;scroll-snap-align:start;filter:drop-shadow(0 16px 22px #0000000d)}
.hcc-card{position:relative;isolation:isolate;display:block;height:var(--hcc-card-height);clip-path:inset(0 round var(--hcc-radius));background:#e8e4dd}
.hcc-photo{display:none}
.hcc-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.045)}
.hcc-media{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden}
.hcc-focus,.hcc-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 72%}
.hcc-focus{user-select:none;-webkit-user-drag:none;transition:filter .4s ease}
.hcc-video{opacity:0;transition:opacity .45s ease;pointer-events:none}
.hcc-card.is-playing .hcc-video{opacity:1}
.hcc-item[data-hcc-sector="Airlines & travel"] :is(.hcc-focus,.hcc-video){object-position:center top;transform:none;transform-origin:50% 0}
.hcc-ready .hcc-item:not(.is-current) .hcc-focus{filter:blur(1.6px)}
.hcc-item:hover .hcc-focus,.hcc-item:focus-within .hcc-focus{filter:none}
.hcc-card-content{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;padding:25px 28px 28px;border-radius:17px;background:rgba(20,20,20,.66);backdrop-filter:blur(25px) saturate(1.15);-webkit-backdrop-filter:blur(25px) saturate(1.15);box-shadow:0 10px 32px #00000012;color:#fff}
.hcc-card-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-bottom:15px}
.hcc-sector{font-size:12px;font-weight:500;line-height:1.5;margin:0;color:#fff}
.hcc-status{font-size:10px;line-height:1.5;margin:0;color:#fff;text-align:left}
.hcc-status[data-confirmed=false]{font-weight:500;color:#fff}
.hcc-card h3{font-size:clamp(27px,2.5vw,36px);line-height:1.14;font-weight:400;letter-spacing:-.045em;max-width:660px;margin:0;text-wrap:pretty}
.hcc-description{font-size:13px;line-height:1.55;color:#f2f2f2;max-width:610px;margin:13px 0 0}
.hcc-controls{display:none;align-items:center;justify-content:space-between;gap:22px;margin-top:24px}
.hcc-ready .hcc-controls{display:flex}
.hcc-current{display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.5;color:#777}
.hcc-current strong{font-weight:400;color:#282828;font-variant-numeric:tabular-nums}
.hcc-direction{display:flex;gap:8px}
.hcc-direction button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f1f1f1;color:#252525;cursor:pointer;transition:background .2s,opacity .2s}
.hcc-direction button:hover{background:#e7e7e7}.hcc-direction button:disabled{opacity:.3;cursor:default}.hcc-direction button:focus-visible{outline:2px solid #555;outline-offset:4px}
.hcc-direction svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hcc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hcc-window.hcc-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.hcc-window.hcc-dragging *{user-select:none}
@media(max-width:1199px){.hcc-section{--hcc-card-width:min(720px,72vw);--hcc-gap:24px;--hcc-gutter:40px}.hcc-heading,.hcc-controls{width:calc(100% - 80px)}.hcc-heading h2{font-size:49px}.hcc-card h3{font-size:31px}}
@media(max-width:760px){.hcc-section{padding:62px 0 56px;--hcc-card-width:calc(100vw - 48px);--hcc-card-height:620px;--hcc-gap:18px;--hcc-radius:18px;--hcc-gutter:24px}.hcc-heading,.hcc-controls{width:calc(100% - 48px)}.hcc-heading{display:block;margin-bottom:24px}.hcc-heading h2{font-size:37px;line-height:1.08;max-width:440px}.hcc-heading>p{max-width:none;font-size:11px;margin:13px 0 0}.hcc-card-content{left:16px;right:16px;bottom:16px;padding:21px 20px 24px;border-radius:13px}.hcc-card-top{display:block;margin-bottom:13px}.hcc-sector{font-size:11px}.hcc-status{font-size:10px;margin-top:5px}.hcc-card h3{font-size:27px;line-height:1.16}.hcc-description{font-size:12px;line-height:1.6;margin-top:12px}.hcc-controls{margin-top:17px}.hcc-current{font-size:10px;gap:8px}.hcc-direction button{width:36px;height:36px}}
@media(max-width:360px){.hcc-section{--hcc-card-width:calc(100vw - 40px);--hcc-gap:14px;--hcc-gutter:20px}.hcc-heading,.hcc-controls{width:calc(100% - 40px)}.hcc-heading h2{font-size:33px}.hcc-card-content{left:13px;right:13px;bottom:13px;padding:19px 17px 22px}.hcc-card h3{font-size:25px}}
@media(hover:none),(pointer:coarse){.hcc-window{cursor:auto}}
@media(prefers-reduced-motion:reduce){.hcc-section *{transition:none!important;animation:none!important}.hcc-focus{filter:none!important}}

@media(max-width:760px){.hcc-item[data-hcc-sector="Airlines & travel"] :is(.hcc-focus,.hcc-video){object-position:50% top;transform:none}}
/* Keep the crane's moving load above the caption in portrait crops. */
@media(max-width:760px){.hcc-card[aria-labelledby="hcc-logistics-title"] :is(.hcc-focus,.hcc-video){object-position:25% 72%}}
@media(max-width:760px){.hcc-card[aria-labelledby="hcc-education-title"] :is(.hcc-focus,.hcc-video){object-position:22% 72%}}
@media(max-width:760px){.hcc-card[aria-labelledby="hcc-healthcare-title"] :is(.hcc-focus,.hcc-video){object-position:85% 72%}}

@media(max-width:760px){.hcc-card[aria-labelledby="hcc-telecommunications-title"] :is(.hcc-focus,.hcc-video){object-position:80% 72%}}

@media(max-width:760px){.hcc-card[aria-labelledby="hcc-acquirer-title"] :is(.hcc-focus,.hcc-video){object-position:54% 72%}}