.threeColVideo{background:var(--color-black);padding:80px 0}.threeColVideo__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:80px}.threeColVideo__item{display:block;text-decoration:none;border-radius:20px;overflow:hidden;outline:none}.threeColVideo__item:focus-visible{box-shadow:0 0 0 3px var(--color-accent-blue)}.threeColVideo__media{position:relative;width:100%;aspect-ratio:9/16;background:var(--color-secondary-gray);border-radius:20px;overflow:hidden}.threeColVideo__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}a.threeColVideo__item .threeColVideo__media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .3s ease;border-radius:20px}.threeColVideo__play{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.threeColVideo__play i{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid hsla(0,0%,100%,.4);color:var(--color-white);font-size:28px;padding-left:4px;transition:background .3s ease,transform .3s ease,border-color .3s ease}a.threeColVideo__item:hover .threeColVideo__thumb,a.threeColVideo__item:focus-visible .threeColVideo__thumb{transform:scale(1.04)}a.threeColVideo__item:hover .threeColVideo__media::after,a.threeColVideo__item:focus-visible .threeColVideo__media::after{opacity:1}a.threeColVideo__item:hover .threeColVideo__play i,a.threeColVideo__item:focus-visible .threeColVideo__play i{background:var(--color-accent-blue);border-color:var(--color-accent-blue);transform:scale(1.1)}@media(max-width: 1024px){.threeColVideo__grid{gap:40px}}@media(max-width: 768px){.threeColVideo{padding:60px 0}.threeColVideo__grid{grid-template-columns:1fr;gap:20px}.threeColVideo__media{aspect-ratio:16/9}.threeColVideo__play i{width:64px;height:64px;font-size:22px}}@media(prefers-reduced-motion: reduce){.threeColVideo__thumb,a.threeColVideo__item .threeColVideo__media::after,.threeColVideo__play i{transition:none}}
