.portfolio-wrapper{color:#fff;background-color:#000;font-family:Satoshi,sans-serif;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:.5s ease-out forwards fadeIn}.portfolio-wrapper h1,.portfolio-wrapper h2,.portfolio-wrapper h3,.portfolio-wrapper h4,.portfolio-wrapper h5,.portfolio-wrapper h6,.portfolio-wrapper p,.portfolio-wrapper ul,.portfolio-wrapper ol,.portfolio-wrapper li,.portfolio-wrapper figure,.portfolio-wrapper figcaption,.portfolio-wrapper blockquote,.portfolio-wrapper dl,.portfolio-wrapper dd{margin:0;padding:0}.portfolio-wrapper img,.portfolio-wrapper video{object-fit:cover;width:100%;height:100%;display:block}.portfolio-wrapper h1{font-size:58px;font-weight:500}.mobile-view-wrapper{display:none}.desktop-view-wrapper{display:block}@media (max-width:900px){.mobile-view-wrapper{display:block}.desktop-view-wrapper{display:none}}.portfolio-wrapper p,.portfolio-wrapper a{text-transform:uppercase;color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.portfolio-nav{z-index:100;justify-content:space-between;width:100vw;padding:2rem;display:flex;position:fixed;top:0;left:0}.portfolio-nav-items{z-index:100;gap:.25em;display:flex;position:fixed;top:2em;left:40%}.portfolio-nav a,.portfolio-nav-items a{text-transform:none}.whitespace.w-1{width:100vw;height:50vh}.whitespace.w-2{width:100vw;height:45vh}.gallery{flex-direction:column;gap:20em;width:100%;display:flex;position:relative}.project{width:100vw;height:100vh;display:flex;position:relative}.index{flex:1;height:0;padding-left:2em}.images{flex-direction:column;flex:6;gap:1em;height:100vh;display:flex}.img{background-color:#fff;flex:1;width:200px;overflow:hidden}.img img,.img video,.preview-img video{opacity:.9}.index .mask{will-change:transform;height:70px;position:absolute;top:0;left:2em;overflow:hidden}.index .mask .h1{will-change:transform;position:relative}.index .mask h1 span{will-change:transform;display:inline-block;position:relative}.digit-wrapper,.digit-wrapper span{will-change:transform;color:#f0f8ff;display:inline-block;position:relative}.project-names{z-index:50;width:200px;position:fixed;top:50vh;left:40%;transform:translate(0%)}.indicator{will-change:transform;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:0;right:0}.symbol{clip-path:polygon(0 50%,100% 100%,100% 0);background-color:green;width:12px;height:12px}.name p{color:gray}.name.active p{color:#add8e6}.preview-img{opacity:.9;z-index:150;background-color:#0000004d;border-radius:8px;width:45vw;min-width:400px;max-width:50vw;height:calc(50vh - 2em);position:fixed;bottom:2em;right:2em;overflow:hidden}.preview-img img,.preview-img video{object-fit:cover;width:100%;height:100%;display:block}.portfolio-footer p{text-transform:none;z-index:100;position:fixed;bottom:2em;left:40%}.portfolio-heading{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:50vh;display:flex;position:fixed;top:80px;left:0}.portfolio-wrapper .portfolio-text{color:#e51e08f2;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;will-change:transform;font-size:clamp(100px,15vw,220px);font-weight:400;line-height:1;overflow:hidden;transform:scaleX(1.2)}@keyframes rampUp{0%{opacity:0;transform:translate(-30%,100%)}to{opacity:1;transform:translate(0,0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slideUp{animation:.3s ease-out slideUp}@media (max-width:900px){html,body{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overflow-y:scroll!important}.gallery-mobile,.project-mobile,.images-mobile,.index-mobile,.mask-mobile,.digit-wrapper-mobile,.digit-first,.digit-second{touch-action:pan-y!important}.img-mobile{touch-action:manipulation!important}.video-mobile,.img-element-mobile,video,img{pointer-events:none!important;touch-action:pan-y!important}.gsap-pin-spacer{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.index-mobile *,.mask-mobile *,.digit-wrapper-mobile *{pointer-events:none!important}*{backface-visibility:hidden}.portfolio-heading-mobile{z-index:200;pointer-events:none;background:linear-gradient(#000 0%,#000000f2 70%,#0000 100%);justify-content:center;align-items:center;width:100%;height:clamp(60px,8vh,80px);display:flex;position:fixed;top:70px;left:0}.portfolio-wrapper .portfolio-text-mobile{color:#e51e08f2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-align:center;width:100%;margin:0;padding-top:clamp(8px,2vh,14px);font-size:10.5vw;font-weight:500}.progress-bar-mobile{transform-origin:top;z-index:210;pointer-events:none;background:linear-gradient(#e51e0866 0%,#e51e08e6 100%);border-radius:10px;width:3px;height:calc(100vh - clamp(140px,20vh,200px));position:fixed;top:clamp(70px,10vh,100px);right:clamp(12px,3vw,20px);transform:scaleY(0)}.name-mobile{opacity:.7!important}.name-mobile.active{opacity:1}.dot-mobile{opacity:0!important}.name-mobile.active .dot-mobile{opacity:1!important;background:#e51e08f2!important;width:8px!important;height:8px!important;box-shadow:0 0 10px #e51e0899,0 0 20px #e51e084d!important}.project-name-text{color:#fff!important}.name-mobile.active .project-name-text{color:#e51e08e6!important}.gallery-mobile{flex-direction:column;gap:clamp(100px,20vh,180px);width:100%;padding-top:clamp(140px,20vh,180px);padding-bottom:clamp(80px,12vh,120px);display:flex;position:relative;touch-action:pan-y!important;overflow:visible!important}.project-mobile{isolation:isolate;flex-direction:row;gap:clamp(12px,2.5vw,20px);width:100%;min-height:100vh;display:flex;position:relative;touch-action:pan-y!important}.index-mobile{z-index:15;flex:0 0 clamp(60px,14vw,85px);justify-content:center;align-items:flex-start;padding-top:clamp(20px,4vh,30px);padding-left:clamp(8px,2vw,16px);display:flex;position:relative;pointer-events:none!important}.mask-mobile{width:100%;height:clamp(50px,10vh,75px);overflow:hidden;pointer-events:none!important}.mask-mobile.pin-active{z-index:50!important;pointer-events:none!important;position:fixed!important;top:10%!important}.digit-wrapper-mobile{color:#ffffff1a;letter-spacing:-.05em;margin:0;font-size:clamp(40px,8.5vw,64px);font-weight:300;line-height:1;display:flex;pointer-events:none!important}.digit-first,.digit-second{display:inline-block;pointer-events:none!important}.images-mobile{flex-direction:column;flex:1;gap:clamp(14px,3vh,22px);padding-top:clamp(10px,2vh,16px);padding-right:clamp(16px,4vw,28px);display:flex;touch-action:pan-y!important;overflow-y:visible!important}.img-mobile{aspect-ratio:9/16;opacity:1;cursor:pointer;background:#141414;border-radius:clamp(10px,2.2vw,16px);width:100%;position:relative;overflow:hidden;transform:translateY(0);touch-action:manipulation!important;pointer-events:auto!important}.img-mobile:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(135deg,#e51e0808 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.img-mobile:active:before{opacity:1}.video-mobile,.img-element-mobile,.img-mobile video,.img-mobile img{background:#000;transform:translateZ(0);object-fit:cover!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;width:100%!important;height:100%!important;display:block!important}.lets-collab-mobile{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(50px,10vh,90px) clamp(24px,6vw,40px);display:flex;position:relative;overflow:hidden}.lets-collab-mobile:before{content:"";pointer-events:none;background:radial-gradient(circle,#e51e0814 0%,#0000 70%);width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collab-content-mobile{text-align:center;z-index:2;max-width:600px;position:relative}.collab-badge-mobile{color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;border:1px solid #ffffff1a;border-radius:50px;margin-bottom:clamp(24px,5vh,36px);padding:clamp(6px,1.5vh,10px) clamp(14px,3.5vw,20px);font-size:clamp(9px,2.2vw,11px);font-weight:500;display:inline-block}.collab-title-mobile{color:#fff;letter-spacing:-.02em;margin-bottom:clamp(20px,4vh,30px);font-size:clamp(36px,9vw,64px);font-weight:400;line-height:1.2}.collab-highlight{background:linear-gradient(135deg,#e51e08e6 0%,#e51e0899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.collab-description-mobile{color:#fff9;text-transform:none;margin-bottom:clamp(36px,7vh,50px);font-size:clamp(13px,3.2vw,16px);font-weight:400;line-height:1.7}.collab-button-mobile{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#e51e08e6;border:none;border-radius:50px;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(14px,3vh,18px) clamp(28px,7vw,40px);font-size:clamp(12px,3vw,15px);font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 30px #e51e084d}.collab-button-mobile:active{transform:scale(.96);box-shadow:0 4px 20px #e51e0866}.collab-button-mobile svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.collab-button-mobile:active svg{transform:translate(4px)}.backdrop-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;background:#000000eb;width:100vw;height:100vh;animation:.3s fadeIn-mobile;position:fixed;top:0;left:0}.modal-mobile{z-index:310;background:#0a0a0afa;border:1px solid #ffffff14;border-radius:clamp(20px,4vw,28px);width:calc(100vw - 40px);max-width:480px;max-height:85vh;padding:clamp(28px,6vh,40px) clamp(24px,5vw,32px);animation:.5s cubic-bezier(.4,0,.2,1) slideUp-mobile;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009}.close-btn-mobile{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex;position:absolute;top:clamp(16px,3vh,20px);right:clamp(16px,3vh,20px)}.close-btn-mobile:active{background:#ffffff1a;transform:scale(.95)}.modal-header-mobile{margin-bottom:clamp(28px,6vh,36px)}.modal-header-mobile h2{color:#fff;margin:0;font-size:clamp(22px,5vw,28px);font-weight:400;line-height:1.3}.form-mobile{flex-direction:column;gap:clamp(14px,3vh,18px);display:flex}.form-group-mobile{flex-direction:column;display:flex}.input-mobile,.textarea-mobile{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:clamp(10px,2vw,14px);padding:clamp(14px,3vh,18px) clamp(16px,3.5vw,20px);font-family:Satoshi,sans-serif;font-size:clamp(14px,3.5vw,16px);font-weight:400;transition:all .3s}.input-mobile:focus,.textarea-mobile:focus{background:#ffffff0d;border-color:#e51e0880;outline:none;box-shadow:0 0 0 4px #e51e081a}.textarea-mobile{resize:vertical;min-height:120px}.input-mobile::placeholder,.textarea-mobile::placeholder{color:#ffffff4d}.submit-btn-mobile{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#e51e08e6;border:none;border-radius:clamp(10px,2vw,14px);justify-content:center;align-items:center;gap:10px;margin-top:clamp(12px,3vh,18px);padding:clamp(14px,3vh,18px) clamp(24px,5vw,32px);font-size:clamp(13px,3.2vw,15px);font-weight:500;transition:all .3s;display:flex}.submit-btn-mobile:active{background:#e51e08;transform:scale(.98)}@keyframes fadeIn-mobile{0%{opacity:0}to{opacity:1}}@keyframes slideUp-mobile{0%{opacity:0;transform:translate(-50%,-45%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}@media (max-width:380px){.portfolio-text-mobile{font-size:24px}.collab-title-mobile{font-size:32px}.index-mobile{flex:0 0 55px}}.preloader-fancy{z-index:10000;background:#3c4237;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.progress-container{z-index:2;background:#ffffff1a;width:300px;height:2px;margin-bottom:20px;position:relative}.progress-bar-fancy{background:#e6e1d7;width:0%;height:100%;position:absolute;top:0;left:0}.percentage-fancy{color:#e6e1d7;opacity:.1;font-family:Inter,sans-serif;font-size:clamp(8rem,25vw,25rem);font-weight:700;line-height:.8;position:fixed;bottom:32px;right:32px}.text-container{width:200px;height:3em;margin:20px 0;position:relative;overflow:hidden}.loading-text{color:#e6e1d7;text-transform:uppercase;letter-spacing:-.02em;text-align:center;width:100%;font-family:Inter,sans-serif;font-size:1rem;font-weight:300;position:absolute}.loading-text.initial{transform:translateY(0)}.loading-text.complete{transform:translateY(100%)}.loading-text .char{display:inline-block}