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