:root{--accent:#b8ff3c;--accent-rgb:184 255 60}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:none;background:#0b0c0e;overflow-x:hidden}html::-webkit-scrollbar{display:none}body{background:#0b0c0e;margin:0;overflow-x:hidden}::selection{color:var(--accent);background:#0b0c0e}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes floatDot{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(-6px)rotate(45deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glitchShift{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}@keyframes panBg{0%{background-position:0%}to{background-position:100%}}@keyframes cursorPulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}.ji-cursor-ripple{border:1.5px solid var(--accent);pointer-events:none;z-index:69;border-radius:50%;width:30px;height:30px;animation:.55s cubic-bezier(.16,1,.3,1) forwards cursorPulse;position:fixed;transform:translate(-50%,-50%)}.ji-grain{z-index:9;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ji-duo{filter:grayscale()contrast(1.05)brightness(.82);transition:filter .6s,transform .9s cubic-bezier(.16,1,.3,1)}.ji-duo:hover{filter:grayscale(0)contrast()brightness()}.reveal{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.slide-l{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.mask{display:block;overflow:hidden}.mask-i{transition:transform 1.05s cubic-bezier(.16,1,.3,1);display:block}.clip{transition:clip-path 1.15s cubic-bezier(.16,1,.3,1)}.clip-l,.clip-r{transition:clip-path 1.3s cubic-bezier(.16,1,.3,1)}.ji-worklink{position:relative}.ji-worklink:before{content:"";background:linear-gradient(90deg, rgb(var(--accent-rgb) / .05) 0%, transparent 80%);transform-origin:0;pointer-events:none;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.ji-worklink:hover:before{transform:scaleX(1)}.ji-worklink h3{transition:transform .18s,letter-spacing .3s}.ji-worklink:hover h3{letter-spacing:.01em;animation:.32s steps(2,end) glitchShift}.ji-worklink:hover .ji-arrow{transform:translate(8px);opacity:1!important}.arttext{-webkit-text-fill-color:transparent;color:#0000;background-position:0%;background-size:160%;-webkit-background-clip:text;background-clip:text;padding-bottom:.12em;animation:16s ease-in-out infinite alternate panBg}.ji-step{transition:background .4s;position:relative;overflow:hidden}.ji-step:before{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .4s;position:absolute;inset:0}.ji-step:hover{background:#13151a!important}.ji-step:hover:before{border-color:rgb(var(--accent-rgb) / .28)}.ji-step:hover .ji-stepnum{color:var(--accent)!important}.ji-stepnum{transition:color .4s}.ji-step>:not(.ji-step-img){position:relative}.ji-step-img{filter:grayscale(.2)brightness(.8);opacity:.35;transform-origin:100% 0;pointer-events:none;background-position:50%;background-size:cover;width:70%;height:65%;transition:opacity .5s,transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;transform:scale(1);-webkit-mask-image:radial-gradient(at 100% 0,#000 0%,#00000080 35%,#0000 70%);mask-image:radial-gradient(at 100% 0,#000 0%,#00000080 35%,#0000 70%)}.ji-step:hover .ji-step-img{opacity:.75;transform:scale(1.05)}.ji-step:after{content:"";transform-origin:0;background:#f0ede5;height:2px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ji-step:hover:after{transform:scaleX(1)}.ji-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;margin-right:-8px;padding:0;display:flex}.ji-burger span{transform-origin:50%;background:#eceae3;width:24px;height:2px;transition:rotate .3s cubic-bezier(.65,0,.35,1),translate .3s cubic-bezier(.65,0,.35,1) .22s,width .3s cubic-bezier(.16,1,.3,1);display:block;translate:0;rotate:none}.ji-burger[data-open=true] span{transition:translate .3s cubic-bezier(.65,0,.35,1),rotate .3s cubic-bezier(.65,0,.35,1) .22s,width .3s cubic-bezier(.16,1,.3,1)}.ji-burger[data-open=true] span:first-child{translate:0 4px;rotate:45deg}.ji-burger[data-open=true] span:last-child{translate:0 -4px;rotate:-45deg}.ji-burger[data-open=false]:hover span:last-child{width:16px}@media (hover:none){.ji-burger[data-open=false]:hover span:last-child{width:24px}}.ji-menu{z-index:49;background:#0e0f12;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,96px);padding:104px clamp(20px,4vw,64px) 40px;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0;overflow:hidden}.ji-menu:before{content:"";pointer-events:none;opacity:.5;background:repeating-radial-gradient(at 30% 40%,#0000 0 46px,#b8ff3c0d 47px 48px);position:absolute;inset:0}.ji-menu-photos{grid-template-columns:1fr 1fr;align-content:center;gap:clamp(10px,1.2vw,18px);display:grid;position:relative}.ji-menu-photo{aspect-ratio:1;background:#1a1c20;transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1);overflow:hidden}.ji-menu-photo img{object-fit:cover;object-position:center top;filter:grayscale()contrast(1.05)brightness(.85);width:100%;height:100%;transition:filter .6s,transform 1s cubic-bezier(.16,1,.3,1);display:block}.ji-menu-photo:hover img{filter:grayscale(0)contrast()brightness();transform:scale(1.05)}.ji-menu-right{flex-direction:column;justify-content:center;align-items:flex-start;gap:34px;display:flex;position:relative}.ji-menu-links{flex-direction:column;align-items:flex-start;display:flex}.ji-menu-link{cursor:pointer;text-align:left;color:#eceae3;text-transform:uppercase;letter-spacing:-.02em;background:0 0;border:none;align-items:baseline;gap:14px;padding:2px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,6.2vw,92px);font-weight:700;line-height:1;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1),color .2s;display:inline-flex;position:relative}.ji-menu-link-num{letter-spacing:1px;color:#6e6f6a;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;transform:translateY(-.9em)}.ji-menu-link:hover,.ji-menu-link:focus-visible{color:var(--accent)}.ji-menu-squiggle{width:calc(100% - 34px);height:.16em;color:var(--accent);position:absolute;bottom:-2px;left:34px;overflow:visible}.ji-menu-squiggle path{stroke-dasharray:340;stroke-dashoffset:340px;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1)}.ji-menu-link:hover .ji-menu-squiggle path,.ji-menu-link:focus-visible .ji-menu-squiggle path{stroke-dashoffset:0}.ji-menu-foot{flex-wrap:wrap;align-items:center;gap:16px 28px;transition:opacity .6s;display:flex}.ji-menu-cta{cursor:pointer;background:var(--accent);color:#0b0c0e;letter-spacing:1px;text-transform:uppercase;border:none;align-items:center;gap:10px;padding:13px 18px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.ji-menu-socials{letter-spacing:1px;text-transform:uppercase;gap:22px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.ji-menu-socials a{color:#9a9b95;text-decoration:none;transition:color .2s}.ji-menu-socials a:hover{color:var(--accent)}@media (max-width:900px){.ji-menu{grid-template-columns:1fr;align-content:start;padding-top:92px;overflow-y:auto}.ji-menu-photos{order:2;grid-template-columns:repeat(4,1fr);align-content:start}.ji-menu-right{order:1;gap:24px}.ji-menu-link{font-size:clamp(34px,11vw,58px)}}.ji-nav-link{transition:color .2s;position:relative}.ji-nav-link:after{content:"";background:var(--accent);clip-path:inset(0 100% 0 0);width:100%;height:6px;transition:clip-path .45s cubic-bezier(.65,0,.35,1);position:absolute;bottom:-7px;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6'%3E%3Cpath d='M0 3 Q3.5 -0.5 7 3 T14 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 0/14px 6px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6'%3E%3Cpath d='M0 3 Q3.5 -0.5 7 3 T14 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 0/14px 6px repeat-x}.ji-nav-link:hover{color:var(--accent)!important}.ji-nav-link:hover:after{clip-path:inset(0)}.ji-connect{transition:opacity .2s,box-shadow .2s}.ji-connect:hover{opacity:.85;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .22)}.ji-email{transition:border-color .2s}.ji-email:hover{border-color:var(--accent)!important}.ji-footer-link{transition:color .2s}.ji-footer-link:hover{color:#eceae3!important}.ji-about-img:hover{transform:scale(1.025);filter:grayscale(0)contrast(1.02)brightness(.92)!important}@media (max-width:768px){.ji-nav-inner{padding:14px 20px!important}.ji-nav-links{gap:0!important}.ji-nav-link,.ji-nav-links{display:none!important}.ji-hero{height:100svh!important}.ji-section{padding:64px 20px!important}.ji-section-pb{padding-bottom:56px!important}.ji-two-col{grid-template-columns:1fr!important;gap:36px!important}.ji-about{grid-template-columns:1fr!important;gap:36px!important;padding:64px 20px!important}.ji-about-img{position:static!important}.ji-about>div:first-child{height:clamp(320px,80vw,420px)!important;position:static!important}.ji-exp-row{grid-template-columns:1fr!important;gap:4px!important;padding:28px 0!important}.ji-kinetic-wrap{padding:60px 20px!important}.ji-quote-inner{padding:80px 20px!important}.ji-contact-inner{padding:72px 20px 48px!important}.ji-contact-inner .mask{padding-bottom:.18em}.ji-footer-row{gap:12px 20px!important}.ji-footer-row .ji-footer-spacer{display:none!important}.ji-hero h1{margin-left:0!important}.ji-hero-company,.ji-hero-scroll{display:none!important}.ji-term-body{padding:22px 18px 18px!important;font-size:12.5px!important;overflow-x:hidden!important}.ji-term-body>div{white-space:pre-wrap!important}.ji-term-line{margin-bottom:12px;min-height:0!important;line-height:1.6!important}.ji-term-arrow{display:none}.ji-term-desc{padding-left:2.6em;display:block}.ji-hero-spot{display:none!important}.ji-hero-photo{width:100%!important;height:68%!important}.ji-hero-photo-lfade{display:none!important}.ji-hero-base{background:linear-gradient(#0b0c0e59 0%,#0000 18% 38%,#0b0c0ebf 58%,#0b0c0e 70%)!important}.ji-hero h1{letter-spacing:-.04em!important;margin-bottom:22px!important;font-size:27vw!important;line-height:.82!important}.ji-hero h1>span:first-child{margin-bottom:-.2em;padding-bottom:.22em!important;padding-left:0!important}.ji-hero h1>span:last-child{text-align:right;padding-right:.06em}.ji-hero-meta{text-align:center;flex-direction:column!important;align-items:center!important;gap:14px!important}.ji-hero-meta>div>div{justify-content:center}.ji-hero-clock{text-align:center!important}.ji-disc-row{grid-template-columns:48px 1fr!important;gap:12px 16px!important}.ji-disc-desc{grid-column:1/-1!important;justify-self:start!important;padding-bottom:8px!important;font-size:13px!important}.ji-gallery-section{padding:64px 0!important}.ji-gallery-header{margin-bottom:40px!important;padding:0 20px!important}.ji-gallery-logo{height:72px!important}}.ji-contrast-img{pointer-events:none;width:58%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000008c 35%,#000 75%);mask-image:linear-gradient(90deg,#0000 0%,#0000008c 35%,#000 75%)}.ji-contrast-img>div{will-change:transform;background:url(/assets/wonder/imgi_92_4EA8WhNfNhch2I7TPL0FV2Zmi8.png) 50%/cover no-repeat;height:124%;position:absolute;top:-12%;left:0;right:0}.ji-contrast:hover .ji-duo{filter:grayscale(0)contrast()brightness()}@media (max-width:768px){.ji-contrast-img{opacity:.35;width:100%}}.ji-exp-icon{vertical-align:.05em;opacity:0;background:#0b0c0e59;width:.6em;height:.6em;margin-left:.3em;transition:opacity .4s,transform .7s cubic-bezier(.16,1,.3,1);display:inline-block;transform:scale(.3)rotate(-90deg);-webkit-mask:url(/assets/wonder/wonder_icon.svg) 50%/contain no-repeat;mask:url(/assets/wonder/wonder_icon.svg) 50%/contain no-repeat}.ji-exp-row:hover .ji-exp-icon{opacity:1;transform:scale(1)rotate(0)}.ji-exp-clip{aspect-ratio:1;clip-path:inset(-60px -60px 0);pointer-events:none;z-index:2;width:clamp(200px,24vw,340px);position:absolute;bottom:0;right:clamp(8px,3vw,48px)}.ji-exp-card{background-color:#0b0c0e;height:62%;transition:transform .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1),bottom .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:absolute;bottom:-8%;left:0;right:0;transform:translateY(115%)}.ji-exp-row:hover .ji-exp-card{pointer-events:auto;transform:translateY(0)}.ji-exp-card:hover{height:100%;bottom:0;box-shadow:0 18px 40px -12px #0b0c0e59,0 6px 14px -6px #0b0c0e33}@media (max-width:768px){.ji-exp-clip{display:none}}.ji-beyond-card{position:relative;overflow:hidden}.ji-beyond-card>:not(.ji-beyond-img){position:relative}.ji-beyond-img{filter:grayscale();opacity:.18;pointer-events:none;background-position:50%;background-size:cover;width:70%;height:70%;position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(at 100% 0,#000 0%,#0006 40%,#0000 72%);mask-image:radial-gradient(at 100% 0,#000 0%,#0006 40%,#0000 72%)}.ji-journey{max-width:820px;margin:0 auto}@keyframes jiMouseWheel{0%{opacity:0;transform:translateY(0)}15%{opacity:1}60%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(10px)}}.ji-notch{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}@media (min-width:900px){#process .ji-notch:nth-child(2n){margin-top:56px}}.ji-contact-panel{clip-path:polygon(0 44px,calc(50% - 300px) 44px,calc(50% - 250px) 0,calc(50% + 250px) 0,calc(50% + 300px) 44px,100% 44px,100% 100%,0 100%);padding-top:44px}@media (max-width:768px){.ji-contact-panel{clip-path:polygon(0 28px,calc(50% - 120px) 28px,calc(50% - 92px) 0,calc(50% + 92px) 0,calc(50% + 120px) 28px,100% 28px,100% 100%,0 100%);padding-top:28px}.ji-thesis-note{display:none}.ji-thesis-label{bottom:14px!important}}.ji-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ji-work-card{background:#15171b;flex-direction:column;transition:transform .6s cubic-bezier(.16,1,.3,1),background .4s;display:flex;position:relative}.ji-work-card:hover{background:#1a1d22;transform:translateY(-8px)}.ji-work-photo{aspect-ratio:4/3.4;position:relative;overflow:hidden}.ji-work-img{filter:grayscale()contrast(1.05)brightness(.8);background-position:50%;background-size:cover;transition:filter .6s,transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.ji-work-card:hover .ji-work-img{filter:grayscale(0)contrast()brightness(.95);transform:scale(1.06)}.ji-work-photo:after{content:"";pointer-events:none;background:linear-gradient(#15171b00 45%,#15171b 100%);position:absolute;inset:0}.ji-work-num{z-index:1;color:var(--accent);text-shadow:0 2px 24px #00000059;font-family:Instrument Serif,serif;font-size:clamp(56px,6vw,96px);font-style:italic;line-height:1;position:absolute;top:14px;left:22px}.ji-work-body{padding:8px 22px 44px}.ji-work-title{letter-spacing:-.5px;margin:0 0 10px;font-family:Instrument Serif,serif;font-size:clamp(30px,2.8vw,44px);font-weight:400;line-height:1}.ji-work-sub{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:10.5px}.ji-work-desc{color:#9a9b95;margin:0;font-size:14.5px;line-height:1.65}.ji-work-corner{background:rgb(var(--accent-rgb) / .35);clip-path:polygon(100% 0,100% 100%,0 100%);width:30px;height:30px;transition:background .35s;position:absolute;bottom:0;right:0}.ji-work-card:hover .ji-work-corner{background:var(--accent)}@media (min-width:1100px){.ji-work-card:nth-child(2n){margin-top:64px}}@media (max-width:1099px){.ji-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ji-work-grid{grid-template-columns:1fr}}.ji-brand-loop{border-top:1px solid #0b0c0e24;border-bottom:1px solid #0b0c0e24;width:100%;overflow:hidden}.ji-brand-loop+.ji-brand-loop{border-top:none}.ji-brand-track{will-change:transform;width:max-content;display:flex}.ji-brand-set{display:flex}.ji-brand-tile{border-right:1px solid #0b0c0e24;flex:none;justify-content:center;align-items:center;width:clamp(180px,17vw,260px);height:clamp(100px,9.5vw,140px);padding:20px 28px;transition:background .3s;display:flex}.ji-brand-tile img{object-fit:contain;filter:brightness(0);opacity:.6;max-width:100%;max-height:100%;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}.ji-brand-tile:hover{background:var(--accent)}.ji-brand-tile:hover img{opacity:1;transform:scale(1.08)}