@import "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:#fff;--color-text-dim:.6;--transition-medium:.3s ease;--font-size-base:14px}.creators-page{background:#000;width:100%;height:100vh;font-family:PPNeueMontreal,sans-serif;position:relative;overflow:hidden}.creators-page *{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}.creators-page .preloader-overlay{background:#000}.creators-page .header,.creators-page .footer{z-index:10000;column-gap:var(--spacing-base);pointer-events:none;opacity:0;grid-template-columns:repeat(12,1fr);width:100vw;padding:1.5rem;display:grid;position:fixed;left:0}.creators-page .header>*,.creators-page .footer>*{pointer-events:auto}.creators-page .header{top:0}.creators-page .footer{bottom:0}.creators-page .nav-section{grid-column:1/span 3}.creators-page .values-section{grid-column:5/span 2}.creators-page .location-section{grid-column:7/span 2}.creators-page .contact-section{grid-column:9/span 2}.creators-page .social-section{text-align:right;grid-column:11/span 2}.creators-page .coordinates-section{grid-column:1/span 3;font-family:TheGoodMonolith,monospace}.creators-page .info-section{text-align:right;grid-column:9/span 4}.creators-page .logo-container{margin-bottom:var(--spacing-md);cursor:pointer;width:3rem;height:1.5rem;display:block;position:relative}.creators-page .logo-circles{width:100%;height:100%;position:relative}.creators-page .circle{transition:transform var(--transition-medium);background-color:var(--color-text);border-radius:50%;width:1.4rem;height:1.4rem;position:absolute;top:50%}.creators-page .circle-1{left:0;transform:translateY(-50%)}.creators-page .circle-2{mix-blend-mode:exclusion;left:.8rem;transform:translateY(-50%)}.creators-page .logo-container:hover .circle-1{transform:translate(-.5rem,-50%)}.creators-page .logo-container:hover .circle-2{transform:translate(.5rem,-50%)}.creators-page .key-hint{border:1px solid var(--color-text);border-radius:3px;justify-content:center;align-items:center;min-width:20px;height:20px;margin:0 3px;padding:0 5px;font-size:12px;display:inline-flex}.creators-page .footer p{font-family:TheGoodMonolith,monospace}.creators-page a{cursor:pointer;color:var(--color-text);z-index:1;font-size:var(--font-size-base);opacity:1;transition:color var(--transition-medium);padding:0;font-weight:700;text-decoration:none;display:inline-block;position:relative}.creators-page a:after{content:"";background-color:var(--color-text);z-index:-1;width:0;height:100%;transition:width .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.creators-page a:hover:after{width:100%}.creators-page a:hover{color:#000;mix-blend-mode:difference;opacity:1}.creators-page p{color:#fff;letter-spacing:-.01rem;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:600;text-decoration:none;display:block}.creators-page ul{list-style:none}.creators-page h3{margin-bottom:var(--spacing-base);color:#fff;font-size:14px;font-weight:600}.creators-page .viewport{z-index:5;opacity:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.creators-page .canvas-wrapper{transform-origin:0 0;will-change:transform;isolation:isolate;position:absolute;top:0;left:0}.creators-page .grid-container{width:100%;height:100%;position:relative}.creators-page .grid-item{cursor:pointer;will-change:transform,opacity;z-index:1;opacity:1;background:#000;width:320px;height:320px;transition:opacity .6s;position:absolute}.creators-page .grid-item.out-of-view{opacity:.1}.creators-page .grid-item.selected{z-index:2!important}.creators-page .grid-item img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.creators-page .split-screen-container{z-index:40;opacity:0;pointer-events:none;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.creators-page .split-screen-container.active{opacity:1;pointer-events:all}.creators-page .split-left,.creators-page .split-right{z-index:1;cursor:pointer;background:#0009;justify-content:center;align-items:center;width:50vw;height:100vh;display:flex;position:relative}.creators-page .zoom-target{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.creators-page .image-title-overlay{color:#fff;z-index:60;opacity:0;pointer-events:none;position:absolute;bottom:40px;left:40px;transform:none}.creators-page .image-title-overlay.active{opacity:1}.creators-page .image-slide-number{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);width:400px;height:20px;margin-bottom:.5em;position:relative;overflow:hidden}.creators-page .image-slide-number span{color:#fff;will-change:transform;text-transform:uppercase;letter-spacing:.1em;margin:0;padding:0;font-family:TheGoodMonolith,monospace;font-size:12px;font-weight:400;line-height:1.5;position:absolute;top:0;left:0;transform:translateY(0)}.creators-page .image-slide-title{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);width:400px;height:60px;margin-bottom:1em;position:relative;overflow:hidden}.creators-page .image-slide-title h1{color:#fff;letter-spacing:-.02em;will-change:transform;margin:0;padding:0;font-family:PPNeueMontreal,sans-serif;font-size:48px;font-weight:500;line-height:1.2;position:absolute;top:0;left:0;transform:translateY(0)}.creators-page .image-slide-description{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);width:400px;min-height:80px;position:relative;overflow:hidden}.creators-page .description-line{color:#fffc;will-change:transform;margin:0;padding:0;font-family:PPNeueMontreal,sans-serif;font-size:16px;font-weight:300;line-height:1.4;display:block;position:relative;overflow:hidden;transform:translateY(0)}.creators-page .image-slide-follow{margin-top:.75rem;font-family:PPNeueMontreal,sans-serif;font-size:14px}.creators-page .image-slide-follow a{font-weight:600}@media (max-width:900px){.creators-page .image-title-overlay{bottom:20px;left:20px}.creators-page .image-slide-number{width:300px;height:18px}.creators-page .image-slide-number span{font-size:10px}.creators-page .image-slide-title{width:300px;height:50px}.creators-page .image-slide-title h1{font-size:36px}.creators-page .image-slide-description{width:300px;min-height:70px}.creators-page .description-line{font-size:14px}}.creators-page .controls-container{z-index:55;opacity:0;transition:left 1.2s cubic-bezier(.87,0,.13,1);display:flex;position:fixed;bottom:1.25em;left:50%;transform:translate(-50%)}.creators-page .controls-container.visible{opacity:1}.creators-page .controls-container.split-mode{left:75%}.creators-page .percentage-indicator{text-transform:uppercase;color:#333;white-space:nowrap;background-color:#f0f0f0;background-image:radial-gradient(#00000004 1px,#0000 0);background-position:-.06em -.06em;background-size:.44em .44em;border-radius:.25em;justify-content:center;align-items:center;min-width:5em;padding:.625em 1.25em;font-family:TheGoodMonolith,monospace;font-size:.75em;font-weight:400;display:flex}.creators-page .switch{background-color:#222;background-image:radial-gradient(#ffffff04 1px,#0000 0);background-position:-.06em -.06em;background-size:.44em .44em;border-radius:.25em;gap:1.25em;padding:.625em 1.25em;transition:padding .3s ease-in-out;display:flex}.creators-page .sound-toggle{cursor:pointer;background-color:#f0f0f0;background-image:radial-gradient(#00000004 1px,#0000 0);background-position:-.06em -.06em;background-size:.44em .44em;border-color:#0000;border-radius:.25em;justify-content:center;align-items:center;min-width:3.75em;padding:.5em .75em;transition:all .3s;display:flex;position:relative}.creators-page .sound-wave-canvas{width:2em;height:1em;background:0 0!important;border:none!important;outline:none!important}.creators-page .sound-toggle.active .sound-wave-canvas{opacity:1}.creators-page .sound-toggle:hover .sound-wave-canvas{opacity:.8}.creators-page .switch-button{color:#666;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border:#0000;padding:5px 10px;font-family:TheGoodMonolith,monospace;font-size:.75em;font-weight:400;transition:all .3s ease-in-out;position:relative}.creators-page .switch-button-current{color:#f0f0f0}.creators-page .indicator-dot{opacity:0;background-color:#f0f0f0;border-radius:50%;width:5px;height:5px;transition:opacity .3s ease-in-out;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.creators-page .switch-button:hover .indicator-dot{opacity:1}.creators-page .close-button{cursor:pointer;z-index:65;opacity:0;pointer-events:none;background:0 0;border:#0000;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:fixed;top:50%;right:20px;transform:translate(40px,-50%)}.creators-page .close-button.active{pointer-events:all}.creators-page .close-button:hover{opacity:.7}.creators-page .close-button svg{width:64px;height:64px;transform:rotate(180deg)}.creators-page .scaling-image-overlay{z-index:50;pointer-events:none;will-change:transform;position:fixed;top:0;left:0;opacity:1!important}.creators-page .scaling-image-overlay img{object-fit:cover;width:100%;height:100%;display:block}.creators-page .page-vignette-container{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}.creators-page .page-vignette-extreme{mix-blend-mode:overlay;background:linear-gradient(#000000e6 0%,#00000080 20%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}