.hps .hps-cs{--cs-card:clamp(248px, 23vw, 312px);--cs-gap:16px;--cs-radius:20px;--cs-edge:16px;--cs-ink:var(--lumion-dark,#11142b);--cs-accent:var(--lumion-blue,#5261ce);color:var(--cs-ink);background:#f5f4f1;padding:88px 0 72px}.hps .hps-cs h2{text-align:center;letter-spacing:-.015em;text-wrap:balance;max-width:20ch;margin:0 auto 40px;padding:0 16px;font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.08}.hps .hps-cs .cs-rail{gap:var(--cs-gap);scrollbar-width:none;overscroll-behavior-x:contain;padding:6px var(--cs-edge) 28px;display:flex;overflow-x:auto}.hps .hps-cs .cs-rail::-webkit-scrollbar{display:none}.hps .hps-cs .cs-card{flex:0 0 var(--cs-card);aspect-ratio:1;border-radius:var(--cs-radius);isolation:isolate;background:var(--cs-ink);position:relative;overflow:hidden;box-shadow:0 1px 2px #11142b0f,0 14px 34px -14px #11142b52}.hps .hps-cs .cs-poster,.hps .hps-cs .cs-card video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hps .hps-cs .cs-poster{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hps .hps-cs .cs-card video{opacity:0;transition:opacity .2s}.hps .hps-cs .cs-card:not([data-state=idle]) video{opacity:1}@media(hover:hover){.hps .hps-cs .cs-card[data-state=idle]:hover .cs-poster{transform:scale(1.035)}}.hps .hps-cs .cs-shade{pointer-events:none;background:linear-gradient(#11142b00 36%,#11142b57 54%,#11142bd1 80%,#11142bf2);transition:opacity .3s;position:absolute;inset:0}.hps .hps-cs .cs-meta{color:#fff;pointer-events:none;padding:0 20px 18px;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0}.hps .hps-cs .cs-quote{letter-spacing:-.01em;text-wrap:balance;margin:0 0 12px;font-size:clamp(17px,1.4vw,19px);font-weight:600;line-height:1.2}.hps .hps-cs .cs-who{margin:0;font-size:14px;font-weight:600;line-height:1.3}.hps .hps-cs .cs-role{color:#ffffffbd;margin:0;font-size:13px;line-height:1.35}.hps .hps-cs .cs-pill{height:28px;color:var(--cs-ink);font-variant-numeric:tabular-nums;pointer-events:none;background:#fffffff0;border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #11142b2e}.hps .hps-cs .cs-pill svg{fill:currentColor;flex:none;width:12px;height:12px}.hps .hps-cs .cs-card:not([data-state=idle]) .cs-shade{opacity:0}.hps .hps-cs .cs-card:not([data-state=idle]) .cs-meta{opacity:0;transform:translateY(10px)}.hps .hps-cs .cs-capshade{pointer-events:none;opacity:0;background:linear-gradient(#11142b00 66%,#11142b66 82%,#11142bc7);transition:opacity .3s;position:absolute;inset:0}.hps .hps-cs .cs-card:not([data-state=idle]) .cs-capshade{opacity:1}.hps .hps-cs .cs-cap{text-align:center;color:#fff;pointer-events:none;text-shadow:0 1px 3px #00000073;margin:0;font-size:15px;font-weight:600;line-height:1.3;position:absolute;bottom:20px;left:14px;right:14px}.hps .hps-cs .cs-card[data-state=idle] .cs-cap,.hps .hps-cs .cs-card[data-state=idle] .cs-q{visibility:hidden}.hps .hps-cs .cs-cap span{border-radius:6px;margin:0 -1px;padding:1px 3px;transition:background-color 80ms linear}.hps .hps-cs .cs-cap span.on{background:var(--cs-accent);text-shadow:none}.hps .hps-cs .cs-q{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#11142bb8;border-radius:10px;max-width:calc(100% - 28px);margin:0;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.3;position:absolute;top:50px;left:14px}.hps .hps-cs .cs-q b{color:#c9ceff;font-weight:600}.hps .hps-cs .cs-bar{background:var(--cs-accent);transform-origin:0;pointer-events:none;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.hps .hps-cs .cs-card[data-state=idle] .cs-bar{visibility:hidden}.hps .hps-cs .cs-hit{border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.hps .hps-cs .cs-hit:focus-visible{outline-offset:-6px;outline:3px solid #fff}.hps .hps-cs .cs-foot{justify-content:flex-end;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.hps .hps-cs .cs-arrows{flex:none;gap:8px;display:flex}.hps .hps-cs .cs-arrows button{border:1px solid color-mix(in srgb,var(--cs-ink) 12%,transparent);width:44px;height:44px;color:var(--cs-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;transition:border-color .2s,opacity .2s;display:grid}.hps .hps-cs .cs-arrows button:hover:not(:disabled){border-color:var(--cs-accent)}.hps .hps-cs .cs-arrows button:focus-visible{outline:3px solid var(--cs-accent);outline-offset:3px}.hps .hps-cs .cs-arrows button:disabled{opacity:.4;cursor:default}.hps .hps-cs .cs-arrows svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media(max-width:600px){.hps .hps-cs{--cs-card:min(78vw, 300px);--cs-gap:12px;--cs-edge:16px;padding:64px 0 56px}.hps .hps-cs h2{margin-bottom:28px}.hps .hps-cs .cs-foot{align-items:flex-end;padding:0 16px}}@media(prefers-reduced-motion:reduce){.hps .hps-cs .cs-poster,.hps .hps-cs .cs-card video,.hps .hps-cs .cs-shade,.hps .hps-cs .cs-meta,.hps .hps-cs .cs-capshade,.hps .hps-cs .cs-arrows button{transition:none}}