:root{--base-padding:1.875rem;--text-main:#969696;--text-hover:#fff}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}body{color:var(--text-main);background-color:#e9edff;width:100vw;height:100vh;margin:0;font-family:helvetica-neue-lt-pro,sans-serif;font-size:.75rem;font-style:normal;font-weight:300;overflow:clip}html,body{touch-action:none;width:100vw;height:100dvh;margin:0;padding:0;position:fixed}.mobile-wrapper{box-sizing:border-box;flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.bg-overlay{opacity:.4;z-index:-1;background-image:url(/background.webp);background-position:50%;background-size:cover;position:fixed;inset:0}.top-left{top:var(--base-padding);left:var(--base-padding);z-index:110;flex-direction:column;display:flex;position:fixed}.name-link{color:inherit;display:block;text-decoration:none!important}.bottom-bar{bottom:var(--base-padding);left:var(--base-padding);right:var(--base-padding);z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed}.contact-group{pointer-events:auto;flex-direction:column;gap:.25rem;min-width:17.5rem;display:flex}.project-meta-center{text-align:center;pointer-events:auto;white-space:nowrap;flex-direction:column;gap:.125rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.index-overlay{z-index:200;background-color:#0000;padding:5vh 3vw;position:fixed;inset:0;overflow-y:auto}.index-bg-preview{z-index:-2;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.index-bg-preview img{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:50dvh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bg-overlay{opacity:.4;z-index:-1;pointer-events:none;background-image:url(/background.webp);background-position:50%;background-size:cover;position:fixed;inset:0}.index-outer-grid{grid-template-columns:repeat(3,1fr);gap:2vh 4vw;max-width:1800px;margin:0 auto;display:grid}.index-project-entry{cursor:pointer;grid-template-columns:.6fr 1.8fr 1fr;gap:1.5rem;min-height:10vh;padding:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid}.index-value,.index-number,.media-filename,.index-label,.role-text,.description-text,.year-text,.location-text{will-change:filter,text-shadow;transition:color .4s cubic-bezier(.4,0,.2,1),text-shadow .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1)}.index-project-entry:hover .index-value,.index-project-entry:hover .index-number,.index-project-entry:hover .media-filename,.index-project-entry:hover .index-label,.index-project-entry:hover .role-text,.index-project-entry:hover .description-text,.index-project-entry:hover .year-text,.index-project-entry:hover .location-text{color:var(--text-hover);text-shadow:0 0 .5rem #fffc;filter:blur(1px)}.index-col{color:var(--text-main);flex-direction:column;font-size:.65rem;line-height:1.2;display:flex}.project-title-top{color:var(--text-main);letter-spacing:-.01em;font-size:.65rem}.description-text{max-width:240px;color:var(--text-main)}.role-text,.year-text,.location-text,.index-number{color:var(--text-main)}.media-filename-list{text-align:right;flex-direction:column;align-items:flex-end;margin-top:1.5rem;display:flex}.media-filename{color:var(--text-main);white-space:nowrap;font-size:.65rem}.index-view-label{color:var(--text-main);text-transform:lowercase;z-index:300;letter-spacing:.02em;font-size:.65rem;position:absolute;top:20px;left:30px}.index-label{color:var(--text-main);font-size:.65rem}.mt-auto{margin-top:auto}.back-button{text-underline-offset:.2rem;color:var(--text-main);z-index:300;text-transform:lowercase;font-size:.65rem;text-decoration:underline;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:20px;right:30px}.back-button:hover{color:var(--text-hover);text-shadow:0 0 .5rem #fffc;filter:blur(1px)}.project-title-link{text-decoration:none!important}a{text-underline-offset:.2rem;color:inherit;text-decoration:underline;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--text-hover);text-shadow:0 0 .5rem #fffc;filter:blur(1px)}@media (max-width:1100px){.index-outer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body{width:100vw;height:100vh;overflow:hidden}.mobile-wrapper{padding:var(--base-padding);justify-content:space-between}.index-outer-grid{grid-template-columns:1fr}.index-project-entry{min-height:auto}.top-left{padding:0;position:relative;top:0;left:0}.main-viewport{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.image-wrapper{width:100%;max-height:40vh}.image-wrapper img{object-fit:contain;width:100%;height:100%}.bottom-bar{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:0;display:flex;position:relative;bottom:0;left:0;right:0}.top-left,.bottom-bar{flex-shrink:0}.index-placeholder img,.main-viewport img{object-fit:contain;padding-bottom:10vh;width:100%!important;max-height:55dvh!important}.main-viewport{flex-grow:1;flex-shrink:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.index-placeholder img,.image-wrapper img,.main-viewport img{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:50dvh}.project-meta-center{text-align:left;width:calc(100% - 40px);position:absolute;bottom:80px;left:0;transform:none}}