body,html{-webkit-overflow-scrolling:touch;height:100%;margin:0;scrollbar-gutter:stable}body,html,img{-webkit-user-select:none;user-select:none}img{user-drag:none;height:auto;pointer-events:none;width:100%}button{cursor:pointer}video{user-drag:none;height:auto;-webkit-user-select:none;user-select:none;width:100%}#canvasDiv{position:fixed;z-index:-1}#canvasDiv,.cover-div{height:100%;width:100%}.cover-div{background-color:#fff;left:0;position:absolute;top:0;z-index:1}@font-face{font-family:arrayregular;font-style:normal;font-weight:400;src:url(https://hypnotize.works/static/media/array.bc06ce4122c3ef8be562.woff2) format("woff2"),url(https://hypnotize.works/static/media/array.a2151ef66a470264e164.woff) format("woff")}#header{background:#000;color:#fff;font-size:5em;height:2em;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:9999}#projectMask{background-repeat:no-repeat;background-size:100% 130%;display:block;height:100%;position:absolute;top:0;width:100%;z-index:1}.gradient-background{background:linear-gradient(180deg,#fff0,#fff 10%,#fff 70%,#fff0)}.white-background{background:#fff}.wipe{animation:wipeAnimation 2s forwards}@keyframes wipeAnimation{0%{background-position-y:-100vh}to{background-position-y:100vh}}#header img{filter:invert(1);height:100%;width:auto}@keyframes strobe{0%{filter:invert(0)}50%{filter:invert(1)}to{filter:invert(0)}}.strobing{animation:strobe .15s;animation-iteration-count:10}.row:after{clear:both;display:table}.column{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:60vh;min-width:33vh;position:relative;vertical-align:top}#projects{background:#fffc}.trail{align-content:center;color:#fff;margin-left:auto;margin-right:auto;margin-top:20%}@media (min-width:1000px){#header{font-size:2em;height:2em}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){#header{font-size:2.5em;height:2.5em}}.outer-project{-webkit-touch-callout:none;border-radius:0;border-top:5px solid #fff;height:auto;overflow:hidden;text-align:center}.inner-project{display:block;opacity:0;position:relative}.inner-project.fade-in{animation:fadeIn .5s forwards}.inner-project img{border-radius:0}.line-container{height:100%;mix-blend-mode:difference;pointer-events:auto;position:absolute;width:100%;z-index:9999}.project-title{font-family:arrayregular;font-size:5.2em;margin-bottom:.3em;text-align:left;white-space:pre-line}.project-info{animation-delay:3.5s;animation:fadeIn 3s forwards;margin-top:0;opacity:0;overflow:hidden;padding:1vh}.hidden{display:none;height:0}.visible{display:block;height:auto}.flex{display:flex}.project-description{display:hidden;font-size:2em;margin-top:1em;padding-left:1em;text-align:left;white-space:pre-wrap;width:95%}.project-description,.project-info-text-container{color:#000;font-family:Hiragino Kaku Gothic ProN W3,sans-serif;padding-bottom:1em}.project-info-text-container{display:flex;font-size:2.3em;margin-top:.7em;width:81%}.project-info-table{border:1px solid #000;border-bottom-right-radius:.75em;border-collapse:collapse;border-top:none;display:block;min-width:70%;overflow:hidden}.project-info-table.open{animation-delay:5s;animation:change-height .32s forwards;transform-origin:top left}.project-info-row{border-bottom:1px solid #000;width:100%}.project-info-row:last-child{border-bottom:none}@keyframes change-height{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.project-info-label-cell{background-clip:auto;background-image:url(https://hypnotize.works/static/media/divider2.85f98833930d17e81dcc.svg);background-repeat:no-repeat;background-size:auto 120%;color:#fff;display:flex;padding-left:.4em;padding-right:2em;z-index:0}.project-info-text-year-column{flex:1 1;text-align:right}.project-info-value-cell{padding-right:1em;text-align:right;width:100%}@media (min-width:1000px){.project-title{font-size:3em}.project-info-text-container{font-size:1.2em;margin-top:.85em}.project-description{font-size:.8em}.project-info-table{max-width:70%;min-width:60%}.project-info-text-year-column{margin-top:.2em}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.project-title{font-size:3em}.project-info-text-container{font-size:1.15em;margin-top:.9em}.project-description{font-size:1em}.project-info-table{max-width:60%;min-width:50%}.project-info-text-year-column{margin-top:.25em}}.inner-project.margin-change{animation:marginChange .5s forwards}.inner-project.margin-revert{animation:marginRevert .5s forwards}.inner-project.margin-hover{animation:marginHover .5s forwards}.project-info.fade-in{animation-delay:.5s;animation:fadeIn .5s forwards}.project-info.fade-out{animation-delay:.5s;animation:fadeOut .5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes marginChange{0%{margin-bottom:var(--margin-bottom-close);margin-top:var(--margin-top-close)}to{margin-bottom:var(--margin-bottom-open);margin-top:var(--margin-top-open)}}@keyframes marginHover{0%{margin-bottom:var(--margin-bottom-close);margin-top:var(--margin-top-close)}to{margin-bottom:var(--margin-bottom-hover);margin-top:var(--margin-top-hover)}}@keyframes marginRevert{to{margin-bottom:var(--margin-bottom-close);margin-top:var(--margin-top-close)}}canvas{pointer-events:auto;position:relative;z-index:10000}circle{stroke:#fff;fill:none;stroke-dasharray:314;stroke-width:5px;animation-direction:reverse}.svg-circle{display:none;height:50%;position:relative;transform:rotate(-90deg);width:50%}.svg-container{height:400px;mix-blend-mode:difference;pointer-events:none;position:absolute;width:400px;z-index:9999}.svg-container svg{height:100%;width:100%}@media (max-width:768px){.svg-container{height:140px;width:140px}}@keyframes wipe{0%{stroke-dashoffset:314}30%,50%{stroke-dashoffset:0}80%,to{stroke-dashoffset:314}}.react-multiple-carousel__arrow{background:#000;border-radius:50%!important;min-height:70px!important;min-width:70px!important;overflow:visible;top:100%}.react-multiple-carousel__arrow--left{left:calc(30% + 1px)!important}.react-multiple-carousel__arrow--right{right:calc(30% + 1px)!important}.react-multiple-carousel__arrow:hover{background:#000}.react-multi-carousel-list{overflow:visible!important}.react-multi-carousel-dot-list{top:103%;transform:scale(1.5)}@media (min-width:1000px){.react-multiple-carousel__arrow{border-radius:50%;min-height:43px!important;min-width:43px!important}.react-multiple-carousel__arrow:before{font-size:25px}.react-multi-carousel-dot-list{top:103%;transform:scale(1)}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.react-multiple-carousel__arrow{border-radius:50%;min-height:60px!important;min-width:60px!important}.react-multiple-carousel__arrow:before{font-size:25px}.react-multi-carousel-dot-list{top:102%}}.open-mark-container{font-size:3em;margin-left:-.6em;margin-top:-.5em;overflow:visible;position:absolute;text-align:left;z-index:9999}@media (min-width:1000px){.open-mark-container{font-size:1.1em}}@keyframes rotateElement{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes rotateUp{0%{transform:rotate(90deg)}to{transform:rotate(-90deg)}}@keyframes rotateDown{0%{transform:rotate(-90deg)}to{transform:rotate(90deg)}}.rotating-element{animation:rotateElement .5s forwards;animation-delay:.2s}.rotating-up{animation:rotateUp .5s forwards}.rotating-down{animation:rotateDown .5s forwards}path{fill:none;stroke:#000;stroke-width:1px;vector-effect:non-scaling-stroke;fill:#0000}@keyframes draw{to{stroke-dashoffset:0}}.project-line{stroke-dasharray:1000;stroke-dashoffset:1000}.project-line.animation{animation:draw 1.5s forwards;animation-delay:.2s}.outside-footer{--footer-open-percentage:75%;align-content:center;align-items:center;background:#171717fa;background:#000c;bottom:0;display:flex;flex-direction:column;font-family:Hiragino Kaku Gothic ProN W3,sans-serif;justify-content:center;left:0;margin:0;padding-top:.5em;position:fixed;text-align:center;transform:translateY(var(--footer-open-percentage));width:100%;z-index:9999}.filter-button{background:none;border:none;height:12em;width:12em}.filter-button:hover{transform:scale(1.1)}.filter-button-image{border:3px solid #fff;border-radius:50%}.filter-button-label{font-size:2em;padding-left:.5em}.inside-footer{align-content:center;align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;margin:0;padding-bottom:1em;padding-top:.1em;width:100%}.urls{color:#f5f5f5;font-size:2em}.urls:hover{color:#a9a9a9}.buttons-container{display:flex;flex-direction:row;gap:10em;margin-left:.4em}.footer-arrow{filter:invert(1);height:6em;opacity:0;transform:rotate(-90deg);width:6em}.footer-arrow-container:hover{transform:scale(1.1)}.footer-arrow.open{animation:rotateArrowDown .5s forwards}.footer-arrow.close{animation:rotateArrowUp .5s forwards}@keyframes rotateArrowDown{0%{transform:rotate(-90deg)}to{transform:rotate(90deg)}}@keyframes rotateArrowUp{0%{transform:rotate(90deg)}to{transform:rotate(-90deg)}}@keyframes translateFooterDown{0%{transform:translateY(0)}to{transform:translateY(var(--footer-open-percentage))}}@keyframes translateFooterUp{0%{transform:translateY(var(--footer-open-percentage))}to{transform:translateY(0)}}.outside-footer.close{animation:translateFooterDown .5s forwards}.outside-footer.open{animation:translateFooterUp .5s forwards}.footer-line{background-color:#ccc;height:1px;margin:1.5em auto;width:80%}@media (min-width:1000px){.outside-footer{--footer-open-percentage:80%}.filter-button-label{font-size:1em}.filter-button{height:6em;width:6em}.footer-arrow{height:2em;width:2em}.footer-line{margin:.5em auto;width:500px}.urls{font-size:1em}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.outside-footer{--footer-open-percentage:79%}.footer-arrow{height:2em;width:2em}.filter-button-label{font-size:1em}.filter-button{height:6em;width:6em}.footer-line{width:50%}.urls{font-size:1em}.footer-line{margin:.5em auto}}.line{background-color:#fff;color:#fff;position:absolute;transition:transform .3s ease}.horizontal{height:5px;left:0;top:50%;transform:translateY(-50%);width:100%}.vertical{height:100%;left:50%;top:0;transform:translateX(-50%);width:5px}.vertical.open{transform:translateX(-50%) rotate(90deg)}@font-face{fallback:fallback;font-family:revicons;src:url(https://hypnotize.works/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(https://hypnotize.works/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(https://hypnotize.works/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:#00000080;border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:#00000080;cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}
/*# sourceMappingURL=main.0195c4ed.css.map*/