:root{--background:#fff;--foreground:#171717;--font-title:clamp(28px,4.115vw,79px);--font-subtitle:clamp(16px,1.77vw,34px);--font-typing:clamp(14px,1.146vw,22px);--font-nav:clamp(12px,.729vw,14px);--lottie-bg-scale:1.1135}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{padding-bottom:env(safe-area-inset-bottom,0px);background-color:#000;overflow-x:hidden}body.hb-pages{padding-bottom:0}body.hb-ios-safari-browser.hb-pages{overflow:hidden}html{-moz-text-size-adjust:100%;text-size-adjust:100%}.intro-logo,.mobile-menu .nav-link,.work-item,.works-row,#bg-video,#pixel-canvas,#overlay{will-change:transform,opacity;backface-visibility:hidden}.intro-logo.show,.mobile-menu.show .nav-link,.works-row.is-visible .work-item{will-change:auto}.sidebar a{color:#fff}.work-item video{will-change:auto}.works-row.is-visible .work-item video{will-change:opacity,transform}.intro{z-index:1;pointer-events:none;position:absolute;top:clamp(60px,15vh,200px);left:clamp(40px,10vh,150px)}.intro-logo{opacity:0;pointer-events:none;transform-origin:0;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transform:translate(-60px)scale(.8)}.intro-logo.show{opacity:1;transform:translate(0)scale(.8)}.intro-mobile{z-index:1;pointer-events:none;justify-content:center;align-items:center;padding:0 5vw;display:none;position:fixed;bottom:clamp(20px,4vh,60px);left:0;right:0}.intro-logo-mobile{opacity:0;pointer-events:none;width:100%;max-width:clamp(200px,65vw,500px);height:auto;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transform:translateY(60px)}.intro-logo-mobile.show{opacity:1;transform:translateY(0)}.typing-text{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:700;font-size:var(--font-typing);letter-spacing:.021em;color:#fff;white-space:normal;word-break:break-word;overflow-wrap:break-word;pointer-events:none;margin-top:clamp(12px,1.042vw,20px);line-height:1.4}#typing-text{white-space:normal;word-wrap:break-word}#typing-text span{opacity:0;display:inline}#typing-text.typing-active span{animation:.1s forwards fadeIn;animation-delay:calc(var(--d)*25ms)}@keyframes fadeIn{to{opacity:1}}#works-page{z-index:8;opacity:0;pointer-events:none;background-color:#000;flex-direction:column;gap:clamp(4px,.417vw,8px);display:flex;position:fixed;inset:0}#works-page.show{opacity:1;pointer-events:auto}.works-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:10vh clamp(8px,.521vw,10px) clamp(8px,.521vw,10px);overflow:hidden auto}.works-row{opacity:0;grid-template-columns:repeat(4,1fr);gap:clamp(4px,.417vw,8px);margin-bottom:clamp(6px,.521vw,10px);transition:opacity .6s;display:grid}.works-row.is-visible{opacity:1}.works-row.is-visible .work-item{transform:translate(0)}.work-item{aspect-ratio:3/5;contain:layout style paint;background:#000;border-radius:2px;transition:transform 3s cubic-bezier(.005,1,.5,1);overflow:hidden;transform:translate(100vw)}.work-item:first-child{transition-delay:.1s}.work-item:nth-child(2){transition-delay:.2s}.work-item:nth-child(3){transition-delay:.3s}.work-item:nth-child(4){transition-delay:.4s}.work-item video{object-fit:cover;width:100%;height:100%}#overlay{pointer-events:none;z-index:10;clip-path:circle(0%);background:#000;width:100vw;height:100dvh;position:fixed;inset:0}#pixel-canvas{width:100vw;height:100dvh;image-rendering:pixelated;image-rendering:crisp-edges;z-index:1011;position:fixed;inset:0}#works-pixel-canvas{width:100vw;height:100dvh;image-rendering:pixelated;image-rendering:crisp-edges;z-index:1009;pointer-events:none;opacity:0;position:fixed;inset:0}#works-suwa-backdrop{z-index:2;pointer-events:none;opacity:0;background:#000;width:100vw;height:100dvh;position:fixed;inset:0}#effect-explosion{z-index:12;pointer-events:none;width:clamp(200px,40%,600px);height:clamp(200px,40%,600px);transition:opacity .3s;position:fixed;inset:0;transform:translate(5%,130%)}#effect-explosion-video{object-fit:contain;width:clamp(200px,40%,600px);height:clamp(200px,40%,600px);transform:translate(5%,130%)}#bg-video{object-fit:cover;z-index:1;width:100vw;height:100dvh;position:fixed;inset:0}#loading-wrapper{pointer-events:none;z-index:1010;background:0 0;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#pattern-canvas{z-index:1000;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;position:fixed;inset:0}#lottie{z-index:1;transform-origin:50%;transform:scale(.8)}#lottie,#lottieBg,#lottie-works{position:absolute;inset:0}#lottie-suwa{will-change:transform;z-index:12;cursor:pointer;width:clamp(120px,14vw,160px);position:fixed;bottom:20%;transform:translate(0)}#suwa-wrapper{align-items:center;width:100vw;height:100vh;display:flex}#lottieBg{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex}#lottieBg video,#lottieBg img{transform:scale(var(--lottie-bg-scale));transform-origin:50%}#lottie-works{z-index:1020;position:fixed;inset:0}#main-header.show{text-align:center;opacity:1;pointer-events:auto;animation:1.1s cubic-bezier(.16,1,.3,1) both headerSlideDown;transform:translateY(0)}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#main-header.header-over-intro{z-index:1020}#main-header{z-index:11;opacity:0;justify-content:space-between;align-items:flex-start;width:100%;padding:clamp(16px,1.25vw,20px) clamp(20px,1.667vw,32px) clamp(16px,1.25vw,24px) clamp(13px,1.667vw - 7px,25px);transition:opacity .6s ease-out,transform 1.1s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.logo{flex:none;align-items:center;display:flex}.logo-link{line-height:0;display:block}.logo-svg{aspect-ratio:173/43;object-fit:contain;flex-shrink:0;width:auto;height:25px;display:block}.logo-mobile{display:none}.sidebar{flex:none;align-items:baseline;gap:clamp(16px,1.667vw,32px);display:flex}.nav-link{color:#fff;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:700;font-size:var(--font-nav);border:none;padding:0;line-height:1.286;text-decoration:none}.nav-link:hover{opacity:.7}.content{opacity:0;flex-direction:column;align-items:center;margin-top:6%;padding:clamp(16px,1.146vw,22px);transition:transform 1s ease-out,opacity 1s ease-out;display:flex;position:absolute;transform:translateY(120px)}.content.show{opacity:1;transform:translateY(0)}.title{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:700;font-size:var(--font-title);color:#fff;line-height:1}.subText{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-weight:700;font-size:var(--font-subtitle);text-align:center;color:#fff}#mobile-overlay-blur{z-index:1011;background:#0003;width:100%;height:100%;display:none;position:fixed}.mobile-menu,.mobile-menu-btn{display:none}@media (min-width:1920px){:root{--font-title:79px;--font-subtitle:34px;--font-typing:22px;--font-nav:14px}}@media (min-width:1440px) and (max-width:1919px){:root{--font-title:clamp(60px,4.167vw,79px);--font-subtitle:clamp(28px,1.944vw,34px);--font-typing:clamp(18px,1.25vw,22px);--font-nav:clamp(13px,.833vw,14px)}}@media (min-width:1280px) and (max-width:1439px){:root{--font-title:clamp(52px,4.063vw,60px);--font-subtitle:clamp(24px,1.875vw,28px);--font-typing:clamp(17px,1.328vw,18px);--font-nav:clamp(12px,.938vw,13px)}.work-item{aspect-ratio:auto;min-height:80vh}}@media (min-width:1025px) and (max-width:1279px){:root{--font-title:clamp(44px,4.297vw,52px);--font-subtitle:clamp(20px,1.953vw,24px);--font-typing:clamp(16px,1.563vw,17px);--font-nav:clamp(12px,1.172vw,12px)}}@media (min-width:768px) and (max-width:1024px){:root{--font-title:clamp(38px,4.948vw,44px);--font-subtitle:clamp(18px,2.344vw,20px);--font-typing:clamp(15px,1.953vw,16px);--font-nav:clamp(12px,1.563vw,13px)}.sidebar{display:none}.content{margin-top:3%}}@media (min-width:600px) and (max-width:767px){:root{--font-title:clamp(32px,5.333vw,38px);--font-subtitle:clamp(16px,2.667vw,18px);--font-typing:clamp(14px,2.333vw,15px);--font-nav:clamp(12px,2vw,13px)}}@media (min-width:480px) and (max-width:599px){:root{--font-title:clamp(28px,5.833vw,32px);--font-subtitle:clamp(15px,3.125vw,16px);--font-typing:clamp(13px,2.708vw,14px);--font-nav:clamp(11px,2.292vw,12px);--lottie-bg-scale:1.76}}@media (min-width:375px) and (max-width:479px){:root{--font-title:clamp(24px,6.4vw,28px);--font-subtitle:clamp(13px,3.467vw,15px);--font-typing:clamp(12px,3.2vw,13px);--font-nav:clamp(11px,2.933vw,12px);--lottie-bg-scale:1.76}}@media (max-width:374px){:root{--font-title:clamp(20px,7.467vw,24px);--font-subtitle:clamp(12px,4.267vw,13px);--font-typing:clamp(11px,3.733vw,12px);--font-nav:clamp(10px,3.467vw,11px);--lottie-bg-scale:1.76}}@media (max-width:768px){.content{margin-top:-3%}.logo-desktop{display:none}.logo-mobile{align-items:center;gap:5px;margin-top:-3px;margin-left:2px;display:inline-flex}.logo-mobile-icon{aspect-ratio:1;flex:0 0 25px;width:25px;height:25px;display:block}.logo-mobile-wordmark{width:auto;height:18px;display:block}#lottie{transform-origin:50%;transform:scale(.6)}#lottie,#lottie svg{overflow:visible!important}#lottieBg{--lottie-bg-scale:1.76}}@media (max-width:1024px){.intro-mobile{justify-content:center;align-items:center;width:100%;display:flex}.intro-logo{display:none}#mobile-overlay-blur{background:#000000b3!important}#effect-explosion{transform:translateY(130%);width:clamp(150px,50%,400px)!important;height:clamp(150px,25%,300px)!important}.sidebar{display:none}.mobile-menu-btn.header-over-intro{z-index:1020}.mobile-menu-btn{z-index:1020;color:#fff;opacity:0;cursor:pointer;background:0 0;border:none;font-size:clamp(24px,3.125vw,28px);transition:opacity .6s,transform .6s;display:block;position:fixed;top:calc(clamp(18px,2.344vw,22px) - 7px);right:clamp(18px,2.344vw,22px);transform:translateY(-12px)}.mobile-menu-btn.show{opacity:1;transform:translateY(0)}.mobile-menu-btn.active{transform:rotate(180deg)scale(.8)}.mobile-menu{z-index:1012;opacity:0;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(30px,5.208vw,40px);transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.show{opacity:1;pointer-events:auto}.mobile-menu .nav-link{color:#fff;opacity:0;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(24px,4.167vw,32px);font-weight:700;text-decoration:none;transition:transform .5s,opacity .5s;transform:translate(250px)}.mobile-menu.show .nav-link{opacity:1;transform:translate(0)}.mobile-menu.show .nav-link:first-child{transition-delay:.1s}.mobile-menu.show .nav-link:nth-child(2){transition-delay:.2s}.mobile-menu.show .nav-link:nth-child(3){transition-delay:.3s}.mobile-menu.show .nav-link:nth-child(4){transition-delay:.4s}.mobile-menu.show .nav-link:nth-child(5){transition-delay:.5s}#bg-video.move{animation:46s linear infinite alternate panVideo}@keyframes panVideo{0%{object-position:100% center}to{object-position:0% center}}#lottie-works svg{scale:1.8}#effect-explosion-video{transform:translate(5%,80%)}.works-row{grid-template-columns:repeat(2,1fr);gap:clamp(4px,.781vw,6px)!important;margin-bottom:clamp(4px,.781vw,6px)!important}.work-item{aspect-ratio:auto;height:40vh;transition:transform .9s cubic-bezier(.25,.46,.45,.94)}.works-content{gap:clamp(3px,.521vw,4px);padding:10vh clamp(8px,1.302vw,10px) clamp(8px,1.302vw,10px)!important}.intro{top:unset;left:unset;margin:0;bottom:clamp(16px,2.604vw,20px)}.typing-text{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_6RtCuZyhHo59BpJsT9KAjBNbtigb)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}