/* Customer stories: facts remain readable without video playback. */
.customer-stories{border-top:2px solid #111;margin:44px 0;padding-top:28px;min-width:0}
.customer-stories h2{margin:8px 0 16px;font-size:clamp(25px,3vw,34px);line-height:1.14}
.customer-stories .story-intro{font-size:17px;line-height:1.6}
.customer-stories .story-attribution{font-size:14px;color:#555;line-height:1.5;margin:14px 0 24px}
.story-list{display:grid;gap:22px;min-width:0}
.customer-story{border:1px solid #111;background:#fff;padding:24px;min-width:0}
.customer-story-featured{border-top:5px solid #e8400a}
.customer-story h3{font-size:24px;line-height:1.18;margin:0 0 20px}
.customer-story p{font-size:16px;line-height:1.6;margin:16px 0}
.story-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px;margin:0 0 20px}
.story-results>div{border-left:3px solid #e8400a;padding-left:14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.story-results dt{font-size:15px;line-height:1.4;font-weight:700}
.story-results dd{font-size:clamp(23px,3vw,32px);line-height:1.15;font-weight:700;margin:0;order:-1;overflow-wrap:anywhere}
.story-results dd.story-scope{font-size:14px;font-weight:400;color:#555;line-height:1.5;order:0}
.customer-story .story-takeaway{border-top:1px solid #111;padding-top:16px}
.story-film{margin:22px 0 0;min-width:0}
.story-player{position:relative;aspect-ratio:16/9;background:#111;width:100%;overflow:hidden}
.story-player iframe{position:absolute;inset:0;border:0;width:100%;height:100%;max-width:100%}
.story-film figcaption{font-size:14px;line-height:1.5;color:#555;margin-top:10px;overflow-wrap:anywhere}
.story-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}
.story-links a,.story-library a{font-size:15px;line-height:1.5;color:#111;text-decoration:underline;text-decoration-color:#e8400a;text-underline-offset:4px;overflow-wrap:anywhere}
.story-links a:hover,.story-library a:hover{color:#111;text-decoration-thickness:2px}
.story-links a:focus-visible,.story-library a:focus-visible{outline:3px solid #e8400a;outline-offset:4px}
.story-library{margin:22px 0 0}
@media(max-width:600px){.customer-stories{margin-top:32px}.customer-story{padding:18px}.customer-story h3{font-size:23px}.story-links{display:grid;gap:14px}.story-results{grid-template-columns:1fr}}
@media print{.story-player{display:none}.story-film figcaption{color:#111}.customer-story{break-inside:avoid}.story-links a[href]:after{content:" (" attr(href) ")";font-size:12px}.customer-stories{break-before:auto}}
