.customer-story-video{color:#fff}.customer-story-video__preview{object-fit:cover;width:100%;height:100%;display:block}.customer-story-video--card{aspect-ratio:16/9;background:#161616;align-self:center;width:100%;position:relative;overflow:hidden}.customer-story-video--card .customer-story-video__preview{position:absolute;inset:0}.customer-story-video--card .customer-story-video__content{background:linear-gradient(#0000 40%,#000b);position:absolute;inset:0}.customer-story-video__play{cursor:pointer;align-items:center;gap:14px;display:inline-flex}.customer-story-video--card .customer-story-video__play{color:#fff;font:700 14px/1.4 var(--grep-font-mono),monospace;text-align:left;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:28px;position:absolute;inset:0}.customer-story-video--card .customer-story-video__play-icon{color:#161616;background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.customer-story-video--hero .customer-story-video__preview{z-index:-2;opacity:.65;position:absolute;inset:0}.customer-story-video--hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#000e 0%,#000a 55%,#0004 100%);position:absolute;inset:0}.customer-story-video--hero .customer-story-video__content{max-width:1280px;margin-inline:auto}.customer-story-video--hero .customer-story-video__play{margin-top:28px}.customer-story-video__play:focus-visible,.customer-story-video__dialog button:focus-visible{outline-offset:4px;outline:3px solid #a7a1ff}.customer-story-video__dialog{color:#fff;background:#111118;border:1px solid #40404a;width:min(1100px,94vw);max-height:92svh;margin:auto;padding:20px}.customer-story-video__dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050509e6}.customer-story-video__dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.customer-story-video__dialog-heading h2{font:600 16px/1.4 var(--grep-font-mono),monospace;color:#fff;margin:0}.customer-story-video__dialog-heading button{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;padding:8px}.customer-story-video__dialog video{width:100%;max-height:72svh;display:block}@media (max-width:767px){.customer-story-video--card .customer-story-video__play{padding:22px}.customer-story-video__dialog{padding:12px}}[data-conversion-case-hero]:has(>.customer-story-video--hero){min-height:calc(100svh - var(--grep-header-height));align-items:center;display:flex}.customer-story-video--hero{width:100%}.customer-story-video--preview .customer-story-video__visual{z-index:-2;position:absolute;inset:0}.customer-story-video--preview .customer-story-video__poster,.customer-story-video--preview .customer-story-video__preview{object-fit:cover;opacity:1;z-index:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.customer-story-video--preview .customer-story-video__preview{z-index:1}.customer-story-video--preview:before{pointer-events:none;background:linear-gradient(90deg,#000b 0%,#0009 42%,#0003 78%,#0000 100%),linear-gradient(#0000 55%,#0005 100%)}.customer-story-video--preview .customer-story-video__content{text-shadow:0 2px 18px #0005}.customer-story-video__preview-control{color:#fff;min-height:44px;font:500 12px/1.4 var(--grep-font-mono),monospace;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161616b3;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:absolute;bottom:28px;right:32px}.customer-story-video__preview-control:hover{background:#161616e6}.customer-story-video__preview-control:focus-visible{outline-offset:4px;outline:3px solid #a7a1ff}.customer-story-video--preview-failed .customer-story-video__preview{visibility:hidden}@media (prefers-reduced-motion:reduce){.customer-story-video--preview[data-has-preview-poster] .customer-story-video__preview{visibility:hidden}.customer-story-video--preview .customer-story-video__preview-control{display:none}}@media (max-width:1023px){[data-conversion-case-hero]:has(>.customer-story-video--preview){min-height:0;padding:0;display:block}.customer-story-video--preview .customer-story-video__visual{z-index:0;aspect-ratio:16/9;background:#161616;position:relative;inset:auto}.customer-story-video--preview:before{display:none}.customer-story-video--preview .customer-story-video__content{text-shadow:none;background:#111118;padding:32px 20px 40px}.customer-story-video--preview .customer-story-video__preview-control{z-index:2;top:calc(56.25vw - 56px);bottom:auto;right:12px}}