#project-grid[data-v-a1c5dfa5]{margin-top:2em;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,1fr);gap:0}.grid-item[data-v-a1c5dfa5]{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.grid-item.expanded[data-v-a1c5dfa5]{grid-column:1/span 3;display:flex;aspect-ratio:3}.grid-item.expanded .video-container[data-v-a1c5dfa5]{flex-shrink:0;width:33.3333333333%;height:100%}.grid-item.expanded .video-container video[data-v-a1c5dfa5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-item.expanded .project-details[data-v-a1c5dfa5]{flex:1;padding:1em 2em 2em;overflow-y:auto;box-shadow:inset 0 -2em 2em -2em #708090}.video-container[data-v-a1c5dfa5]{width:100%;height:100%;position:relative}.video-container .video-loading[data-v-a1c5dfa5]{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 .video-loading p[data-v-a1c5dfa5]{margin-top:.5em;color:#666;font-size:.9em}.video-container .loading-spinner[data-v-a1c5dfa5]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#666;border-radius:50%;animation:spin-a1c5dfa5 .8s linear infinite}@keyframes spin-a1c5dfa5{to{transform:rotate(360deg)}}.video-container video[data-v-a1c5dfa5]{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-a1c5dfa5]{opacity:1}h1[data-v-a1c5dfa5]{padding-bottom:.5rem;font-size:large;font-weight:bolder}img[data-v-a1c5dfa5]{box-sizing:unset;padding-right:.25rem}p[data-v-a1c5dfa5]{padding-bottom:.75rem}@media (max-width: 768px){#project-grid[data-v-a1c5dfa5]{grid-template-columns:1fr;grid-auto-rows:auto}.grid-item[data-v-a1c5dfa5]{aspect-ratio:1}.grid-item.expanded[data-v-a1c5dfa5]{grid-column:1;aspect-ratio:auto;flex-direction:column;display:flex}.grid-item.expanded .video-container[data-v-a1c5dfa5]{width:100%;height:auto;aspect-ratio:1;flex-shrink:0}.grid-item.expanded .video-container video[data-v-a1c5dfa5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-item.expanded .project-details[data-v-a1c5dfa5]{padding:1em;width:100%}.info-socials img[data-v-a1c5dfa5]{width:16px}h1[data-v-a1c5dfa5]{font-size:small}p[data-v-a1c5dfa5]{font-size:smaller}}