:root{background:#fff}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}::-webkit-scrollbar-button{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:vertical:start:decrement{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:vertical:end:increment{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:horizontal:start:decrement{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:horizontal:end:increment{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:single-button{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:single-button:vertical:decrement{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:single-button:vertical:increment{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:single-button:horizontal:decrement{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:single-button:horizontal:increment{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:double-button{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:double-button:vertical:start{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:double-button:vertical:end{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:double-button:horizontal:start{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-button:double-button:horizontal:end{background:0 0;border:0;width:0;min-width:0;height:0;min-height:0;margin:0;padding:0;display:none}::-webkit-scrollbar-corner{background:0 0}html,body{overscroll-behavior:none;height:100%}body{background:#fff;margin:0;font-family:Poppins,Arial,sans-serif;font-weight:100;overflow-x:clip}#root{background:#fff;min-height:100dvh;overflow-x:clip}.page{box-sizing:border-box;padding-inline:clamp(20px,8vw,120px);isolation:isolate;background-color:#e4e4e4;flex-direction:column;height:100dvh;padding-top:clamp(12px,2.5vh,30px);padding-bottom:clamp(12px,3vh,40px);display:flex;position:relative;overflow:visible}.top-bar{z-index:5;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;animation:.4s ease-out both header-enter;display:flex;position:absolute;top:clamp(12px,2.5vh,30px);left:clamp(20px,8vw,120px);right:clamp(20px,8vw,120px)}@keyframes header-enter{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}.brand{color:#000;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;align-items:center;gap:clamp(8px,2vw,10px);min-width:0;font-size:clamp(16px,3.5vw,20px);font-weight:400;line-height:1.25;display:inline-flex;overflow:hidden}.brand-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:clamp(10px,2.5vw,12px);height:clamp(10px,2.5vw,12px);display:block}.header-nav{flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:clamp(28px,5vw,56px);min-width:0;display:flex;overflow:hidden}.nav-button{cursor:pointer;color:#000;white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:8px 16px;font-family:inherit;font-size:clamp(13px,min(3.5vw,3vh),17px);font-weight:500}.nav-button:hover{opacity:.55}.nav-button.active{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.nav-count{color:#00000073}.corner-button{color:#000;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#e4e4e4;border:none;border-radius:50px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:clamp(10px,min(3vw,2.5vh),20px);min-height:44px;padding:clamp(8px,min(2vw,2vh),15px) clamp(18px,4vw,30px);font-family:inherit;font-size:clamp(13px,min(3.5vw,3vh),19px);font-weight:500;transition:background-color .2s,color .2s;display:inline-flex;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.corner-button:hover{color:#e4e4e4;background-color:#000}.top-actions{display:contents}.burger-button{aspect-ratio:1;box-sizing:border-box;color:#000;cursor:pointer;background-color:#e4e4e4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;padding:0;transition:background-color .2s,color .2s;display:none;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.burger-button:hover{color:#e4e4e4;background-color:#000}.burger-icon{width:20px;height:14px;display:block;position:relative}.burger-icon>span{background-color:currentColor;border-radius:2px;height:2px;transition:top .2s,transform .2s,opacity .15s;position:absolute;left:0;right:0}.burger-icon>span:first-child{top:0}.burger-icon>span:nth-child(2){top:6px}.burger-icon>span:nth-child(3){top:12px}.burger-button[aria-expanded=true] .burger-icon>span:first-child{top:6px;transform:rotate(45deg)}.burger-button[aria-expanded=true] .burger-icon>span:nth-child(2){opacity:0}.burger-button[aria-expanded=true] .burger-icon>span:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-menu{z-index:60;background-color:#e4e4e4;border-radius:18px;flex-direction:column;gap:2px;min-width:min(240px,70vw);padding:8px;animation:.22s ease-out both mobile-menu-in;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.mobile-menu .nav-button{text-align:left;border-radius:12px;width:100%;padding:12px 16px}.mobile-menu .nav-button:hover{opacity:1;background-color:#0000000f}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (width>=901px){.mobile-menu{display:none!important}}.corner-button .button-arrow-tilt svg{transform:rotate(-30deg)}.collab-button{z-index:auto;color:#000;cursor:pointer;white-space:nowrap;background-color:#e4e4e4;border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:clamp(10px,min(3vw,2.5vh),20px);margin-top:12px;padding:clamp(8px,min(2vw,2vh),15px) clamp(18px,4vw,30px);font-family:inherit;font-size:clamp(13px,min(3.5vw,3vh),19px);font-weight:500;transition:background-color .2s,color .2s;display:inline-flex;position:static;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.collab-button:hover{color:#e4e4e4;background-color:#000}.collab-block{z-index:4;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(520px,75vw);animation:.3s ease-out .5s both collab-enter;display:flex;position:absolute;bottom:30px;left:30px}@keyframes collab-enter{0%{opacity:0;scale:1.1}to{opacity:1;scale:1}}.collab-title{letter-spacing:.01em;color:#000;text-wrap:balance;margin:0;font-family:inherit;font-size:clamp(22px,min(5vw,5vh),40px);font-weight:700;line-height:1.1}.collab-desc{letter-spacing:.01em;color:#000000d1;max-width:min(440px,100%);margin:0;font-family:inherit;font-size:clamp(13px,min(3.4vw,2.8vh),16px);font-weight:400;line-height:1.5}.hero{z-index:3;box-sizing:border-box;flex:1;justify-content:center;align-items:center;gap:clamp(24px,4vw,64px);min-height:0;padding-block:clamp(8px,2.5vh,32px);display:flex;position:relative;overflow:visible;container-type:inline-size}.hero-image{object-fit:contain;z-index:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none;flex-shrink:1;max-width:min(94%,860px);height:min(78dvh,100%);min-height:0;margin-inline:auto;transform:translateY(clamp(40px,10vh,96px))}.hero-back-text{z-index:0;text-align:center;white-space:nowrap;letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;font-family:inherit;font-size:clamp(40px,9.5cqi,150px);font-weight:800;line-height:1;animation:.4s ease-out .2s both back-text-enter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(clamp(-220px,-21vh,-105px))}@keyframes back-text-enter{0%{opacity:0;translate:0 -60px}to{opacity:1;translate:0}}.hero-outline{color:#0000;-webkit-text-stroke:clamp(1.5px, .2vw, 3px) #000}.hero-solid{color:#000}.hero-left{color:#000;text-align:left;flex:1 1 0;min-width:0;max-width:min(1100px,100%);min-height:0}.hero-eyebrow{letter-spacing:.02em;margin:0;font-family:Poppins,Arial,sans-serif;font-size:clamp(10pt,min(3.6vw,3.2vh),23pt);line-height:1.3}.hero-title{overflow-wrap:break-word;text-wrap:balance;margin:clamp(6px,1.5vh,14px) 0 0;font-weight:400;line-height:1.05}.hero-line{display:block}.hero-line-artist{letter-spacing:.01em;font-family:Poppins,Arial,sans-serif;font-size:clamp(22pt,min(9vw,10vh),64pt);line-height:1.05}.hero-line-software{font-family:Poppins,Arial,sans-serif;font-size:clamp(22pt,min(9vw,10vh),64pt);font-style:italic;line-height:1.05}.hero-line-developer{letter-spacing:.01em;font-family:Poppins,Arial,sans-serif;font-size:clamp(22pt,min(9vw,10vh),64pt);line-height:1.05}.hero-line-designer{letter-spacing:.02em;margin-top:clamp(4px,1vh,12px);font-family:Poppins,Arial,sans-serif;font-size:clamp(15pt,min(5.5vw,6vh),39pt);line-height:1.2}.hero-sub{letter-spacing:.01em;color:#000000d1;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:min(520px,100%);margin:clamp(8px,1.8vh,20px) 0 0;font-family:Poppins,Arial,sans-serif;font-size:clamp(10pt,min(3.4vw,2.8vh),15pt);font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.corner-button .button-arrow,.collab-button .button-arrow,.works-button .button-arrow{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.corner-button .button-arrow svg,.collab-button .button-arrow svg{width:26px;height:26px;display:block}.works-button .button-arrow svg{width:18px;height:18px;display:block}.collab-button .button-arrow-tilt svg,.works-button .button-arrow-tilt svg{transform:rotate(-30deg)}.hero-socials{z-index:4;flex-direction:column;align-items:flex-end;gap:clamp(14px,2.5vh,22px);display:flex;position:absolute;bottom:30px;right:30px}@keyframes socials-enter{0%{translate:0 50vh}to{translate:0}}@keyframes socials-enter-left{0%{opacity:0;translate:-50vw}to{opacity:1;translate:0}}.social-button{color:#000;white-space:nowrap;background-color:#e4e4e4;border-radius:50px;justify-content:center;align-items:center;gap:10px;margin:0;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;animation:.4s ease-out both socials-enter;display:inline-flex;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.social-button:first-child{animation-delay:.35s}.social-button:nth-child(2){animation-delay:.45s}.social-button:nth-child(3){animation-delay:.55s}.social-button:nth-child(4){animation-delay:.65s}.social-button:hover{color:#e4e4e4;background-color:#000}.social-label{line-height:1}.social-button svg{flex-shrink:0;width:18px;height:18px;display:block}@media (width<=900px){.top-bar{flex-wrap:nowrap;align-items:center;width:100%;margin-inline:auto;position:relative;top:auto;left:auto;right:auto}.brand{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.header-nav{display:none}.top-actions{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.corner-button{justify-content:center;align-self:center;min-height:44px}.burger-button{aspect-ratio:1;box-sizing:border-box;align-self:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;padding:0;display:inline-flex}.hero{flex-direction:column;justify-content:center;align-items:stretch}.hero-socials{flex-flow:wrap;margin-top:40px;margin-bottom:8px;margin-right:25px;animation:none;position:static}.social-button{padding:10px;animation:none}.social-button .social-label{display:none}.collab-block{max-width:100%;margin-top:8px;position:static}}@media (height<=620px){.page{padding-top:clamp(8px,2vh,16px);padding-bottom:clamp(8px,2vh,16px)}.top-bar{top:clamp(8px,2vh,16px)}.hero{padding-block:4px}.hero-sub{-webkit-line-clamp:2}}@media (width<=420px){.top-bar{flex-wrap:nowrap;gap:8px}.corner-button{box-sizing:border-box;gap:8px;min-height:38px;padding:8px 12px;font-size:13px}.corner-button .button-arrow{display:inline-flex}.corner-button .button-arrow svg{width:16px;height:16px}.top-actions{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;gap:6px}.burger-button{aspect-ratio:1;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px}.hero-sub{line-height:1.5}.social-button{padding:8px;font-size:13px}.hero-socials{gap:14px}}.skip-entrance .top-bar,.skip-entrance .hero-back-text,.skip-entrance .collab-block,.skip-entrance .social-button{animation:none!important}.works{box-sizing:border-box;padding-inline:clamp(20px,8vw,120px);background-color:#e4e4e4;flex-direction:column;min-height:100dvh;padding-top:clamp(40px,8vh,90px);padding-bottom:clamp(40px,8vh,90px);display:flex}.works-title{letter-spacing:.01em;color:#000;text-align:center;margin:0;font-family:inherit;font-size:clamp(22px,min(5vw,5vh),40px);font-weight:700;line-height:1.1}.works-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(32px,6vh,64px);display:flex}.works-actions-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.works-button{color:#000;cursor:pointer;white-space:nowrap;background-color:#e4e4e4;border:none;border-radius:50px;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:500;transition:background-color .25s,color .25s;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.works-button-arrow{align-items:center;gap:10px;display:inline-flex}.works-button:hover{color:#e4e4e4;background-color:#000}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}.works-title.reveal{transition-delay:0s}.works-actions.reveal{transition-delay:.28s}.works-button.active{color:#e4e4e4;z-index:1000;background-color:#000;position:relative}.works-grid-wrap{margin-top:clamp(24px,4vh,44px)}.works-grid-wrap.reveal{transition-delay:.45s}.works-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px);display:grid}.work-card{box-shadow:none;cursor:pointer;background:0 0;transition:transform .25s;overflow:visible}.works-grid-wrap.visible .work-card{animation:.4s cubic-bezier(.22,1,.36,1) both works-card-in}.works-grid-wrap.visible .work-card:first-child{animation-delay:.5s}.works-grid-wrap.visible .work-card:nth-child(2){animation-delay:.58s}.works-grid-wrap.visible .work-card:nth-child(3){animation-delay:.66s}.works-grid-wrap.visible .work-card:nth-child(4){animation-delay:.74s}.works-grid-wrap.visible .work-card:nth-child(5){animation-delay:.82s}.works-grid-wrap.visible .work-card:nth-child(6){animation-delay:.9s}@keyframes works-card-in{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}.works-grid-wrap.visible .works-grid.no-anim .work-card{animation:none}.work-card:hover{transform:translateY(-5px)}.work-media{aspect-ratio:4/3;box-shadow:none;background-color:#c7c7c7;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.work-hover{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.work-hover-circle{color:#000;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .25s;display:inline-flex;transform:scale(.75)translateY(8px)}.work-hover-circle svg{display:block;transform:rotate(-30deg)}.work-card:hover .work-hover{opacity:1}.work-card:hover .work-hover-circle{transform:none}.work-cat{letter-spacing:.06em;text-transform:uppercase;color:#0009;align-self:flex-start;font-size:12px;font-weight:600}.work-info{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 4px 0;display:flex}.work-card-title{letter-spacing:.01em;color:#000;margin:0;font-size:clamp(17px,1.6vw,21px);font-weight:700;line-height:1.15}.work-tags{flex-wrap:wrap;gap:8px;display:flex}.work-tag{color:#000000bf;white-space:nowrap;background-color:#0000;border:1px solid #00000047;border-radius:50px;padding:6px 11px;font-size:12px;font-weight:500;line-height:1}@media (width<=900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.works-grid{grid-template-columns:1fr}.works-actions{gap:12px;margin-top:0}.works-actions .works-button-arrow{display:none}.works-actions-left{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:12px;width:calc(100% + 40px);max-width:calc(100% + 40px);margin-left:-40px;padding:36px 40px 42px;overflow:auto hidden}.works-actions-left::-webkit-scrollbar{display:none}.works-actions-left.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.works-actions-left .works-button{box-sizing:border-box;scroll-snap-align:start;flex:none;justify-content:center;align-items:center;min-height:44px;padding:clamp(8px,min(2vw,2vh),15px) clamp(18px,4vw,30px);font-size:clamp(13px,min(3.5vw,3vh),19px);line-height:1;display:inline-flex;box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.works-actions-left .works-button.active{box-shadow:14px 14px 25px #0d275029,-12px -12px 22px #fff}.works-grid-wrap{margin-top:0}.collab-button{box-sizing:border-box;min-height:44px}.collab-button .button-arrow svg{width:18px;height:18px}.hero-back-text{box-sizing:border-box;white-space:normal;overflow-wrap:break-word;width:100%;max-width:100%;padding-inline:12px;font-size:clamp(36px,13cqi,64px);line-height:.95;top:32%;transform:translate(-50%,-50%)translateY(clamp(-150px,-15vh,-80px))}.hero-back-text .hero-outline,.hero-back-text .hero-solid{display:block}.page{padding-bottom:20px}.hero{padding-bottom:0}.hero-socials{margin-bottom:0}.social-button{animation:.45s ease-out both socials-enter-left}.social-button:first-child{animation-delay:.35s}.social-button:nth-child(2){animation-delay:.45s}.social-button:nth-child(3){animation-delay:.55s}.social-button:nth-child(4){animation-delay:.65s}.burger-icon{width:16px;height:12px}.burger-icon>span:nth-child(2){top:5px}.burger-icon>span:nth-child(3){top:10px}.burger-button[aria-expanded=true] .burger-icon>span:first-child,.burger-button[aria-expanded=true] .burger-icon>span:nth-child(3){top:5px}}.page{transition:padding .35s}.top-bar{transition:top .35s,left .35s,right .35s,gap .35s,width .35s,margin .35s}.brand{transition:font-size .35s,gap .35s}.header-nav{transition:gap .35s}.nav-button{transition:font-size .35s,padding .35s,opacity .2s}.corner-button{transition:background-color .2s,color .2s,padding .35s,font-size .35s,gap .35s,min-height .35s}.burger-button{transition:background-color .2s,color .2s,width .35s,height .35s,min-width .35s,min-height .35s,max-width .35s,max-height .35s}.top-actions{transition:gap .35s}.hero{transition:gap .35s,padding .35s}.hero-back-text{transition:font-size .35s,top .35s,transform .35s,padding .35s}.hero-image{transition:height .35s,max-width .35s,width .35s,transform .35s,margin .35s}.corner-button .button-arrow svg,.collab-button .button-arrow svg{transition:width .35s,height .35s}.collab-block{transition:gap .35s,margin .35s,max-width .35s}.collab-title,.collab-desc{transition:font-size .35s}.collab-button{transition:background-color .2s,color .2s,padding .35s,font-size .35s,gap .35s,min-height .35s}.hero-socials{transition:gap .35s,margin .35s}.social-button{transition:background-color .2s,color .2s,padding .35s,font-size .35s}.works{transition:padding .35s}.works-button{transition:background-color .25s,color .25s,padding .35s,font-size .35s,min-height .35s}.works-grid{transition:gap .35s}.works-actions-left{transition:padding .35s,gap .35s,margin .35s,width .35s,max-width .35s}@media (prefers-reduced-motion:reduce){.page,.top-bar,.brand,.header-nav,.nav-button,.corner-button,.burger-button,.top-actions,.hero,.hero-back-text,.hero-image,.collab-block,.collab-title,.collab-desc,.collab-button,.hero-socials,.social-button,.works,.works-button,.works-grid,.works-actions-left{transition:none}}