.video-story{height:220svh;position:relative;background:var(--sand);scroll-margin-top:0}
.video-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}
.video-frame{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#aaa08d;isolation:isolate;z-index:2}
.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s;pointer-events:none}
.video-frame video.is-active{opacity:1}
.video-frame:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#17211e99);pointer-events:none;z-index:2}
.video-controls{position:absolute;bottom:26px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fcf9f4;z-index:3}
.video-scenes{display:flex;gap:8px}
.video-scenes button,.video-pause{border:1px solid #ffffff80;background:#1d232035;color:#fff;backdrop-filter:blur(10px);min-height:44px;min-width:44px;display:grid;place-items:center;border-radius:50%;font-size:12px;padding:10px;cursor:pointer}
.video-scenes button[aria-pressed=true]{background:#fcf9f4;color:#1d2320;border-color:#fcf9f4}
.video-scenes button:hover,.video-pause:hover{background:#2a4a42;color:#fff}
.video-pause svg{display:block;width:18px;height:18px}
.video-story-copy{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:40%;opacity:0;visibility:hidden;z-index:1}
.video-story-copy h2{font-size:clamp(32px,3.15vw,51px);line-height:1.12;font-weight:450;letter-spacing:-.045em;margin:0 0 22px}
.video-story-copy h2 span{color:#9b8a70}
.video-story-copy>.eyebrow{margin-bottom:22px}
.video-story-copy>p:not(.eyebrow){font-size:17px;line-height:1.5;color:var(--muted);margin:0 0 20px}
.video-story-copy .content-points{grid-template-columns:1fr;gap:13px;margin:25px 0}
.video-story-copy .content-points article{padding-top:12px;display:grid;grid-template-columns:150px 1fr;gap:15px}
.video-story-copy .content-points h3{font-size:15px;margin:0;line-height:1.45;letter-spacing:-.3px}
.video-story-copy .content-points p{font-size:14px;line-height:1.45}
.video-story-copy .text-link{font-size:12px}
.video-integrations{padding:45px 7% 70px;background:var(--sand)}
.video-integrations .integrations-copy{margin:0;padding-top:28px}
.video-integrations .integration-name{white-space:nowrap}
.video-integrations .integration-name:not(:last-child)::after{content:" ·"}
@media(max-width:1100px) and (min-width:801px){.video-story-copy h2{font-size:32px}.video-story-copy .content-points article{grid-template-columns:1fr;gap:4px}.video-story-copy .content-points{gap:10px;margin:18px 0}.video-story-copy>.eyebrow{font-size:10px;margin-bottom:15px}}
@media(max-width:800px){
 .video-story{height:auto}.video-pin{height:auto;min-height:0;overflow:visible;position:relative;display:flex;flex-direction:column}
 .video-frame{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10;border-radius:0!important}
 .video-story-copy{position:relative;right:auto;top:auto;transform:none;width:auto;margin:0;padding:55px 6%;opacity:1!important;visibility:visible!important}
 .video-story-copy h2{font-size:clamp(32px,6vw,46px)}.video-story-copy .content-points article{grid-template-columns:1fr;gap:6px}
 .video-story-copy .content-points{gap:20px}.video-controls{bottom:16px;left:18px;right:18px}.video-integrations{padding:0 6% 50px}
}
@media(prefers-reduced-motion:reduce){
 .video-story{height:auto}.video-pin{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:70px 6%;overflow:visible}
 .video-frame{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5;border-radius:8px!important}
 .video-story-copy{position:relative;right:auto;top:auto;width:auto;transform:none;opacity:1!important;visibility:visible!important}
 .video-frame video{transition:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.video-pin{display:flex;padding:0}.video-frame{aspect-ratio:16/10}.video-story-copy{padding:45px 6%}}

.video-controls{justify-content:flex-end}
