.video-reference-hero .hero-lead{max-width:900px}
.video-reference-list{display:grid;gap:26px}
.video-reference-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:36px;align-items:center;padding:28px;border:1px solid #dedfdf;border-left:4px solid var(--red);border-radius:5px;background:linear-gradient(135deg,#fff 0,#f7f7f5 100%);box-shadow:0 12px 28px #00000010}
.video-reference-copy h2{margin:0 0 13px;font-size:clamp(1.42rem,2.4vw,2rem)}
.video-reference-copy p:not(.eyebrow){color:#525659;line-height:1.68}
.video-reference-benefit{margin-top:16px;padding-left:14px;border-left:3px solid var(--red);font-weight:700;color:#292b2d!important}
.video-reference-media{position:relative;margin:0}
.video-reference-media video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px;background:#111315;box-shadow:0 8px 22px #0002}
.video-reference-media.is-enhanced video{cursor:pointer}
.video-reference-media.is-enhanced::after{content:'▶';position:absolute;top:50%;left:50%;display:grid;width:58px;height:58px;border:2px solid #fff;border-radius:50%;background:rgb(204 0 23 / 90%);color:#fff;font-size:1.4rem;line-height:1;pointer-events:none;transform:translate(-50%,-50%);place-items:center;padding-left:3px;box-shadow:0 7px 20px #0007}
.video-reference-media.is-enhanced:focus-within::after,.video-reference-media.is-enhanced:hover::after{background:var(--red);transform:translate(-50%,-50%) scale(1.06)}
.video-reference-media figcaption{padding:10px 2px 0;color:#676b6e;font-size:.78rem;line-height:1.5}
.video-reference-source{margin-top:24px;color:#686d70;font-size:.82rem;line-height:1.6}
.product-video.video-modal-card{position:relative;width:min(100%,260px);justify-self:center;overflow:visible!important}
.video-preview-frame{position:relative;overflow:hidden;border-radius:4px 4px 0 0;background:#111315}
.video-preview-frame video{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1;object-fit:contain;cursor:pointer;background:#111315}
.video-preview-frame.is-enhanced::after{content:'▶';position:absolute;top:50%;left:50%;display:grid;width:58px;height:58px;border:2px solid #fff;border-radius:50%;background:rgb(204 0 23 / 90%);color:#fff;font-size:1.4rem;line-height:1;pointer-events:none;transform:translate(-50%,-50%);place-items:center;padding-left:3px;box-shadow:0 7px 20px #0007}
.video-preview-frame.is-enhanced:focus-within::after,.video-preview-frame.is-enhanced:hover::after{background:var(--red);transform:translate(-50%,-50%) scale(1.06)}
.video-player-open{overflow:hidden}
.reference-video-dialog{width:min(760px,calc(100vw - 34px));max-width:none;max-height:calc(100vh - 34px);margin:auto;padding:0;border:0;overflow:visible;background:transparent;color:#fff;opacity:0;transform:translateY(16px) scale(.975);transition:opacity .26s ease,transform .32s cubic-bezier(.22,.8,.26,1)}
.reference-video-dialog.is-visible{opacity:1;transform:translateY(0) scale(1)}
.reference-video-dialog::backdrop{background:rgb(3 5 4 / 0%);backdrop-filter:blur(0);transition:background-color .34s ease,backdrop-filter .34s ease}
.reference-video-dialog.is-visible::backdrop{background:rgb(3 5 4 / 68%);backdrop-filter:blur(1.5px)}
.reference-video-dialog-panel{position:relative;border:1px solid rgb(255 255 255 / 20%);border-radius:7px;background:#111315;box-shadow:0 28px 80px rgb(0 0 0 / 60%)}
.reference-video-dialog video{display:block;width:100%;max-height:calc(100vh - 120px);aspect-ratio:1;object-fit:contain;border-radius:7px 7px 0 0;background:#090b0c}
.reference-video-dialog-caption{margin:0;padding:13px 18px;border-top:1px solid rgb(255 255 255 / 14%);color:#fff;font-size:.84rem;font-weight:700;line-height:1.45}
.reference-video-dialog-close{position:absolute;z-index:2;top:-16px;right:-16px;display:grid;width:46px;height:46px;padding:0;border:1px solid rgb(255 255 255 / 35%);border-radius:50%;background:rgb(24 27 25 / 96%);color:#fff;font:400 2rem/1 Arial,sans-serif;cursor:pointer;place-items:center;box-shadow:0 8px 24px #0007}
.reference-video-dialog-close:hover,.reference-video-dialog-close:focus-visible{outline:2px solid #fff;outline-offset:2px;background:var(--red)}
@media(max-width:780px){.video-reference-card{grid-template-columns:1fr;gap:22px;padding:22px 19px}.video-reference-media,.product-video.video-modal-card{width:min(100%,220px);justify-self:center}.reference-video-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.reference-video-dialog-close{top:-10px;right:-4px}}
@media(prefers-reduced-motion:reduce){.video-reference-card,.video-reference-media video{box-shadow:none}.reference-video-dialog,.reference-video-dialog::backdrop{transition:none}}