.archive-video{max-width:620px;margin-top:20px}.archive-video button{color:var(--navy);text-align:left;background:#edf2f7;border:1px solid #d2dce7;grid-template-columns:40px 1fr;gap:2px 12px;width:100%;padding:20px;display:grid}.archive-video button>span{grid-row:1/3;align-self:center;font-size:24px}.archive-video strong{font-size:16px}.archive-video small{color:var(--muted);font-size:13px}.archive-video iframe{aspect-ratio:16/9;background:#edf2f7;border:0;width:100%}.archive-video .video-scenes{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.archive-video .video-scenes button{background:0 0;border:0;border-bottom:1px solid #b9c7d4;width:auto;padding:6px 0;font-size:13px;font-weight:600;display:inline}.archive-video iframe{min-width:0;height:auto;display:block}.archive-video .video-preview{aspect-ratio:16/9;background:#eaf0f5;flex-direction:column;justify-content:flex-end;padding:22px 24px;display:flex;position:relative;overflow:hidden}.video-preview-cover{text-align:left;background:linear-gradient(135deg,#edf3f7,#dce7ef);align-items:flex-start;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.video-preview-cover img{object-fit:contain;width:48px;height:50px}.video-preview-cover span{color:var(--navy);font-size:16px;font-weight:750;line-height:50px}.video-poster{object-fit:contain;opacity:0;background:#162434;width:100%;height:100%;display:block;position:absolute;inset:0}.video-poster.is-loaded{opacity:1}.archive-video .video-preview>span{color:#fff;background:#13334ee6;border-radius:50%;place-items:center;width:60px;height:60px;padding-left:4px;font-size:24px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0003}.archive-video .video-preview strong,.archive-video .video-preview small{z-index:1;background:#f2f6f9ed;width:fit-content;padding:2px 8px;display:block;position:relative}.archive-video button{cursor:pointer}.archive-video button:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.representative-video{min-width:0}.representative-video .archive-video{width:100%;max-width:none;margin-top:0}@media (max-width:480px){.archive-video .video-preview{padding:12px}.video-preview-cover{padding:14px}.video-preview-cover img{width:34px;height:36px}.video-preview-cover span{font-size:14px;line-height:36px}.archive-video .video-preview>span{width:46px;height:46px;font-size:19px}.archive-video .video-preview strong{font-size:14px}.archive-video .video-preview small{font-size:12px}}