#project-grid[data-v-1981a6c6]{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,1fr);gap:0;margin-top:2em;display:grid}.grid-item[data-v-1981a6c6]{aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.grid-item[data-v-1981a6c6]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.grid-item.expanded[data-v-1981a6c6]{aspect-ratio:3;grid-column:1/span 3;display:flex}.grid-item.expanded .video-container[data-v-1981a6c6]{flex-shrink:0;width:33.3333%;height:100%}.grid-item.expanded .video-container video[data-v-1981a6c6]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.grid-item.expanded .project-details[data-v-1981a6c6]{flex:1;padding:1em 2em 2em;overflow-y:auto;box-shadow:inset 0 -2em 2em -2em #708090}.video-container[data-v-1981a6c6]{width:100%;height:100%;position:relative}.video-container .video-thumbnail[data-v-1981a6c6]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.video-container .video-loading[data-v-1981a6c6]{z-index:1;background:#0000001a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-container .loading-spinner[data-v-1981a6c6]{border:3px solid #0000001a;border-top-color:#666;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-1981a6c6}@keyframes spin-1981a6c6{to{transform:rotate(360deg)}}.video-container video[data-v-1981a6c6]{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s ease-in;display:block;position:absolute;top:0;left:0}.video-container video.video-loaded[data-v-1981a6c6]{opacity:1}h1[data-v-1981a6c6]{padding-bottom:.5rem;font-size:large;font-weight:bolder}.project-details img[data-v-1981a6c6]{box-sizing:unset;padding-right:.25rem}p[data-v-1981a6c6]{padding-bottom:.75rem}@media (width<=768px){#project-grid[data-v-1981a6c6]{grid-template-columns:1fr;grid-auto-rows:auto}.grid-item[data-v-1981a6c6]{aspect-ratio:1}.grid-item.expanded[data-v-1981a6c6]{aspect-ratio:auto;flex-direction:column;grid-column:1;display:flex}.grid-item.expanded .video-container[data-v-1981a6c6]{aspect-ratio:1;flex-shrink:0;width:100%;height:auto}.grid-item.expanded .video-container video[data-v-1981a6c6]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.grid-item.expanded .project-details[data-v-1981a6c6]{width:100%;padding:1em}.info-socials img[data-v-1981a6c6]{width:16px}h1[data-v-1981a6c6]{font-size:small}p[data-v-1981a6c6]{font-size:smaller}}