@font-face{font-display:swap;font-family:JW\.Sans-Regular;font-style:normal;font-weight:400;src:url(/dist/public/fonts/JW.Sans-Regular.woff2) format("woff2");text-rendering:optimizeLegibility}@font-face{font-display:swap;font-family:JW\.Sans-Bold;font-style:normal;font-weight:700;src:url(/dist/public/fonts/JW.Sans-Bold.woff2) format("woff2");text-rendering:optimizeLegibility}@font-face{font-display:swap;font-family:Comico-Regular;font-style:normal;font-weight:400;src:url(/dist/public/fonts/Comico-Regular.woff2) format("woff2");text-rendering:optimizeLegibility}@font-face{font-display:swap;font-family:Skyscapers;font-style:normal;font-weight:400;src:url(/dist/public/fonts/Skyscapers.ttf) format("truetype");text-rendering:optimizeLegibility}@font-face{font-display:swap;font-family:TIMMONSNY-Regular;font-style:normal;font-weight:400;src:url(/dist/public/fonts/TIMMONSNY-Regular.woff2) format("woff2");text-rendering:optimizeLegibility}:root{--bg:#1c1d20;--fg:#dadad7;--cursor-color:#dadad7;--header-h:72px;--gutter:3rem;--text-base:0.875rem}*{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{cursor:none;font-size:100%}body{font-size:var(--text-base)}body,html{background:var(--bg);color:var(--fg);font-family:JW\.Sans-Regular;margin:0;overflow:hidden;padding:0;text-transform:uppercase}.container,body,html{height:100%;width:100%}.container{box-sizing:border-box;display:flex;flex-direction:column;padding:3rem 3rem 2rem}h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:1.625rem}h5{font-size:1.2rem}h6{font-size:1.05rem}ul{list-style:none;padding:0}a{color:inherit;cursor:none;position:relative;text-decoration:none}a.current-link:not(.social-link):after,a:not(.social-link):after{background-color:currentColor;bottom:-.063rem;content:"";height:.031rem;left:0;position:absolute;transition:width .3s;width:0}a.current-link:not(.social-link):after,a:not(.social-link):hover:after{width:100%}button{background:transparent;border:none;cursor:none}#cursor{border:.063rem solid var(--cursor-color);border-radius:50%;height:1.375rem;left:-6.25rem;pointer-events:none;position:absolute;top:-6.25rem;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .2s,background-color .2s;width:1.375rem;z-index:10000}#cursor.small{height:1.125rem;width:1.125rem}#cursor.hovered{height:2.188rem;width:2.188rem}#cursor.hovered1,#cursor.hovered2{background-color:var(--cursor-color);mix-blend-mode:hard-light}#cursor.hovered2{height:2.188rem;width:2.188rem}#cursor.transition-start{background-color:#1c1d20;border-color:#1c1d20}.touch-device #cursor{display:none}.icon{transition:all .3s ease}.icon:hover{transform:scale(1.2);transition:transform .2s ease-in-out}.hidden{display:none}.visually-hidden{height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;width:.063rem;clip:rect(0,0,0,0);border:0}.loader{background:#dadad7;color:#1c1d20;height:100%;left:0;position:absolute;top:0;transition:1s;width:100%;z-index:9999}#loader-text{display:flex;flex-direction:column;gap:1rem;left:3rem;position:absolute;top:3rem}.text-box{overflow:hidden}.text-line{display:none;font-size:2rem;font-weight:700;text-align:left}#percentage{bottom:2rem;color:#1c1d20;font-size:3rem;position:absolute;right:3rem}#progress-bar{background:#1c1d20;bottom:0;height:.313rem;left:0;position:absolute;width:0;z-index:9998}#page-transition{background-color:#dadad7;height:0;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:9999}#transition-content{bottom:var(--gutter);color:#1c1d20;left:var(--gutter);position:absolute}header{flex-shrink:0}.header-home,header{align-items:center;display:flex;justify-content:space-between;z-index:1002}.header-home{padding:3rem 3rem 0;position:absolute;top:0;width:100vw}.logo{display:inline-flex;line-height:1;overflow:hidden}.header-nav ul,.header-social{display:flex;gap:2rem}.social-link{line-height:0}.burger-menu{align-items:flex-start;background:#dadad7;color:#1c1d20;display:flex;flex-direction:column;gap:6rem;height:100vh;justify-content:flex-start;left:0;padding:calc(var(--header-h) + 1.5rem) var(--gutter) var(--gutter);position:fixed;top:0;transform:translateX(-100%);transition:transform .35s ease;width:100vw;will-change:transform;z-index:3000}.burger-menu.active{transform:translateX(0)}body:not(.menu-anim-ready) .burger-menu{transition:none!important}.burger-btn{align-items:center;display:flex;flex-direction:column;height:1.875rem;justify-content:center;position:fixed;right:var(--gutter);top:calc(var(--gutter) + (var(--logo-h, 1.875rem) - 1.875rem)/2);width:1.875rem;z-index:3002;--bar-thickness:2px;--bar-gap:6px}.burger-btn span{background:#dadad7;height:var(--bar-thickness);left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - var(--bar-gap)));transform-origin:50% 50%;transition:transform .3s ease;width:100%}.burger-btn span:nth-child(2){transform:translate(-50%,calc(-50% + var(--bar-gap)))}.burger-btn.active span:first-child{transform:translate(-50%,-50%) rotate(-45deg)}.burger-btn.active span:nth-child(2){transform:translate(-50%,-50%) rotate(45deg)}body.menu-open .burger-btn span{background:#1c1d20}body.menu-open{--cursor-color:#1c1d20}.burger-nav,.burger-nav ul{align-items:flex-start;display:flex;flex-direction:column;gap:4rem}.burger-nav ul{text-align:left}.burger-menu .icon{filter:invert(1) brightness(0)}.burger-social{display:flex;gap:3rem}.gallery-container{display:grid;height:100vh;overflow-x:scroll;overflow-y:scroll;z-index:-1}.gallery{display:grid;grid-template-columns:repeat(30,1fr);grid-gap:6.25rem;padding:6rem 3rem}.gallery-item{height:12.5rem;width:12.5rem}.gallery-item img{border-radius:2%;box-shadow:0 .625rem 1.25rem rgba(0,0,0,.3);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.gallery-item:hover img{border-radius:50%;transform:rotate(1turn);transition:transform 1s ease}.gallery-item.playing img{animation:rotation 6s linear infinite;border-radius:50%}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.carousel{flex:1 1 auto;margin:3rem 0}.carousel-wrapper{height:100%;position:relative}.project-item{box-shadow:0 .625rem 1.25rem rgba(0,0,0,.3);height:100%;position:absolute;will-change:transform}.project-item img{height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .4s;width:100%}.project-item:hover img{filter:brightness(.05)}.project-item .content{bottom:2%;color:var(--fg);display:flex;flex-direction:column;gap:2rem;padding:1.875rem;position:absolute;transform:translateZ(1.25rem) scaleY(0);transform-origin:top;transition:.5s ease;width:100%}.project-item:hover .content{filter:brightness(1);transform:translateZ(3.125rem) scaleY(1)}.project-item .content .agency-tag{align-items:center;display:flex;gap:.5rem;white-space:nowrap;width:-moz-fit-content;width:fit-content}.project-item .content .agency-tag img{filter:brightness(1)}.project-item .content span{align-items:center;display:flex;gap:.5rem}.popup-overlay{align-items:center;background-color:#1c1d20;display:none;flex-direction:column;height:100%;justify-content:space-between;left:0;opacity:0;padding:3rem;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1001}.popup-overlay.show{display:flex;justify-content:space-between;opacity:1;visibility:visible}.popup-content-wrapper{display:flex;flex-grow:1;height:100%;overflow:hidden;position:relative;width:100%}.popup-content{display:flex;height:100%;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%}.popup-video{flex:1;margin:7rem;max-width:50%}.popup-video video{box-shadow:0 .625rem 1.25rem rgba(0,0,0,.3)}.popup-text{align-items:left;display:flex;flex-direction:column;gap:2rem;justify-content:center}.popup-agency{align-items:center;display:flex}.popup-agency .logo{margin-left:.313rem}.popup-detail{line-height:1.5}.popup-url{display:flex;gap:2rem}.popup-url a{border-bottom:.031rem solid}.popup-nav{align-items:center;display:flex;gap:4rem;justify-content:space-between}.btn-close{border-radius:.313rem;color:var(--fg);padding:.625rem}.btn-close:hover{transform:rotate(1turn);transition:transform 1s ease}.btn-left,.btn-right{background-color:hsla(0,0%,100%,.5);color:var(--fg);padding:.625rem}.btn-left:hover,.btn-right:hover{background-color:#fff;color:var(--bg)}.jukebox{flex:1 1 auto;margin:3rem 0}.jukebox-wrapper{align-items:center;position:relative}.card,.jukebox-wrapper{display:flex;height:100%}.card{gap:2rem;position:absolute;will-change:transform}.card-cover{aspect-ratio:1/1;border-radius:1%;box-shadow:0 .625rem 1.25rem rgba(0,0,0,.3);flex-shrink:0;overflow:hidden;position:relative}.card-image{height:100%;width:100%}.card-tag{background-color:hsla(0,0%,100%,.3);color:var(--bg);padding:.5rem;position:absolute;right:.625rem;top:.625rem;z-index:1}.card-titles{border:.125rem;border-right:.125rem solid;display:inline-flex;flex-direction:column;overflow-y:auto;padding:0 2rem;width:auto}.album-name{display:flex;font-size:1.5rem;padding:1.5rem .5rem 2rem}.title{display:flex;margin-bottom:1rem;padding:.5rem}.title.active,.title:hover{background-color:hsla(0,0%,100%,.6);color:#414141}.card.selected .card-cover{border-radius:50%}.card.selected .card-image.rotate{animation:rotation 10s linear infinite}.player{display:flex;flex-direction:column;gap:2rem}.playerBottom,.playerMiddle{display:flex;justify-content:space-between}.playerBottom{align-items:center;z-index:1002}.title_artist,.volume_time{flex:1}.title_artist{display:flex;flex-direction:column;gap:.375rem}.control-buttons{align-items:center;display:flex;gap:2rem;margin-left:auto;margin-right:auto}.play-button{transition:background-color .3s ease}.random-button{height:1.875rem;width:1.875rem}.random-button img{width:100%}.dot{background:var(--fg);border-radius:50%;display:inline-block;height:.313rem;margin-left:.25rem;opacity:0;transition:opacity .3s;vertical-align:middle;width:.313rem}.random-button.active .dot{opacity:1}.volume_time{gap:2rem;justify-content:right}.volume-display,.volume_time{align-items:center;display:flex}.volume-display{gap:.8rem}.current-time{display:inline-block;width:2.313rem}.volume-control{display:flex}.volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#dadad7;height:.125rem;transition:opacity .2s ease-in-out;width:100%}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#dadad7;cursor:pointer;height:1rem;width:.125rem}.presentation{flex-direction:column;flex-grow:1;line-height:3rem;text-align:center}#line6,.presentation{display:flex;justify-content:center}#line6{align-items:center}.gifContainer{position:relative}.gifContainer:hover .gif{display:block}.gif{display:none;z-index:200}.gif img{box-shadow:0 0 .063rem rgba(0,0,0,.9);height:auto;width:15.625rem}.emoji .gif{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-3deg)}.graduated{font-family:Comico-Regular}.graduated .gif{left:300%;position:absolute;top:200%;transform:translate(-50%,-50%) rotate(4deg)}.inconito,.user{position:relative}.user{border:.063rem solid;border-radius:1.875rem;font-family:JW\.Sans-Bold;overflow:hidden;padding:.4rem;transition:background-color .3s ease,color .3s ease}.user:hover{background-color:var(--fg);color:var(--bg)}.user .gif{left:200%;position:absolute;top:60%;transform:translate(-50%,-50%) rotate(-4deg)}.fields{font-family:JW\.Sans-Bold;position:relative}.fields:after,.fields:before{background-color:currentColor;bottom:-.313rem;content:"";height:.063rem;left:0;position:absolute;transform:translateY(-50%);width:100%}.fields:before{transform:translateY(0) rotate(-2deg)}.fields:after{transform:translateY(0) rotate(2deg)}.fields .gif{left:400%;position:absolute;top:70%;transform:translate(-50%,-50%) rotate(8deg)}.world{border:.063rem solid;border-radius:100%;display:inline-block;font-family:JW\.Sans-Bold;margin:.3rem;overflow:hidden;padding:.4rem;transform:skew(-10deg)}.world .gif{left:50%;position:absolute;top:70%;transform:translate(-50%,-50%) rotate(-3deg)}.world .gif img{height:5.8rem;width:8.4rem}.records{font-family:Skyscapers}.records .gif{bottom:-100%;left:60%;position:absolute;transform:translate(-50%,-50%) rotate(4deg)}.tailor{font-family:JW\.Sans-Bold;position:relative}.tailor:before{transform:translateY(-50%) rotate(-10deg)}.tailor:after,.tailor:before{border:.063rem solid;border-radius:50%;content:"";height:3.75rem;position:absolute;top:50%;width:7.25rem;z-index:1}.tailor:after{right:-.2rem;transform:translateY(-50%) rotate(-6deg)}.tailor .gif{position:absolute;right:70%;top:200%;transform:translate(-50%,-50%) rotate(-4deg)}footer{bottom:0;padding:0 3rem 2rem;position:absolute;width:100%;z-index:1002}.contact,footer{align-items:center;display:flex;justify-content:space-between}.contact{flex-shrink:0;z-index:1000}.error-content{align-items:center;display:flex;flex-direction:column;flex-wrap:1;height:100%;justify-content:center;margin:3rem;text-align:center;width:100%}.error-text{font-size:10rem}.error-return{align-items:end;display:flex;height:25%;justify-content:space-between;width:100%}.error-return img{height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:430px){:root{--gutter:1.5rem}.container,.header-home,.popup-overlay.show,footer{padding:1.5rem}.gallery{grid-gap:3.25rem}.gallery-item{height:7.5rem;width:7.5rem}}@media screen and (max-width:600px){.contact p{display:none}}@media(max-width:768px){.project-item:hover img{filter:brightness(1)}.project-item .content{display:none}}@media screen and (max-width:900px){.header-nav,.header-social{display:none}.presentation{line-height:2rem}footer{justify-content:center}.player{gap:3.5rem}}@media screen and (min-width:901px){.burger-btn,.burger-menu{display:none}}@media screen and (max-width:1100px){.presentation{text-align:left}#line6{display:block}.fields:after,.fields:before,.line img,.tailor:after,.tailor:before{display:none}.inconito img,.world{display:inline}.popup-video,.volume-display{display:none}.popup-text h4{font-size:1.5rem}footer p{display:none}}