.video-page{padding:40px 0 70px}.video-page__title{margin-bottom:30px}.video-page__grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.video-page__item{aspect-ratio:16/9;background-color:var(--color-2);border-radius:20px;color:var(--color-1);display:block;overflow:hidden;position:relative}.video-page__item:after{background-color:rgba(0,0,0,.18);content:"";inset:0;position:absolute;transition:background-color .2s ease}.video-page__item:focus-visible:after,.video-page__item:hover:after{background-color:rgba(0,0,0,.32)}.video-page__item:focus-visible{outline:3px solid var(--color-3);outline-offset:4px}.video-page__item:focus-visible .video-page__play,.video-page__item:hover .video-page__play{transform:translate(-50%,-50%) scale(1.08)}.video-page__preview{display:block;height:100%;object-fit:cover;width:100%}.video-page__play{color:var(--color-1);display:flex;filter:drop-shadow(0 3px 12px rgba(0,0,0,.35));height:64px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:64px;z-index:1}.video-page__play svg{display:block;height:100%;width:100%}@media (min-width:768px){.video-page{padding:70px 0 100px}.video-page__title{margin-bottom:45px}.video-page__grid{gap:30px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.video-page{padding:90px 0 130px}}@media (prefers-reduced-motion:reduce){.video-page__item:after,.video-page__play{transition:none}}