@import url(https://fonts.cdnfonts.com/css/thegoodmonolith);@font-face{font-family:"PPNeueMontreal";src:url(https://assets.codepen.io/7558/PPNeueMontreal-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal}:root{--spacing-base:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--color-text:#ffffff;--color-text-dim:0.6;--transition-medium:0.3s ease;--font-size-base:14px}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:"PPNeueMontreal",sans-serif;background:#000;overflow:hidden;height:100vh;height:100dvh;cursor:-webkit-grab;cursor:grab}body.dragging{cursor:-webkit-grabbing;cursor:grabbing}body.zoom-mode{cursor:default}.preloader-overlay{background:#000}.footer{position:fixed;left:0;bottom:0;width:100vw;width:100dvw;padding:1.5rem;z-index:10000;display:grid;grid-template-columns:repeat(12,1fr);-moz-column-gap:var(--spacing-base);column-gap:var(--spacing-base);pointer-events:none;opacity:0}.footer>*{pointer-events:auto}.coordinates-section{grid-column:1 / span 3;font-family:"TheGoodMonolith",monospace}.info-section{grid-column:9 / span 4;text-align:right}.footer p{font-family:"TheGoodMonolith",monospace}a{position:relative;cursor:pointer;color:var(--color-text);padding:0;display:inline-block;z-index:1;text-decoration:none;font-size:var(--font-size-base);opacity:1;transition:color var(--transition-medium);font-weight:700}a::after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--color-text);z-index:-1;transition:width 0.3s cubic-bezier(.34,1.56,.64,1)}a:hover::after{width:100%}a:hover{color:#000;mix-blend-mode:difference;opacity:1}p{display:block;text-decoration:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01rem;-webkit-font-smoothing:antialiased}ul{list-style:none}h3{font-size:14px;margin-bottom:var(--spacing-base);font-weight:600;color:#fff}.viewport{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow:hidden;z-index:1;opacity:0}.canvas-wrapper{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;isolation:isolate;touch-action:none}.grid-container{position:relative;width:100%;height:100%}.grid-item{position:absolute;width:320px;height:320px;background:#000;cursor:pointer;will-change:transform,opacity;z-index:1;opacity:1;transition:opacity 0.6s ease;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.grid-item.out-of-view{opacity:.1}.grid-item.selected{z-index:2!important}.grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.split-screen-container{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;display:flex;z-index:2;opacity:0;pointer-events:none}.split-screen-container.active{opacity:1;pointer-events:all}.split-left{position:relative;width:50vw;height:100vh;height:100dvh;background:rgb(0 0 0 / .6);display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.split-right{position:relative;width:50vw;height:100vh;height:100dvh;background:rgb(0 0 0 / .6);display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.zoom-target{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.image-title-overlay{position:fixed;bottom:70px;left:40px;transform:none;color:#fff;z-index:4;opacity:0;pointer-events:none}.image-title-overlay.active{opacity:1}.image-slide-number{position:relative;width:400px;height:20px;margin-bottom:10px;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);overflow:hidden}.image-slide-number span{position:absolute;top:0;left:0;color:#fff;text-shadow:0 0 1px rgb(255 255 255 / .9);font-family:"TheGoodMonolith",monospace;font-size:12px;font-weight:400;line-height:1.5;transform:translateY(0);will-change:transform;margin:0;padding:0;text-transform:uppercase;letter-spacing:.1em}.image-slide-title{position:relative;width:400px;height:58px;margin-bottom:10px;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);overflow:hidden}.image-slide-title h1{position:absolute;top:0;left:0;color:#fff8f0!important;opacity:1!important;font-family:"PPNeueMontreal",sans-serif;font-size:48px;font-weight:500;letter-spacing:-.02em;line-height:1.2;transform:translateY(0);will-change:transform;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:0 2px 10px rgb(0 0 0 / .55)}.image-slide-description{position:relative;width:400px;min-height:80px;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);overflow:hidden}.description-line{position:relative;display:block;color:rgb(255 255 255 / .88)!important;opacity:1!important;font-family:"PPNeueMontreal",sans-serif;font-size:16px;font-weight:600;font-variation-settings:"wght" 600;line-height:1.45;transform:translateY(0);will-change:transform;margin:0;padding:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:0 1px 4px rgb(0 0 0 / .5)}@media (max-width:900px){.image-title-overlay{bottom:100px;left:20px}.image-slide-number{width:300px;height:18px;margin-bottom:8px}.image-slide-number span{font-size:10px}.image-slide-title{width:300px;height:44px;margin-bottom:8px}.image-slide-title h1{font-size:36px}.image-slide-description{width:300px;min-height:90px}.description-line{font-size:16px}.split-left{width:100vw;width:100dvw}.split-right{display:none}.scaling-image-overlay img{-o-object-fit:contain;object-fit:contain}}.split-screen-container.active .zoom-target::before{display:none}.zoom-target::before{content:"IMAGE TARGET";color:rgb(255 255 255 / .5);font-family:"TheGoodMonolith",monospace;font-size:.75em;font-weight:400;text-transform:uppercase;letter-spacing:2px}.controls-container{position:fixed;bottom:1.25em;left:50%;transform:translateX(-50%);display:flex;z-index:6;opacity:0;transition:left 1.2s cubic-bezier(.87,0,.13,1)}.controls-container.visible{opacity:1}.controls-container.split-mode{left:75%}.percentage-indicator{background-color:#f0f0f0;background-image:radial-gradient(rgb(0 0 0 / .015) 1px,transparent 0);background-size:.44em .44em;background-position:-.06em -.06em;padding:.625em 1.25em;border-radius:.25em;display:flex;align-items:center;justify-content:center;font-family:"TheGoodMonolith",monospace;font-size:.75em;font-weight:400;text-transform:uppercase;color:#333;min-width:5em;white-space:nowrap}.switch{display:flex;gap:1.25em;background-color:#222;background-image:radial-gradient(rgb(255 255 255 / .015) 1px,transparent 0);background-size:.44em .44em;background-position:-.06em -.06em;padding:.625em 1.25em;border-radius:.25em;transition:padding 0.3s ease-in-out}.switch-button{background:none;border:none;border-color:#fff0;color:#666;cursor:pointer;font-family:"TheGoodMonolith",monospace;font-size:.75em;font-weight:400;text-transform:uppercase;padding:5px 10px;position:relative;transition:all 0.3s ease-in-out;white-space:nowrap}.switch-button-current{color:#f0f0f0}.indicator-dot{position:absolute;width:5px;height:5px;background-color:#f0f0f0;border-radius:50%;opacity:0;transition:opacity 0.3s ease-in-out;top:50%;transform:translateY(-50%);left:-8px}.switch-button:hover .indicator-dot{opacity:1}.close-button{position:fixed;top:50%;right:20px;width:64px;height:64px;background:none;border:none;border-color:#fff0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;opacity:0;pointer-events:none;transform:translate(40px,-50%)}.close-button.active{pointer-events:all}.close-button:hover{opacity:.7}.close-button svg{width:64px;height:64px;transform:rotate(180deg)}.scaling-image-overlay{position:fixed;top:0;left:0;z-index:3;pointer-events:none;will-change:transform;opacity:1!important}.scaling-image-overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.page-vignette-container{display:none}.mini-footer{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:auto!important;width:100vw;width:100dvw;height:60px;background:#000;display:flex;align-items:center;justify-content:center;z-index:10}.mini-footer-row{display:flex;align-items:center;justify-content:center;gap:16px}.mini-footer-link{display:flex;align-items:center;gap:8px;text-decoration:none;background:none!important}.mini-footer-link *,.mini-footer-link::before,.mini-footer-link::after,.mini-footer-link *::before,.mini-footer-link *::after{background:none!important;content:none!important}.mini-footer-logo{width:18px;height:18px;background:#ffffff!important;border-radius:4px;padding:3px;box-sizing:content-box;display:block}.mini-footer-link span{font-family:"PPNeueMontreal",sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgb(255 255 255 / .75)}.page-nav-btn{background:none;border:none;padding:4px 2px;font-family:"PPNeueMontreal",sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgb(255 255 255 / .55);cursor:pointer;transition:color 0.2s ease}.page-nav-btn:hover,.page-nav-btn:focus{color:rgb(255 255 255 / .9)}.page-nav-btn:disabled{color:rgb(255 255 255 / .2);cursor:default;pointer-events:none}header.header1.clear{display:none!important}footer.clear{display:none!important}.singlePost>h1{display:none!important}.footer{display:none!important}.controls-container{display:none!important}