/* Finishing rules for public marketing surfaces only. */
html{scroll-padding-top:90px}
:where(main,header,.navigation) :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #c71224;outline-offset:4px}
:where(main) :is(section,article)[id]{scroll-margin-top:90px}
:where(.faq,.faq-list,#faq) details{border-color:#deded9;transition:border-color .22s}
:where(.faq,.faq-list,#faq) details[open]{border-color:#a6a8a1}
:where(.faq,.faq-list,#faq) summary{min-height:64px;cursor:pointer}
:where(.faq,.faq-list,#faq) details[open] summary{color:#171715}
:where(.faq,.faq-list,#faq) details>p{max-width:76ch;line-height:1.75}
@supports(interpolate-size:allow-keywords){:where(.faq,.faq-list,#faq) details{interpolate-size:allow-keywords}:where(.faq,.faq-list,#faq) details::details-content{height:0;overflow:hidden;transition:height .28s cubic-bezier(.2,.7,.2,1),content-visibility .28s;transition-behavior:allow-discrete}:where(.faq,.faq-list,#faq) details[open]::details-content{height:auto}}
.npg-video-page .hub-page{max-width:1180px;padding:64px 32px 96px}
.npg-video-page .hub-page h1{font-size:clamp(40px,4.7vw,66px);font-weight:600;line-height:1.08;letter-spacing:-.055em;max-width:18ch;margin:30px 0 24px}
.npg-video-page .hub-intro{font-size:18px;line-height:1.65;color:#62635e;max-width:72ch}
.npg-video-page .hub-note{font-size:13px;color:#62635e;line-height:1.65;margin-top:14px}
.npg-video-page .video-grid{gap:44px 30px;margin-top:40px}
.npg-video-page .video-card{display:flex;flex-direction:column;color:#171715}
.npg-video-page .video-card h3{font-size:21px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin:8px 0 18px;max-width:38ch}
.npg-video-page .video-card .category{font-size:12px;line-height:1.5;color:#62635e;margin:17px 0 0}
.npg-video-page .video-card .thumbnail{border-radius:15px;border:1px solid #e4e4df;overflow:hidden;background:#f4f4f1}
.npg-video-page .thumbnail img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.npg-video-page .play-icon{transition:transform .25s,background .25s;box-shadow:0 4px 16px #17171520}
.npg-video-page .video-card .watch-link{color:#171715;font-weight:550;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:auto;align-self:flex-start;padding-bottom:4px}
.npg-video-page .video-card:focus-visible .play-icon{transform:translate(-50%,-50%) scale(1.08)}
@media(hover:hover){.npg-video-page .video-card:hover .thumbnail img{transform:scale(1.025)}.npg-video-page .video-card:hover .play-icon{transform:translate(-50%,-50%) scale(1.08);background:#a80f1e}}
.npg-video-page .watch-page{padding-bottom:90px}
.npg-video-page .watch-page h1{letter-spacing:-.045em;line-height:1.12}
.npg-video-page .watch-page video{border-radius:16px}
.npg-retail-page .rv{transition-duration:.55s}
.npg-motion-offscreen,.npg-motion-offscreen::before,.npg-motion-offscreen::after{animation-play-state:paused!important}
@media(max-width:760px){.npg-video-page .hub-page{padding:38px 24px 64px}.npg-video-page .hub-page h1{font-size:40px;margin-top:24px}.npg-video-page .hub-intro{font-size:16px}.npg-video-page .video-grid{gap:34px;margin-top:28px}.npg-video-page .video-card h3{font-size:20px}.npg-video-page .watch-page{padding-bottom:60px}}
@media(max-width:360px){.npg-video-page .hub-page h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}.npg-video-page *,.npg-retail-page .rv,:where(.faq,.faq-list,#faq) details,:where(.faq,.faq-list,#faq) details::details-content{animation:none!important;transition:none!important}.rv,.scroll-reveal,[data-in]{opacity:1!important;transform:none!important}.mk::after,.hscan i,.security-motion *,.scanfx::after{animation:none!important}}