/* 1.3.16: persistent horizontal system videos. */
.system-videos{margin-top:54px;padding-top:36px;border-top:1px solid var(--ink)}
.system-videos-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);gap:72px;align-items:end;margin-bottom:28px}
.system-videos-heading .eyebrow{color:var(--accent);margin-bottom:15px}
.system-videos-heading h3{font-size:clamp(34px,3.3vw,50px);line-height:1.08;letter-spacing:-2px}
.system-videos-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:520px;padding-bottom:4px}
.system-videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.system-video-card{min-width:0;border-top:2px solid var(--ink);background:var(--canvas);padding:18px 18px 20px}
.system-video-card--ready{border-top-color:var(--accent)}
.system-video-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px;font-size:11px;line-height:1.4;letter-spacing:.9px;text-transform:uppercase;color:var(--muted)}
.system-video-card-top span:first-child{color:var(--accent);font-weight:600}
.system-video-card h4{font-size:25px;line-height:1.15;letter-spacing:-.9px;margin-bottom:14px}
.system-video-card .media-slot{padding:0!important;border-top:0!important;scroll-margin-top:112px}
.system-video-card .media-player-shell{background:#111;aspect-ratio:16 / 9;overflow:hidden}
.system-video-card .media-real{width:100%;height:100%;object-fit:contain;background:#111;display:block}
.system-video-card .media-caption{padding:11px 1px 0;font-size:12px;line-height:1.55;color:var(--muted)}
.system-video-card .media-plan{margin:0}
.system-video-pending{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:23px;background:#eceef1;border:1px solid #e0e1e5;position:relative;overflow:hidden}
.system-video-pending:before{content:'02';position:absolute;right:18px;top:7px;font-family:var(--display);font-size:78px;line-height:1;color:#d9dbe0;letter-spacing:-5px}
.system-video-pending strong{position:relative;z-index:1;font-family:var(--display);font-size:20px;font-weight:500;line-height:1.25}
.system-video-pending span{position:relative;z-index:1;font-size:12px;line-height:1.6;color:var(--muted);max-width:360px}
.system-video-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:13px}
@media(max-width:850px){.system-videos{margin-top:45px;padding-top:31px}.system-videos-heading{grid-template-columns:1fr;gap:14px}.system-videos-heading>p{max-width:640px}.system-videos-grid{grid-template-columns:1fr}.system-video-card h4{font-size:23px}}
@media(max-width:600px){.system-videos{margin-top:36px;padding-top:27px}.system-videos-heading h3{font-size:31px;letter-spacing:-1.2px}.system-video-card{padding:14px 14px 17px}.system-video-pending{padding:18px}.system-video-pending:before{font-size:62px}.system-video-card h4{font-size:21px}}