@font-face{font-family:'TeX Gyre Heros';src:url('fonts/texgyreheros-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'TeX Gyre Heros';src:url('fonts/texgyreheros-italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'TeX Gyre Heros';src:url('fonts/texgyreheros-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'TeX Gyre Heros Condensed';src:url('fonts/texgyreheroscn-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'TeX Gyre Heros Condensed';src:url('fonts/texgyreheroscn-italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'TeX Gyre Heros Condensed';src:url('fonts/texgyreheroscn-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'TeX Gyre Heros Condensed';src:url('fonts/texgyreheroscn-bolditalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-weight:400!important;font-size:1rem!important}a{color:inherit;text-decoration:underline;cursor:pointer}:root{--bg-color:#f0f0f0;--text-color:#5C4E52;--interface-color:#f0f0f0;--transition:0.3s ease;--top-bar-h:0px;--bottom-bar-h:0px}body{font-family:'TeX Gyre Heros Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg-color);color:var(--text-color);height:100vh;display:flex;flex-direction:column;overflow:hidden;cursor:default;user-select:none}.ui-element{background:var(--interface-color);padding:.5rem;border-radius:2px}#toggle-grid{color:var(--text-color);border:none;outline:0;font-family:'TeX Gyre Heros Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;cursor:pointer}#viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:1;background-color:var(--bg-color)}#image-container{position:absolute;top:var(--top-bar-h);left:0;right:0;bottom:var(--bottom-bar-h);width:auto;display:block;z-index:1;cursor:pointer}#image-container img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}#image-container img.landscape{width:100%;height:100%;object-fit:contain}#image-container img.portrait{height:100%;width:auto;max-width:100%;object-fit:contain}#image-container img.active{opacity:1}.nav-indicator{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:50%;background:var(--text-color);opacity:0;transition:opacity .6s;pointer-events:none;z-index:3;mix-blend-mode:luminosity}#nav-indicator-left{left:0}#nav-indicator-right{right:0}#nav-indicator-left::after,#nav-indicator-left::before{content:'';position:absolute;width:7px;height:25%;background:var(--text-color);left:3px}#nav-indicator-left::before{top:25%;transform-origin:bottom left;transform:rotate(30deg)}#nav-indicator-left::after{bottom:25%;transform-origin:top left;transform:rotate(-30deg)}#nav-indicator-right::after,#nav-indicator-right::before{content:'';position:absolute;width:7px;height:25%;background:var(--text-color);right:3px}#nav-indicator-right::before{top:25%;transform-origin:bottom right;transform:rotate(-30deg)}#nav-indicator-right::after{bottom:25%;transform-origin:top right;transform:rotate(30deg)}#nav-indicator-left.visible,#nav-indicator-right.visible{opacity:1}#top-bar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem;z-index:110;mix-blend-mode:luminosity;pointer-events:none}#top-bar>*{pointer-events:auto}#site-info{text-align:center;transition:transform .28s,width .28s,height .28s,opacity .28s}#site-info.open .site-info-top,.site-info-top{display:inline-block;text-align:center}.site-info-header{background-color:var(--text-color);width:fit-content;padding:.5rem;color:silver}#toggle-info{border:none;color:silver;background-color:var(--text-color);font-family:'TeX Gyre Heros',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;cursor:pointer;transition:opacity var(--transition);font-family:inherit;width:fit-content;display:block;margin:0 auto}#site-info.open{position:fixed;top:0;left:0;height:100vh;height:100svh;height:100dvh;width:100vw;padding:.5rem;z-index:9999999999999999;overflow-y:hidden;mix-blend-mode:normal;display:block;text-align:left;mix-blend-mode:luminosity;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#site-info,#site-info *{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.site-info-extra p{margin-top:.5rem;max-width:92ch}#site-info .site-info-extra{display:none;opacity:0;max-height:0;overflow:hidden;transition:opacity .28s,max-height .28s;font-family:'TeX Gyre Heros'}#site-info.open .site-info-extra{display:block;opacity:1;text-align:left;max-height:calc(100dvh - 120px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px);width:100%;display:flex;flex-direction:row;gap:1rem}.info-left,.info-right{flex:1 1 0;background-color:var(--text-color);color:silver;padding:0 .5rem .5rem}#site-info small{font-size:.85rem!important;opacity:.95}#site-info .site-info-extra p>small:only-child{display:block;line-height:1.15}.site-info-extra ul{list-style-type:none!important;padding-left:0!important}#toggle-list{border:none;color:var(--text-color);font-size:.875rem;cursor:pointer;transition:opacity var(--transition);font-family:inherit}#toggle-list:hover{opacity:1}#bottom-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:.5rem;z-index:110;mix-blend-mode:luminosity;pointer-events:none}#bottom-bar>*{pointer-events:auto}#image-counter{font-size:1rem;font-weight:400;white-space:nowrap}@media (max-width:768px){#bottom-bar,#top-bar{padding:.5rem}#site-info{text-align:left}#bottom-bar{flex-direction:column;align-items:flex-start}#image-counter{margin-left:0}#project-info{width:100%}.nav-indicator{display:none}#site-info.open .site-info-extra{flex-direction:column}}body.grid-open-mobile #image-counter,body.grid-open-mobile #project-info{display:none!important}.loading #image-container img{opacity:0}#grid-container{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:12.5vw;grid-auto-flow:row;gap:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;opacity:0;pointer-events:none;transition:opacity var(--transition);scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;z-index:2}#grid-container::-webkit-scrollbar{display:none}#grid-container.visible{opacity:1;pointer-events:auto}#grid-container.hidden{opacity:0;pointer-events:none}.grid-item{width:100%;aspect-ratio:1/1;display:block;min-width:0;min-height:0;overflow:hidden;cursor:pointer;transition:opacity var(--transition)}#grid-container .grid-item img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.grid-item.dimmed{opacity:.3}#image-container.hidden{opacity:0;pointer-events:none}@media (max-width:1280px){#grid-container{grid-template-columns:repeat(6,1fr);grid-auto-rows:16.666vw}}@media (max-width:900px){#grid-container{grid-template-columns:repeat(4,1fr);grid-auto-rows:25vw}}@media (max-width:600px){#site-info.open{width:100vw}#grid-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:33.333vw}}@media (min-width:900px){#viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;height:100dvh;flex:none;display:flex;align-items:center;justify-content:center;min-height:0}#top-bar{position:fixed;top:0;left:0;width:100%;z-index:110;pointer-events:none}#top-bar>*{pointer-events:auto}#bottom-bar{position:fixed;bottom:0;left:0;width:100%;z-index:110;pointer-events:none}#bottom-bar>*{pointer-events:auto}#grid-container,#image-container{top:0;left:0;width:100%;height:100%}#nav-indicator-left,#nav-indicator-right{z-index:120}}@media (max-height:500px) and (orientation:landscape){body:not(.grid-open-mobile) #top-bar{position:fixed;top:0;left:0;width:50vw;height:100vh;height:100svh;height:100dvh;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.5rem;z-index:110}body:not(.grid-open-mobile) #bottom-bar{position:fixed;bottom:0;left:0;width:50vw;height:auto;flex-direction:column;align-items:flex-start;padding:.5rem;z-index:110}body:not(.grid-open-mobile) #viewer{position:fixed;top:0;left:50vw;width:50vw;height:100vh;height:100svh;height:100dvh}body:not(.grid-open-mobile) #image-container{top:0;left:0;right:0;bottom:0}body:not(.grid-open-mobile) #grid-container{left:0;width:100%}body:not(.grid-open-mobile) #toggle-grid{position:fixed;top:.5rem;right:.5rem;left:auto;z-index:111}body:not(.grid-open-mobile) .nav-indicator{display:none}}