.marketing[data-family="videos"] .hero-grid{grid-template-columns:.85fr 1.3fr;column-gap:clamp(32px,4vw,64px)}
.marketing[data-family="videos"] .hero-art{height:auto;overflow:visible;background:transparent}
.marketing[data-family="videos"] .hero-media{padding:32px 0}
.marketing .landing-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--ink);border-radius:8px}
.marketing .video-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.marketing .video-examples figure{min-width:0;margin:0}
.marketing .video-examples figcaption{margin-top:14px;color:var(--ink);font-size:16px;line-height:1.5}
.marketing .video-usecase .section-head{display:block;max-width:640px}
.marketing .video-usecase .section-head p{margin-top:14px;color:var(--muted);font-size:16px;line-height:1.7}
.marketing .video-usecase-footer{display:flex;justify-content:space-between;align-items:center;gap:12px 30px;margin-top:22px}
.marketing .video-usecase-footer p{color:var(--muted);font-size:16px;line-height:1.7}
.marketing .video-usecase-footer a{flex:none}
.marketing .video-examples-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:760px){
  .marketing[data-family="videos"] .hero-grid{grid-template-columns:1fr}
  .marketing[data-family="videos"] .hero-media{padding:0 20px 28px}
  .marketing[data-family="videos"] .hero-art{aspect-ratio:auto}
  .marketing .video-examples{grid-template-columns:1fr;gap:28px}
  .marketing .video-examples-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
  .marketing .video-usecase-footer{display:block;margin-top:16px}
  .marketing .video-usecase-footer a{display:inline-flex;margin-top:16px}
}

.marketing .landing-video-player{position:relative}
.marketing .landing-video-play{position:absolute;inset:0;display:grid;place-content:center;border:0;padding:0;border-radius:8px;background:transparent;color:var(--on-action);cursor:pointer}
.marketing .landing-video-play[hidden]{display:none}
.marketing .landing-video-play svg{width:60px;height:60px;padding:18px;border-radius:50%;background:#18151a88;fill:currentColor}
.marketing .landing-video-play:hover svg{background:#18151abb}
.marketing .landing-video-notice{margin:8px 0 0;color:var(--muted);font-size:16px}
.marketing .landing-video-notice:empty{display:none}