:root{--curve:cubic-bezier(0.19,1,0.22,1);--in-out:cubic-bezier(0.6,0.14,0,1);--margin:30rem;--gap:20rem;--column:calc((var(--rvw) * 100 - var(--margin) * 2 - var(--gap) * 9) / 10);--app-vh:100vh;--fs-body:12rem;--fs-title:35rem;--fs-title2:20rem;--fs-hero:80rem;--fs-small:10rem;--fs-link:20rem;--lh-body:1.21;--lh-tight:1.1;--lh-relaxed:1.5}@supports (height:100svh){:root{--app-vh:100svh}}@media (max-width:1024px){:root{--margin:15px;--gap:10rem;--column:calc((100vw - var(--margin) * 2 - var(--gap) * 5) / 6)}.Logo{width:25vw}}@font-face{font-family:General-sans-Variable;src:url(/fonts/GeneralSans-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Mono-Variable-Italic;src:url(/fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 700;font-style:italic;font-display:swap}@font-face{font-family:Roboto-Mono-Variable;src:url(/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf) format("truetype");font-weight:100 700;font-style:normal;font-display:swap}h1{font-weight:800;font-size:var(--fs-title)}h1,h2{font-family:General-sans-Variable,sans-serif;line-height:var(--lh-tight)}h2{font-size:var(--fs-title2)}h2,p{font-weight:400}p{font-family:General-sans-Variable,sans-serif;line-height:var(--lh-relaxed)}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{background:#fffef3;color:black;font-size:calc((1 / 1440) * 100vw);overflow:auto}@media (max-width:1024px){html{font-size:1px}}body{font-family:Roboto Mono,monospace;font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);font-optical-sizing:auto;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body.is-grid-view{overflow:hidden}body.is-layout-switching{cursor:progress}body.is-layout-switching *{pointer-events:none}a{text-decoration:none;color:inherit}.no-transform,.no-transform *{transform:none!important}.verticalFlex{display:flex;flex-direction:column}.TagsProject{gap:10px;justify-content:flex-start;flex-wrap:wrap;margin-top:1vh;margin-bottom:1vh}.Logo{width:5vw}.ProjectTitle{font-size:var(--fs-title);line-height:var(--lh-tight);margin-top:3vh}.ToggleAndMenu{z-index:20;position:absolute;bottom:3%;left:3%;flex-direction:row;gap:3%;height:5vh}.TagType,.ToggleAndMenu{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.TagType{background-color:#121212;justify-content:center}.TagType,.YearTag{color:#fffef3;padding:8px 12px}.YearTag{background-color:rgb(13,0,255);width:-moz-fit-content;width:fit-content;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.HorizontalFlex{display:flex;flex-direction:row}.icon{margin-bottom:3vh}.menuItems{height:-moz-fit-content;height:fit-content;flex-direction:row;font-family:roboto mono,monospace;font-weight:400;gap:1vh}.menuItems,.menuItems button,.menuItems div{display:flex;width:-moz-fit-content;width:fit-content;height:100%;cursor:pointer}.menuItems button,.menuItems div{font-size:var(--fs-link);background-color:rgb(13,0,255);color:#fffef3;padding:8px 12px;justify-content:center;align-items:center;border:0;aspect-ratio:1/1}.home-layout{position:relative}.layout-toggle{z-index:50;display:inline-flex;gap:8px;background-color:rgb(13,0,255);padding:12px;height:100%}.layout-toggle button{border:0;background:transparent;color:#fffef3;padding:6px 12px;border-radius:999px;font-size:11rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;display:flex;justify-content:center;align-items:center}.layout-toggle button.is-active{background:#fffef3;color:#121212}.layout-toggle button:not(.is-active):hover{background:#fffef392;color:#121212}.mwg_effect038{background:#121212;color:#f1f1f1}.mwg_effect038 .pin-height{height:300vh;overflow:hidden}.mwg_effect038 .container{white-space:nowrap;width:max-content;height:100vh;display:flex}.mwg_effect038 .project{position:relative;height:100%;min-width:4vw;border-right:1px solid rgba(255,255,255,.3);text-decoration:none;color:inherit}.mwg_effect038 .project:not(.on){color:rgba(255,255,255,.3)}.mwg_effect038 .project:not(.on) .media,.mwg_effect038 .project:not(.on) .year{display:none}.mwg_effect038 .datas{position:absolute;bottom:0;left:2vw;font:500 normal 2vw/2.6vw General-sans-Variable,sans-serif;letter-spacing:-.03em;transform:rotate(-90deg);transform-origin:0 50%;width:calc(100vh - 2.6vw);display:flex;justify-content:space-between}.mwg_effect038 .media{height:calc(100% - 2.6vw);width:auto;margin:1.3vw 1.3vw 0 4vw;object-fit:cover;border-radius:.6vw}@media (max-width:768px){.mwg_effect038 .pin-height{height:auto}.mwg_effect038 .container{height:auto;white-space:normal;width:100%;flex-direction:column}.mwg_effect038 .project{border-right:0;border-top:1px solid rgba(255,255,255,.3)}.mwg_effect038 .project:not(.on){color:#f1f1f1}.mwg_effect038 .project:not(.on) .media,.mwg_effect038 .project:not(.on) .year{display:block}.mwg_effect038 .datas{position:relative;transform:none;left:auto;margin:30px 15px 15px;font-size:28px;line-height:30px;width:auto;display:block}.mwg_effect038 .media{margin:15px;width:calc(100% - 30px);height:auto;aspect-ratio:1.8}}.mwg_effect030{min-height:var(--app-vh);width:100vw;padding:3%;display:flex;align-items:center;position:relative;overflow:hidden;font:400 normal 15px/normal General-sans-Variable,sans-serif;letter-spacing:-.03em;background:#fffef3;color:#121212}.mwg_effect030 .list-viewport{width:100%;height:min(72vh,820px);max-height:min(72vh,820px);overflow:hidden;position:relative;overscroll-behavior:none;touch-action:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,black 14%,black 86%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 14%,black 86%,transparent)}.mwg_effect030 ul{width:100%;margin:0;padding:0;list-style:none;will-change:transform}.mwg_effect030 ul li{display:flex;gap:15px;width:100%;border-top:1px solid rgba(255,255,255,.3);padding:1vw 1vw 1vw 0;cursor:pointer;will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:opacity .12s linear;transition:padding .2s ease}.mwg_effect030 ul li.is-active{opacity:1!important}.mwg_effect030 ul li.is-hovered{background-color:#0d00ff;color:#fffef3;padding:1vw}.mwg_effect030 ul li .mwg-link{display:flex;gap:15px;width:100%;color:inherit;text-decoration:none}.mwg_effect030 ul li span:first-child{width:25%}.mwg_effect030 ul li span:nth-child(3){text-align:right;flex:1 1;visibility:hidden}.mwg_effect030 ul li.is-hovered span:nth-child(3){visibility:visible}.mwg_effect030 .media-container{position:absolute;width:24vw;height:24vw;right:16%;top:0;pointer-events:none;overflow:hidden;visibility:hidden}.mwg_effect030 .media-container.on{visibility:visible}.mwg_effect030 .media-container div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:translateY(-100%)}.mwg_effect030 .media-container img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;transform:translateY(90%)}.mwg_effect030 .medias img{width:1px;height:1px;top:0;left:0;position:absolute;visibility:hidden;pointer-events:none}@media (max-width:768px){.mwg_effect030 .list-viewport{height:min(58vh,520px);max-height:min(58vh,520px)}.mwg_effect030 ul li span:first-child{flex:2 1}.mwg_effect030 ul li span:nth-child(2){display:none}.mwg_effect030 ul li span:nth-child(3){visibility:visible}}.menuItems button:hover,.menuItems div:hover{background-color:#fffef3;color:rgb(13,0,255)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only,body.is-overlay-open{overflow:hidden}.info-overlay{z-index:80}.contact-overlay,.info-overlay{position:fixed;inset:0;display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-overlay{z-index:81}.infoImageOverlay{width:100%;height:100%;background-image:url(/img/Profile.png);background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;z-index:2}.info-video{width:100%;height:100%;object-fit:cover}.profileEffect{position:relative;width:30vw;height:100%;border-bottom:10px solid #0d00ff}.infovideoOverlay{width:100%;height:100%;z-index:1}.info-panel{height:30vh;width:100vw;margin:0 auto;position:relative;overflow:hidden;flex-direction:row;gap:0}.info-close,.info-panel{color:#fffef3;display:flex}.info-close{font-size:var(--fs-link);cursor:pointer;background-color:rgb(13,0,255);padding:8px 12px;width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center;border:0;aspect-ratio:1/1;position:fixed;top:1vw;right:1vw;z-index:30}.info-container{width:35vw;padding:2%;display:flex;flex-direction:column;gap:1vh;background-color:#FFFEF3;color:#1c1c1c;border-bottom:10px solid #0d00ff;text-align:right}.info-container.info2{text-align:right;justify-content:end}.info-container.info1{text-align:left;justify-content:start}.contact-panel{min-height:30vh;width:100vw;margin:0 auto;color:#fffef3;position:relative;overflow:hidden;display:flex;flex-direction:row;gap:0}.contact-panel :nth-child(2){z-index:1}.contact-panel :nth-child(3){z-index:0}.contact-close{font-size:var(--fs-link);cursor:pointer;background-color:rgb(13,0,255);color:#fffef3;padding:8px 12px;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;border:0;aspect-ratio:1/1;position:fixed;top:1vw;right:1vw;z-index:30}.contact-container{width:50vw;padding:5%;display:flex;flex-direction:column;justify-content:start;gap:1vh;background-color:#fffef3;color:#1c1c1c;border-bottom:10px solid #0d00ff;text-align:center}.contact-label{font-family:Roboto-Mono-Variable,monospace;font-size:11rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(28,28,28,.7)}.contact-link{font-family:General-sans-Variable,sans-serif;font-size:26rem;line-height:1.2;width:-moz-fit-content;width:fit-content;margin:0 auto;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.contact-link:hover{color:#0d00ff;border-color:#0d00ff}@media (max-width:900px){.home-layout,.info-panel{min-height:var(--app-vh)}.info-panel{width:100vw;height:var(--app-vh);flex-direction:column;overflow-y:auto}.info-container{width:100%;min-height:28vh;padding:24px 18px}.profileEffect{width:100%;min-height:34vh}.info-close{top:12px;right:12px}.contact-panel{min-height:auto;flex-direction:column}.contact-container{width:100%}}.frame{width:100%;position:fixed;padding:var(--margin);top:0;z-index:9;font-size:var(--fs-frame);text-transform:uppercase;display:flex;align-items:flex-start;justify-content:space-between}.frame .frame-left{display:flex;align-items:center;gap:20rem}.frame .frame-left h1 a:after,.frame .frame-left>a:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform 1s cubic-bezier(.35,.42,0,1)}.frame .frame-left h1 a:hover:after,.frame .frame-left>a:hover:after{transform:scaleX(1);transform-origin:100% 50%}#hero{width:100vw;height:var(--app-vh);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:row}#hero.infinite-grid{opacity:0;transition:opacity .6s ease}#hero.infinite-grid.is-visible{opacity:1}.menu{left:0;top:0;height:var(--app-vh)!important;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:start;justify-content:space-between;color:#FFFEF3;padding:3%;cursor:default}.menu,.name{position:absolute;z-index:20}.name{top:3%;left:3%;color:rgb(13,0,255);-webkit-user-select:none;-moz-user-select:none;user-select:none}#hero #images{width:100%;height:var(--app-vh);display:inline-block;white-space:nowrap;position:relative;background-color:#fffef3;touch-action:none}#hero #images .item{position:absolute;top:0;left:0;white-space:normal;cursor:pointer;aspect-ratio:16/9}#hero #images .item,#hero #images .item .item-wrapper{will-change:transform}#hero #images .item .item-image{overflow:hidden;aspect-ratio:16/9}#hero #images .item .item-image img{width:100%;height:100%;object-fit:cover;will-change:transform}#hero #images .item small{width:100%;display:block;font-size:8rem;line-height:1.25;margin-top:12rem}#hero #images .item small .line-mask,#hero #images .item small .line-mask .line{transition:transform 2s var(--in-out)}#hero #images .item small:not(.visible) .line-mask{transform:translateY(100%)}#hero #images .item small:not(.visible) .line-mask .line{transform:translateY(110%)}html.dragging #hero{cursor:-webkit-grabbing;cursor:grabbing}.mwg-effect-locked,.mwg_effect019{overflow:hidden}.mwg_effect019{display:flex;flex-direction:column;align-items:start;justify-content:space-between;color:#FFFEF3;background:#1c1c1c;min-height:100vh;padding:3%;column-gap:3%;position:relative}.mwg_effect019 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mwg_effect019 .texts{width:30vw;text-align:left}.mwg_effect019 .mwg-back{color:#f1f1f1;text-decoration:none;text-transform:uppercase;letter-spacing:-.01em;font-size:12px;border:1px solid rgba(241,241,241,.35);padding:8px 12px;border-radius:999px;transition:color .2s ease,border-color .2s ease,background .2s ease}.mwg_effect019 .mwg-back:hover{color:#121212;background:#f1f1f1;border-color:#f1f1f1}.mwg_effect019 .content{display:flex;flex-direction:column;row-gap:25px;height:max-content;margin:0 auto;padding-bottom:25px;will-change:transform}.mwg_effect019 .container{height:100vh;will-change:transform}.mwg_effect019 .media{overflow:hidden;pointer-events:none;background:#1f1f1f;min-height:40vh;transition:.5s ease-in-out}.mwg_effect019 img,.mwg_effect019 video{width:100%;height:100%;object-fit:cover;display:block}.mwg_effect019 .texts .span4{display:block;text-align:left;margin-top:2vh;width:80%}@media (max-width:900px){.mwg_effect019{padding:16px 16px 24px;overflow:visible}.mwg_effect019 .ArticleData{display:flex;flex-direction:column;gap:18px}.mwg_effect019 .header{width:100%}.mwg_effect019 .ProjectTitle{margin-top:8px}.mwg_effect019 .ProjectTitle h1{font-size:clamp(34px,12vw,56px);line-height:.95}.mwg_effect019 .TagsProject{margin-top:12px;margin-bottom:0}.mwg_effect019 .texts{width:100%}.mwg_effect019 .texts .span4{margin-top:10rem;width:100%;font-size:15px;line-height:1.5}.mwg_effect019 .container,.mwg_effect019 .content{width:100%;height:-moz-fit-content;height:fit-content}.mwg_effect019 .content{row-gap:14px;padding-bottom:0}.mwg_effect019 .media{min-height:0;aspect-ratio:16/10}.mwg_effect019 .buttonBackToProjects{width:52px;height:52px;margin-bottom:10px}.project-link-button{margin-top:14px;width:100%;padding:12px 14px;font-size:12px}}.buttonContainer{display:flex;width:-moz-fit-content;width:fit-content}.buttonsHeader{display:flex;align-items:center;justify-content:start;gap:3%;margin-top:3%}.button{background-color:#fffef3;color:#1c1c1c}.button,.project-link-button{padding:8px 12px;width:-moz-fit-content;width:fit-content}.project-link-button{display:inline-flex;align-items:center;justify-content:center;font-family:Roboto-Mono-Variable,monospace;font-size:11rem;text-transform:uppercase;letter-spacing:.08em;transition:background-color .2s ease,color .2s ease;aspect-ratio:1/1;background-color:#121212}.project-link-button img{width:18px;height:18px}.project-link-button:hover{background-color:#0d00ff;color:#fffef3}.buttonBackToProjects{aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:3}.buttonBackToProjects .back-icon-window{width:18px;height:18px;overflow:hidden;display:inline-flex}.buttonBackToProjects .back-icon-track{display:inline-flex;gap:0}.buttonBackToProjects img{width:18px;height:18px;display:block;flex:0 0 18px}.back-overlay,.buttonContainer.is-animating{pointer-events:none}.back-overlay{position:fixed;inset:0;background:#121212;opacity:0;transform:scaleX(0);z-index:2}.ArticleData{width:100%;gap:3%}.ProjectPost{background-color:#fffef3;height:100vh;padding:3%;overflow:hidden}.grid-transition-overlay{position:fixed;inset:0;background:#0b0b0b;opacity:0;z-index:9998;pointer-events:none}.grid-transition-overlay--blue{background:#0d00ff}.grid-transition-button{position:fixed;width:120px;height:120px;background:#fffef3;display:inline-flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;transform:translateZ(0);will-change:width,height}.grid-transition-icon-window{width:120px;height:120px;overflow:hidden;display:inline-flex}.grid-transition-icon-track{display:inline-flex;flex-wrap:nowrap;will-change:transform}.grid-transition-icon{width:120px;height:120px;display:block;flex:0 0 120px;transform:scaleX(-1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scaleX(-1);shape-rendering:geometricPrecision}.grid-transition-icon--normal{transform:none}.grid-transition-icon--rot180{transform:rotate(180deg)}.grid-transition-clone{position:fixed;z-index:9999;overflow:hidden;border-radius:10px}.grid-transition-clone img{width:100%;height:100%;object-fit:cover;display:block}