:root{--pure-white:#fff;--white:#f5f7f9;--base-50:#e8e9ed;--base-100:#b7bbc7;--base-200:#959aab;--base-300:#646c85;--base-400:#46506d;--base-500:#182449;--base-600:#162142;--base-700:#111a34;--base-800:#0d1428;--base-900:#0a0f1f;--primary-50:#efedff;--primary-100:#cdc6ff;--primary-200:#b4aaff;--primary-300:#9284ff;--primary-400:#7d6cff;--primary-500:#5c47ff;--primary-600:#5441e8;--primary-700:#4132b5;--primary-800:#33278c;--primary-900:#271e6b;--background:#fcfdff;--stroke:#eff4ff;--card-bkg:#fcfdff;--card-stroke:#eff4ff;--border-radius:10px;--shadow-color:210deg 7% 65%;--shadow-elevation-medium:0.1px 0.5px 0.6px hsl(var(--shadow-color)/0.28),0.1px 1.1px 1.2px -0.7px hsl(var(--shadow-color)/0.27),0.3px 2.2px 2.4px -1.4px hsl(var(--shadow-color)/0.26),0.6px 4.5px 4.9px -2.1px hsl(var(--shadow-color)/0.25),1.2px 8.7px 9.6px -2.7px hsl(var(--shadow-color)/0.24);--unit-xs:2px;--unit-s:4px;--unit-m:8px;--unit-l:12px;--unit-xl:16px;--unit-2xl:20px;--unit-3xl:32px;--unit-4xl:48px;--unit-5xl:64px;--unit-6xl:96px;--unit-7xl:128px}.block{display:block}.vertical{flex-direction:column}.centered{align-items:center;justify-content:center}.horizontal{flex-direction:row}.right{align-items:flex-end}.hcenter{justify-content:center}.vcenter{align-items:center}.padleft{padding-left:5%}.padright{padding-right:5%}.t-center{text-align:center}.no-margin{margin:0}.gap-small{gap:24px}.border-light{border:1px solid var(--base-50)}.flex{display:flex}.flex.f-row{flex-direction:row}.flex.f-col{flex-direction:column}.flex.f-center{justify-content:center}.flex.f-center,.flex.f-center-h{align-items:center}.flex.f-center-w{justify-content:center}.flex.f-wrap{flex-wrap:wrap}.flex.f-end{justify-content:end}.flex.f-start{justify-content:start}.flex.f-between{justify-content:space-between}.flex.f-around{justify-content:space-around}.flex.gap-xs{gap:var(--unit-xs)}.flex.gap-s{gap:var(--unit-s)}.flex.gap-m{gap:var(--unit-m)}.flex.gap-l{gap:var(--unit-l)}.flex.gap-xl{gap:var(--unit-xl)}.flex.gap-2xl{gap:var(--unit-2xl)}.flex.gap-3xl{gap:var(--unit-3xl)}.flex.gap-4xl{gap:var(--unit-4xl)}.flex.gap-5xl{gap:var(--unit-5xl)}.flex.gap-6xl{gap:var(--unit-6xl)}.full-width{width:100%}.full-height{height:100%}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0!important;display:none}@keyframes moveArrowX{0%{transform:translateX(0);opacity:0}50%{transform:translateX(5px);opacity:1}to{transform:translateX(10px);opacity:0}}@keyframes moveArrowY{0%{transform:translateY(0);opacity:0}50%{transform:translateY(5px);opacity:1}to{transform:translateY(10px);opacity:0}}*{font-size:1em;margin:0}ul{list-style:square}u{text-underline-offset:.2em}li,p{font-weight:400}b{font-weight:500}small{font-size:.8em}a{color:var(--base-500);text-decoration:none;line-height:1.2em}form{font-family:Sora}.h1,h1{font-family:murmure;font-size:11em}h2{font-weight:500}h2,h3{font-size:3em}h3,h4{font-weight:700}h4{font-family:Sora;font-size:1.5em}h5{font-size:24px;font-weight:500;line-height:2.5rem}a,a *,button,button *,input,input *,label,label *{cursor:pointer}mark{background-color:var(--primary-100)}.container{max-width:1440px;margin:auto;padding:0 100px;box-sizing:border-box}.purple{color:var(--primary-500)}.whitecolor{color:var(--white)}.color-primary{color:var(--primary-500)}.aligncta{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aligncta>*{flex-shrink:0;flex-grow:1}button:focus,input:focus,select:focus,textarea:focus{outline:none}input{border:none;background:#fff;display:none}input:checked+.cube{transform:translate(-5px,-5px)}input:checked+.cube:before{width:calc(100% + 5px);height:calc(100% + 5px)}input:checked+.cta:before{opacity:1}input:checked+.cta,input:checked+.cta *{color:var(--white)}.zhg{display:inline-block}b .zhg{font-weight:700}.round{border-radius:var(--border-radius);overflow:hidden}body{overflow-x:hidden;background:var(--white);color:var(--base-500);transition:background .7s ease;text-rendering:geometricPrecision!important;-webkit-font-smoothing:antialiased;font-family:Sora}body[data-skin=dark]{background:var(--base-900);color:var(--white)}body[data-skin=dark] a{color:var(--white)}body[data-skin=dark] #windowIco span{background-color:var(--white)!important}body[data-skin=dark] #menu p{color:var(--white)}body[data-skin=dark] #menu #homeButton svg{fill:var(--white)}body[data-skin=dark] #menu #NLogo p{color:var(--white)}body[data-skin=dark] #menu #NLogo svg{fill:var(--white)}body[data-skin=dark] .discrete{color:var(--white)}body[data-skin=dark] #loaderPage #loadPercent,body[data-skin=dark] #loaderPage .backPlanes:last-of-type{background-color:var(--base-900)!important}body[data-skin=dark] #bars span{background:var(--white)!important}body[data-skin=dark] #bars.active span{background:var(--base-500)!important}body[data-skin=dark] #project,body[data-skin=dark] #suggest{background:var(--base-900)}body[data-skin=dark] #suggest .project-thumbnail{box-shadow:none}body[data-skin=dark] .vimeo{background:var(--base-900)}body[data-skin=dark] .article .pointer span{background-color:var(--white)}body[data-skin=dark] .article .pointer span:before{background:var(--white)}body[data-skin=dark] .mainTitle:after{background-image:linear-gradient(0deg,var(--base-900),hsla(0,0%,95%,0) 30%,hsla(0,0%,95%,0) 90%,var(--base-900))}body[data-skin=dark] .gallery section{border:.5px solid #282828}body[data-skin=dark] .socialsIcons .ico span{background-color:var(--white)}body[data-skin=default]{background:var(--white);color:var(--base-500)}body[data-skin=default] #windowIco span{background-color:var(--base-500)}body[data-skin=default] #menu p{color:var(--base-500)}body[data-skin=default] .discrete{color:var(--base-400)}body[data-skin=default] #loaderPage #loadPercent{background-color:var(--white)}body[data-skin=whiteMenu] #bars:not(.active) span{background:var(--white)!important}footer{width:100vw;display:flex;padding:3vw 6vw;min-height:25vh;box-sizing:border-box;justify-content:space-evenly;color:var(--base-500)}footer>section:before{content:"";display:block;height:2px;width:120%;background:var(--base-500);margin-bottom:20px;margin-left:-10%}footer a{line-height:23px;text-decoration:none;cursor:pointer}footer .ico{margin:0 3px}footer .ico:hover:before{transform:scale(1);border-radius:0}footer #footer_social{display:flex;flex-direction:row;justify-content:space-around}#signature{display:flex;flex-direction:row;margin:30px;justify-content:center;align-items:center}#signature span{height:1px;background:var(--base-400);display:block;width:30px;margin:0 10px}.hoverSquare{width:100%;height:100%;position:absolute;z-index:-1;top:-45%;left:-30%}.hoverSquare,.hoverSquare>*{cursor:pointer}.hoverSquare span{border-radius:calc(var(--border-radius)/2);width:100%;height:100%;display:block;border:1px solid var(--primary-500)}.hoverSquare span:last-of-type{position:absolute;top:30%;left:30%}.ico{display:inline-block;position:relative;flex-shrink:0}.ico img{width:20px;height:20px;margin:5px;vertical-align:top;object-fit:contain}.ico:before{width:100%;height:100%;top:0;left:0;z-index:-2;border-radius:20em;transition:transform .2s ease-out,border-radius .2s ease;transform:scale(0)}.highlight:before,.ico:before{content:"";position:absolute;display:block}.highlight:before{width:3em;height:.5em;background:#ff5252;top:50%;z-index:0}iframe.normal{height:50vh}.justifyGallery{position:relative}.discrete,.discrete *{color:var(--base-400)}.surligneur{position:relative}.surligneur:before{content:"";position:absolute;display:block;width:0;margin-left:-6px;height:10%;left:0;bottom:-3px;background-color:var(--primary-500);z-index:-2;transition:width .2s ease;max-height:10px}.surligneur.active:before,.surligneur:hover:before{width:100%}.surligneur.nomargin:before{margin-left:0}.surligneur.overlay:before{transition:height .1s ease-in}.surligneur.overlay:hover:before{height:100%}span.dottySeparator{margin:0 10px;display:block;width:5px;height:5px;border-radius:1px;background-color:var(--primary-500)}span.lineSeparator{display:block;margin:0 7px;width:1px;height:30px;background-color:var(--primary-50)}#project{background:var(--white);position:relative;max-width:100vw;overflow:hidden;margin-top:60vh}#project .projectWrapper .vimeo .iframePlaceholder .picPlaceholder{object-fit:cover}#project .projectWrapper>div{display:flex;align-items:center;justify-content:center}#projects{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-end;max-width:1920px;margin:130vh auto auto}.contentBody,.contentHeader{padding:0 8px;box-sizing:border-box}.picLink{position:relative;cursor:pointer}.picLink img{max-height:none!important}.picLink span{opacity:0;transition:opacity .3s ease;display:block;position:absolute;bottom:0;right:0;background:var(--white);width:30px;height:30px;margin:10px}.picLink:hover span{opacity:0}textarea{font-family:Sora,sans-serif}.rotate{animation-name:rotate;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:linear}@media screen and (orientation:portrait){section.not-found{flex-direction:column-reverse}#resume-grid{grid-template-rows:auto auto;grid-template-columns:none;justify-items:center;padding:0;width:100%}#resume-wrapper{width:100%;position:relative}#resume-portrait{height:auto}#resume-content{margin-top:0;grid-template-columns:repeat(2,1fr)}#resume-content #signature{padding:0;position:relative;margin-top:90px}#resumejus{width:100%;justify-content:space-evenly}#resume-header p{white-space:normal}#resume-portrait{width:100%;position:relative;right:0;pointer-events:none}#laos_features{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}#laos_typo .body section:nth-child(2){margin:10% 0}}.article .gallery{margin:2.5px 0;overflow:hidden}.article .gallery img{transition:transform .75s cubic-bezier(.22,.375,.205,1);object-fit:cover;width:100%;height:100%;max-width:none;max-height:none;cursor:pointer}@media(hover:hover){.article .gallery img{transform:scaleX(1)}.article .gallery img:hover{transform:scale3d(1.02,1.02,1.02)}}.article .gallery .imgWrapper{margin:0}.article .gallery.base,.article .gallery.split{display:grid;grid-gap:5px;box-sizing:border-box;grid-auto-flow:column}.article .gallery.base{display:grid;justify-items:center;align-items:center}.article .gallery.split{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.article .gallery.window{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;grid-row-gap:5px;row-gap:5px;margin-bottom:5px}.article .gallery.column{display:flex;flex-direction:column}.article .gallery .master{grid-column:span 2;grid-row:span 2}.article .gallery .master.vertical{grid-column:1}.article .gallery.base>*,.article .gallery.split>*{flex:1 1;flex-basis:50%}.article .gallery section,.article .gallery>*{width:100%;height:100%}.article .gallery>section{border:1px solid #ebebec}.article .gallery section{box-sizing:border-box;position:relative;overflow:hidden}.fullview{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999989;display:grid;grid-template-rows:90% 10%;overflow-x:scroll;overflow-y:hidden;align-content:space-between;box-sizing:border-box;padding:40px 60px 40px 45px}.fullview .fullview_bkg{background:rgba(0,0,0,.89);width:100%;height:100%;position:absolute;display:block;z-index:0}.fullview .close{cursor:pointer;position:absolute;z-index:3;top:0;right:0;width:20px;height:20px;display:flex;margin:35px 30px}.fullview .close span{cursor:pointer;border-radius:10em;width:100%;height:2px;background-color:#fff;display:block;position:relative}.fullview .close span:first-of-type{transform:rotate(45deg)}.fullview .close span:last-of-type{position:absolute;transform:rotate(-45deg)}.fullview::-webkit-scrollbar{height:0!important;display:none}.fullview img{height:100%}.fullview .mainframe{position:relative;display:flex;align-content:center;justify-content:center;box-sizing:border-box;padding-bottom:3%;height:75vh;pointer-events:none}.fullview .mainframe img{pointer-events:auto;position:absolute;cursor:ew-resize}.fullview .thumbnails{position:relative;display:flex;flex-direction:row;max-height:25vh;box-sizing:border-box;pointer-events:none}.fullview .thumbnails img{pointer-events:auto}.fullview .thumbnails.center{justify-content:center}.fullview .thumbnails>*{overflow:hidden;margin:0 10px;border-radius:5px}@media(hover:hover){.fullview .thumbnails>* img{transform:scaleX(1)}.fullview .thumbnails>:hover img{transform:scale3d(1.05,1.05,1.05)}}.fullview .thumbnails>* img{border-radius:5px;transition:transform .2s ease-out}@media only screen and (max-width:825px){.gallery.split{display:flex;flex-direction:column;grid-auto-flow:row;grid-template-columns:none;height:-webkit-fill-available}.gallery.window{margin-bottom:0!important}}@media only screen and (max-width:500px){.article .gallery.window{display:flex;flex-direction:column;grid-template-columns:none}.article .gallery.split,.article .gallery.window{grid-auto-flow:row;grid-template-columns:none}.article .gallery.base{display:flex;flex-direction:column;grid-auto-flow:row}.article .gallery.base .master{grid-column:span 1;grid-row:span 1}}#category_menu{position:fixed;width:100%;top:1.5%;left:0;display:flex;justify-content:center;z-index:4;text-align:center}#category_menu .hoverSquare{z-index:0}#category_menu a,#category_menu a *{transition:color 0s ease}#category_menu .cacheBold{opacity:0;pointer-events:none;letter-spacing:1px}#category_menu ul{box-sizing:border-box;box-shadow:0 3px 4px rgba(2,9,43,.122);border:1px solid var(--card-stroke);background:#fff;list-style:none;pointer-events:auto;padding:11px;border-radius:5px;box-shadow:0 3px 4px rgba(2,9,43,.149),inset 0 0 1px rgba(0,0,0,.231)}#category_menu ul,#category_menu ul li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;flex-direction:row;justify-content:center}#category_menu ul li{position:relative;height:100%;padding:5px 15px;overflow:hidden}#category_menu ul li:before{content:"";position:absolute;width:100%;height:100%;display:block;background-color:var(--primary-50);border-radius:4px;box-sizing:border-box;transform:scale3d(0,0,0);transition:transform .2s ease-out}#category_menu ul li.active:before{transform:scaleX(1)}#category_menu ul li.active a{color:var(--primary-500)}#category_menu ul li.active a small:last-of-type{letter-spacing:1px}#category_menu ul li.active,#category_menu ul li.active *{font-weight:700}#category_menu img{height:100%;position:relative}#category_menu a{display:flex;justify-content:center;white-space:nowrap;position:relative}@media(hover:hover){#category_menu a:hover{color:var(--primary-500)}#category_menu a:hover small:last-of-type{letter-spacing:1px}}#category_menu a small:last-of-type{position:absolute;letter-spacing:normal;transition:letter-spacing .5s cubic-bezier(.48,.12,.07,1)}.socialsIcons{display:flex;align-items:center;flex-direction:row}.socialsIcons span{cursor:pointer}.socialsIcons .ico{margin:0 8px;opacity:.6;transition:opacity .2s ease}@media(hover:hover){.socialsIcons .ico:hover{opacity:1}}.socialsIcons .ico span{width:16px;height:16px;display:block;background-color:var(--base-900);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.socialsIcons .ico span[data-social=behance]{-webkit-mask-image:url(/_next/static/media/behance.04d95ad0.svg);mask-image:url(/_next/static/media/behance.04d95ad0.svg)}.socialsIcons .ico span[data-social=linkedin]{-webkit-mask-image:url(/_next/static/media/linkedin.1ee0bd90.svg);mask-image:url(/_next/static/media/linkedin.1ee0bd90.svg)}.socialsIcons .ico span[data-social=twitter]{-webkit-mask-image:url(/_next/static/media/twitter.73ea3ffc.svg);mask-image:url(/_next/static/media/twitter.73ea3ffc.svg)}.socialsIcons .ico span[data-social=pinterest]{-webkit-mask-image:url(/_next/static/media/pinterest.d8a00149.svg);mask-image:url(/_next/static/media/pinterest.d8a00149.svg)}.socialsIcons .ico span[data-social=vimeo]{-webkit-mask-image:url(/_next/static/media/vimeo.aecf4711.svg);mask-image:url(/_next/static/media/vimeo.aecf4711.svg)}.socialsIcons .ico span[data-social=artstation]{-webkit-mask-image:url(/_next/static/media/artstation.91376159.svg);mask-image:url(/_next/static/media/artstation.91376159.svg)}.socialsIcons .ico span[data-social=mail]{-webkit-mask-image:url(/_next/static/media/mail.87525bc8.svg);mask-image:url(/_next/static/media/mail.87525bc8.svg)}.socialsIcons .ico span[data-social=instagram]{-webkit-mask-image:url(/_next/static/media/instagram.f8293579.svg);mask-image:url(/_next/static/media/instagram.f8293579.svg)}#menu{position:fixed;z-index:99999;flex-direction:row;align-content:center;justify-content:space-between;flex-wrap:nowrap;top:25px;box-sizing:border-box;padding:0 2%;color:var(--base-500)}#menu,#menu>div{display:flex;width:100%;align-items:center;pointer-events:none}#menu>div{margin:auto}#menu *{pointer-events:auto}#menu #NLogo{display:flex;flex-direction:row;gap:6px;align-items:center}#menu #NLogo p{width:-webkit-max-content;width:max-content;font-size:.7em;line-height:1.2em;max-width:60vw}#menu #NLogo svg{transition:fill .15s ease;fill:var(--base-500);height:30px;overflow:inherit}@keyframes floatPos{to{transform:translate3d(0,50px,0)}}@keyframes floatNeg{to{transform:translate3d(0,-50px,0)}}#menu #NLogo svg rect{transform:translateZ(0);animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@media(hover:hover){#menu #NLogo:hover p{color:var(--primary-500)}#menu #NLogo:hover svg{fill:var(--primary-500)}#menu #NLogo:hover svg rect:first-of-type{animation-name:floatPos}#menu #NLogo:hover svg rect:last-of-type{animation-name:floatNeg}}#menu #homeButton{display:flex;flex-direction:row;-webkit-user-select:none;-ms-user-select:none;user-select:none;align-items:center}#menu #homeButton,#menu #homeButton *{cursor:pointer}#menu #homeButton svg{width:24px;height:24px;fill:var(--base-400);transition:fill .1s ease}#menu #homeButton small{transition:color .1s ease;font-weight:700}#menu.white #NLogo p{color:var(--white)}#menu.white #NLogo svg{fill:var(--white)}#menu.white .topArea #bars:not(.active) span{background:var(--white)}#menu.white #homeButton small{color:#fff}#menu.white #homeButton svg{fill:#fff}#menu .topArea{display:flex;flex-direction:column;align-items:center;row-gap:15px;width:100%;height:30px;justify-content:center;pointer-events:none}#menu .topArea>*{pointer-events:auto}#menu .topArea #bars{align-self:flex-end;width:40px;position:relative;transition:margin,.3s ease-out;cursor:pointer}#menu .topArea #bars:not(.active):hover .default span{width:100%!important}#menu .topArea #bars span{transition:width .2s ease-out,transform .15s ease-out;transform:rotate(0deg);display:block;background:var(--base-500);width:100%;border-radius:10em;height:3px}#menu .topArea #bars .default span:last-of-type{margin-top:5px;width:70%;margin-right:0;float:right}#menu .topArea #bars .close{display:flex;align-items:center;justify-content:center}#menu .topArea #bars .close span{position:absolute;width:0}#menu .topArea #bars .close span:first-of-type{transform:rotate(45deg)}#menu .topArea #bars .close span:last-of-type{transform:rotate(-45deg)}#menu .topArea #bars.active .default span{width:0}#menu .topArea #bars.active .close span{transition-delay:.3s;width:70%}#menu a.active #windowIco>span:first-of-type,#menu a.active #windowIco>span:nth-of-type(2),#menu a.active #windowIco>span:nth-of-type(3),#menu a.active #windowIco>span:nth-of-type(4){background-color:var(--primary-500)!important}#menu #windowIco{padding-top:15px;width:25px;height:25px;display:block;cursor:pointer;position:relative}#menu #windowIco span{position:relative;transition:background .2s ease;border-radius:100%;box-sizing:border-box;padding:1.3px;display:block;float:left;background:var(--base-500);background-clip:content-box;width:50%;height:50%;transition:padding .1s ease-out;animation-duration:.15s;animation-direction:alternate;animation-iteration-count:4;animation-fill-mode:backwards}#menu #windowIco span:nth-of-type(2),#menu #windowIco span:nth-of-type(3){border-radius:0}#menu #windowIco span:first-of-type,#menu #windowIco span:nth-of-type(2){animation-delay:.5s}#menu #windowIco span:nth-of-type(3),#menu #windowIco span:nth-of-type(4){animation-delay:.2s}#menu #windowIco:hover>span:first-of-type,#menu #windowIco:hover>span:nth-of-type(2),#menu #windowIco:hover>span:nth-of-type(3),#menu #windowIco:hover>span:nth-of-type(4){background-color:var(--primary-500)!important}#menu #windowIco:hover span{padding:.4px;animation-play-state:running;animation-name:wiggleOpa}@keyframes wiggleOpa{0%{opacity:1}to{opacity:.1}}#menuPanel{width:100vw;height:100vh;position:fixed;top:0;z-index:9999}#menuPanel img[alt=sphere]{position:fixed;width:40vw;top:-10%;left:-10%;z-index:2}#menuPanel img[alt=sphere]:last-of-type{width:40vw;top:30%;left:80%}#menuPanel>div{display:block;position:absolute;z-index:4;top:0;width:100%;height:100%;overflow:hidden}#menuPanel>div:first-of-type{background:var(--primary-500)}#menuPanel>div:last-of-type{background:var(--white);background-size:cover;background-position:0;overflow-y:auto}#menuPanel>div:last-of-type::-webkit-scrollbar{width:0!important;display:none}#menuPanel>div:last-of-type{scroll-behavior:smooth}#menuPanel>div h1{font-weight:200}#menuPanel>div a,#menuPanel>div h1{display:inline;letter-spacing:normal;line-height:normal;position:relative;cursor:pointer}#menuPanel>div a.active:before,#menuPanel>div h1.active:before{content:"";border-radius:10em;position:absolute;bottom:1em;left:-10%;display:block;height:10%;max-height:6px;width:100%;background:var(--primary-500)}#menuPanel #labelContent{display:flex;flex-direction:row;position:-webkit-sticky;position:sticky;margin-left:30%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:50%;transform:translateY(-50%)}#menuPanel #labelContent>*{position:relative;margin-left:8em}#menuPanel #labelContent a{color:var(--base-500)}#menuPanel .cacheScroll{height:200vh;width:1px;display:block;position:absolute}#phoneMenu{display:none;position:fixed;right:0;top:0;width:100%;height:100vh;z-index:9;background-color:var(--white);pointer-events:none;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}#phoneMenu.on,#phoneMenu.on li{pointer-events:auto;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}#phoneMenu>section:last-of-type{height:100%;display:flex;justify-content:center;align-items:center}#phoneMenu li{line-height:normal;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out;transition-delay:.2s}#phoneMenu li:nth-child(2){transition-delay:.3s}#phoneMenu li:last-child{transition-delay:.4s}#phoneMenu ul{list-style:none;padding:0}#menuLines{display:none;width:40px;height:38px;position:fixed;top:0;right:0;margin:20px;z-index:10}#menuLines span{width:100%;height:33.3333333333%;box-sizing:border-box;padding:9% 0;display:block;background-color:var(--base-500);background-clip:content-box;position:absolute;transition:transform .3s ease,background-color .3s ease}#menuLines span:nth-child(2){transform:translateY(100%)}#menuLines span:last-child{transform:translateY(200%)}#menuLines span.on:first-child{transform:translateY(100%) rotate(45deg)}#menuLines span.on:nth-child(2){transform:translateY(100%) scaleX(0)}#menuLines span.on:last-child{transform:translateY(100%) rotate(-45deg)}#resume-portrait h2{font-family:murmure;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;font-size:clamp(50px,3.2vw,100px);position:absolute;margin:3% 1%;color:var(--primary-500);z-index:0}#resume-portrait h2:first-of-type{top:0;left:0}#resume-portrait h2:last-of-type{bottom:0;right:0}#resume-portrait canvas,.dropdown{position:relative}.dropdown.active p svg{transform:rotate(-180deg)}.dropdown.active ul{pointer-events:auto}.dropdown ul{pointer-events:none;list-style:none;position:absolute;width:-webkit-max-content;width:max-content;min-width:70px;padding:5px 10px;z-index:4}.dropdown ul li{box-sizing:border-box;padding:4px 2px;transition:color .2s ease}@media(hover:hover){.dropdown ul li:hover{color:var(--primary-500)}}.dropdown ul li:not(:last-of-type){border-bottom:1px solid var(--card-stroke)}.dropdown p{color:var(--primary-500);text-decoration:underline;display:flex;flex-direction:row;align-items:center}.dropdown p svg{fill:var(--primary-500);transform:rotate(0deg);transition:transform .2s ease-out}.dropdown li,.dropdown p{cursor:pointer}#dotty{width:100%;height:auto;text-align:center}#dotty,#dotty span{position:relative;display:flex;flex-direction:column;align-items:center}#dotty span{width:.5em;height:.5em;border-style:solid;border-width:2px;margin:.3em 0;justify-content:center;transition:background .2s ease,border-radius .2s ease}#dotty span .cross:first-child{transform:rotate(45deg)}#dotty span .cross:last-child{transform:rotate(-45deg)}#dotty .dotactive{background-color:var(--base-500)}#dotty .dotactive_white{background-color:#fff}.slideshow{position:relative}.slideshow .slideDots{margin-top:5px}.slideshow .slideDots span{width:12px;height:12px;display:block;background:transparent;border:2.4px solid #000;float:left;margin:3px 5px 3px 0;transition:background .2s ease}.slideshow .slideDots span.active,.slideshow .slideDots span:hover{background-color:#000}.slideshow .slideContent{overflow:hidden;position:relative}.slideshow .slideContent>div:not(:first-of-type){position:absolute;top:0}.slideshow .slideContent .slideBar{display:block;height:3px;position:absolute;bottom:0;animation-name:load;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes load{0%{width:0}to{width:100%}}.slideshow .slideLegend{position:relative;max-width:40%;bottom:0;right:0;background:#fff;float:right;margin-right:-40px;margin-top:-30px;box-sizing:border-box;padding:10px;box-shadow:6px 4px 14px rgba(0,0,0,.1);color:#000}.slideshow .slideLegend:not(:first-of-type){position:absolute}.slideshow .slideLegend small{z-index:2;position:relative}.slideshow .slideLegend .plane{position:absolute;width:100%;height:100%;top:0;left:0;display:block;z-index:2;background:#fff}.slideshow .slideLegend:before{z-index:0;content:"";background-color:#000;width:calc(100% + 5px);height:calc(100% + 5px);position:absolute;top:0;left:0;-webkit-clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}@media only screen and (max-width:500px){.slideshow .slideLegend{bottom:auto;right:auto;max-width:none;margin:2em 0 0}}.looper{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.looper,.looper span{width:100%;height:100%}.looper span{display:block;background-color:var(--white);background-clip:content-box;box-sizing:border-box;padding:10%;transform:scale(0);border-radius:100%;animation-name:dotLoad;animation-duration:2s;animation-iteration-count:infinite}.looper span:nth-of-type(2){animation-delay:.2s}.looper span:nth-of-type(3){animation-delay:.3s}.looper span:nth-of-type(4){animation-delay:.4s}@keyframes dotLoad{0%{transform:scale(0)}10%{transform:scale(1.2)}50%{transform:scale(1)}70%{transform:scale(1)}80%{transform:scale(1.2)}to{transform:scale(0)}}#loader{position:fixed;top:0;left:0;opacity:1;z-index:998;overflow:auto;pointer-events:none}#loader,#loader>span{width:100%;height:100%;display:block}#loader>span{background-color:var(--primary-500);position:absolute;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}#loader>span:last-of-type{background-color:var(--white)}.project-thumbnail{position:relative;display:inline-block;transition:transform .6s ease-out,opacity .3s ease;z-index:1;box-shadow:var(--shadow-elevation-medium)}.project-thumbnail:before{content:"";width:100%;height:100%;position:absolute;display:block;top:0;left:0;background-color:var(--white);transition:transform .2s ease,width .2s ease,border-radius .2s ease,height .2s ease,padding .2s ease,background .2s ease,-webkit-clip-path .2s ease;transition:transform .2s ease,width .2s ease,border-radius .2s ease,height .2s ease,padding .2s ease,clip-path .2s ease,background .2s ease;transition:transform .2s ease,width .2s ease,border-radius .2s ease,height .2s ease,padding .2s ease,clip-path .2s ease,background .2s ease,-webkit-clip-path .2s ease}.project-thumbnail,.project-thumbnail *{cursor:pointer}.project-thumbnail>div{position:absolute;top:0;left:0;width:100%;height:100%;display:block;overflow:hidden}.project-thumbnail>div>.thumb{opacity:1}.project-thumbnail .project-desc{display:block;position:absolute;width:100%;height:100%;bottom:0;left:0;transition:transform .2s ease-out,opacity .2s ease;opacity:1;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;padding:1em;gap:6px;box-sizing:border-box;filter:drop-shadow(0 3px 4px rgba(0,0,0,.0705882353))}.project-thumbnail .project-desc>*{overflow:visible;line-height:normal;margin:0;box-sizing:border-box;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;opacity:0;transition:opacity .2s ease-out,transform .3s ease-out,-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out,opacity .2s ease-out,transform .3s ease-out;transition:clip-path .3s ease-out,opacity .2s ease-out,transform .3s ease-out,-webkit-clip-path .3s ease-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transform:translate3d(-10px,0,0);border-radius:2.5px;border:none;background:var(--white);color:var(--primary-500);letter-spacing:.1px}.project-thumbnail .project-desc h2{font-size:2em;padding-bottom:-10px}.project-thumbnail .project-desc small{font-weight:500}.project-thumbnail .overlay{border-radius:var(--border-radius)}.project-thumbnail .overlay .thumb{position:absolute;transition:transform .2s ease-in-out;transition-delay:.1s;max-width:none;max-height:none;height:100%}.project-thumbnail .overlay .vimeo{height:100%;display:flex;align-items:center;justify-content:center;margin-bottom:0!important;padding-bottom:0!important;background:var(--base-500)}.project-thumbnail .overlay .vimeo video{width:100%;height:100%;object-fit:cover}.project-thumbnail .overlay .vimeo iframe{align-self:flex-start;flex-shrink:0;max-width:none;height:100%;width:100%;background:transparent}.project-thumbnail .move{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.project-thumbnail .thumb{width:100%;transition:transform .35s ease-out,opacity .35s ease-out;vertical-align:top;position:relative;min-height:31vh;object-fit:cover}.project-thumbnail .iframePlaceholder img{height:100%;object-fit:cover!important}@media(hover:hover){.project-thumbnail:hover{z-index:3}.project-thumbnail:hover>.thumb{opacity:0}.project-thumbnail:hover header.project-desc>*{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translateZ(0);opacity:1}.project-thumbnail:hover header.project-desc>* :nth-child(2),.project-thumbnail:hover header.project-desc>:last-child{transition-delay:.2s}}@media(hover:none){.project-thumbnail .thumb{opacity:0}}.project-banner{position:fixed;background:var(--base-900);width:100%;height:60vh;top:0;box-sizing:border-box;padding:5% 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.project-banner-content{max-width:1280px}.project-banner-content>div{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10%;column-gap:10%;max-width:1000px;justify-items:center}.project-banner-content>div>section{box-sizing:border-box}.project-banner-content>div>section h5{margin-bottom:5px}.project-banner-content>div>section>div{margin-bottom:15px}.project-banner .project_category{flex-wrap:wrap;row-gap:5px}.project-banner .project_category,.project-banner .project_category p{display:flex;flex-direction:row;align-items:center}.project-banner .project_long_desc{font-size:1em}.project-banner:before{content:"";background:var(--base-900);position:absolute;top:0;left:0;width:100%;height:100vh}.project-banner h1{text-align:center;color:var(--white);margin:2% auto;font-size:clamp(80px,13vw,130px);font-weight:100}.project-banner img{position:absolute;top:-5%;left:-10%;width:120%;height:120%;max-width:none;object-fit:cover;opacity:.35;-webkit-user-select:none;-ms-user-select:none;transition:transform .2s ease-out;user-select:none;pointer-events:none}.project-banner>*{position:relative;color:var(--white)}.cat{min-height:100vh;box-sizing:border-box;padding-bottom:10vw;padding-top:5vw;margin-right:8%;width:55%;transition:transform .2s ease}.cat>section:first-child>h1{min-height:10vw;margin-right:20px;margin-left:20px;font-size:6em;max-width:4em;pointer-events:none;color:#fff}.cat .title{color:var(--base-500)}.cat .project-thumbnail{float:right}.cat .linkSlider{display:"inline-block";transition:transform .6s ease-out,opacity .5s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cat .linkSlider *{cursor:pointer}.cta{display:flex;flex-direction:row;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-transform:lowercase;gap:5px;letter-spacing:.8px;position:relative;padding:0 20px;background:#fff;transition:background .2s ease,transform .1s ease-in-out,color .2s ease;border-radius:2.5px;text-align:center;height:42px;min-width:140px;overflow:hidden;box-sizing:border-box}.cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-400);z-index:0;opacity:0;transition:opacity .2s ease-out}.cta>*{position:relative}.cta,.cta *{color:var(--primary-500)}.cta.primary{font-weight:700;background:var(--primary-500)}.cta.primary,.cta.primary *{color:var(--white)}.cta.secondary{border:1px solid var(--primary-500);background:transparent}@media(hover:hover){.cta:hover.secondary{border-color:var(--primary-400)}.cta:hover,.cta:hover *{color:var(--white)}.cta:hover:before{opacity:1}.cta:hover svg{fill:var(--white)}}.button-icon{aspect-ratio:1/1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:100vmax;border-width:1px;border-style:solid;box-sizing:border-box}.button-icon[data-state=default]{transition:fill,background,.2s linear;border-color:var(--primary-500)}.button-icon[data-state=default] svg{fill:var(--primary-500)}.button-icon[data-state=default]:hover{background:var(--primary-500)}.button-icon[data-state=default]:hover svg{fill:var(--primary-50)}.button-icon[data-state=disabled]{border-color:var(--primary-100)}.button-icon[data-state=disabled] svg{fill:var(--primary-100)}.button-icon[data-size=default]{width:var(--unit-2xl)}.button-icon[data-size=large]{width:var(--unit-5xl)}.vimeo{max-width:1920px;display:block;flex-basis:auto!important;margin:auto auto 20px;overflow:hidden;aspect-ratio:16/9}.vimeo,.vimeo iframe{position:relative;width:100%}.vimeo iframe{height:100%;pointer-events:auto}.vimeo video{background:var(--base-900) url(/_next/static/media/loader.2123f887.gif) center center no-repeat}.vimeo .iframePlaceholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto;cursor:pointer;background-color:var(--base-900);background-clip:content-box}@media(hover:hover){.vimeo .iframePlaceholder:hover .playIco{transform:translate(-50%,-50%) scale(1.1)}.vimeo .iframePlaceholder:hover .picPlaceholder{transform:scale(1.1)}}.vimeo .iframePlaceholder section{display:block;width:100%;height:100%;position:relative}.vimeo .iframePlaceholder .picPlaceholder{width:100%;max-height:100%;box-sizing:border-box;transform:scale(1);transition:transform .5s ease-out;cursor:pointer;opacity:.5}.vimeo .iframePlaceholder .playIco{top:50%;left:50%;transform:translate(-50%,-50%) scale(1);position:absolute;width:70px;height:70px;object-fit:contain;pointer-events:auto;transition:transform .3s ease-out;cursor:pointer}.label{flex-direction:row}.label,.label .ico{display:flex;align-items:center}.label .ico img,.label svg{width:24px;height:24px;margin:0;vertical-align:middle;object-fit:contain}.label svg{fill:var(--base-500)}.card{background:var(--card-bkg);border:1px solid var(--card-stroke);border-radius:3px;box-sizing:border-box;box-shadow:0 .5259868503px 1.6187700033px 0 rgba(14,10,76,.01),0 2.3143422604px 3.3518061638px 0 rgba(14,10,76,.02),0 5.6806588173px 6.6845679283px 0 rgba(14,10,76,.03),0 10.9405269623px 13.1025152206px 0 rgba(14,10,76,.04)}.card:has(.contentBody) .contentHeader{padding-bottom:0;padding-top:5px;width:100%}.card:has(.contentBody) .contentBody{padding-top:0;width:100%}.card>section{padding:15px}#categorySuper{top:0;position:fixed;height:100%;display:flex;align-items:center;justify-content:center;width:33.3333333333%;pointer-events:none}@media only screen and (min-width:2300px){#categorySuper{left:8vw}}#categorySuper #zhongwenName{position:absolute;height:-webkit-max-content;height:max-content;margin-top:10%}#categorySuper #zhongwenName>*{font-size:clamp(70px,9vw,150px);font-family:murmure;opacity:.4;color:transparent;-webkit-text-stroke:1px var(--base-500);line-height:1.1em;margin:0}@media only screen and (min-width:1920px){#categorySuper #zhongwenName>*{font-size:clamp(80px,13vw,160px)}}#categorySuper .mainTitle{pointer-events:none;transform-origin:left;height:33.3333333333%;position:relative;-webkit-clip-path:inset(10% 0 35% 0);clip-path:inset(10% 0 35% 0)}#categorySuper .mainTitle .underline{height:6px;width:100%;display:block;background:var(--base-500);transition:width .3s ease;margin-left:-7%}#categorySuper .mainTitle:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:background .2s ease}#categorySuper .mainTitle h1,#categorySuper .mainTitle h2{transition:color .2s ease;color:var(--base-500)}#categorySuper .mainTitle *{float:left;text-transform:none;text-align:center;font-size:clamp(4.375rem,4.5454545455vw + 3.4090909091rem,7.5rem);font-family:murmure}@media only screen and (min-width:2300px){#categorySuper .mainTitle *{font-size:clamp(4.375rem,8.1818181818vw + 2.6363636364rem,10rem)}}#categorySuper .mainTitle section{position:relative;display:grid;grid-template-rows:repeat(3,2em);top:0;align-items:center;white-space:pre-wrap}#categorySuper .mainTitle section>h1:first-of-type{left:-100%}form.contactForm{position:relative}form.contactForm input{display:block;background:transparent;box-sizing:border-box;width:100%}form.contactForm input[type=text]{cursor:text}form.contactForm input[type=submit]{font-weight:700;padding:0}form.contactForm fieldset{transition:opacity .4s ease-out,transform .4s ease-out}form.contactForm.sent fieldset{opacity:0;pointer-events:none;transform:translate3d(0,-100px,0)}form.contactForm.sent .confirmMessage{opacity:1;transform:translateZ(0)}form.contactForm .confirmMessage{line-height:10px;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;gap:20px;text-align:center;align-items:center;justify-content:center;top:0;left:0;pointer-events:none;opacity:0;transform:translate3d(0,100px,0);transition:opacity .5s cubic-bezier(.06,.44,.18,.98),transform .5s cubic-bezier(.06,.44,.18,.98)}form.contactForm .confirmMessage a{pointer-events:auto;color:var(--primary-500)}form.contactForm .confirmMessage svg{fill:var(--primary-500)}form.contactForm textarea{border:none;background:transparent;resize:none}label.customInput{color:var(--base-500);position:relative;cursor:text;border:1px solid var(--primary-100);padding:5px;border-radius:3px;display:flex;align-items:center;height:42px;transition:margin .3s ease;margin-bottom:10px}label.customInput~p.errorMessage{height:0;transition:height .3s ease;display:block}label.customInput.focus{border-color:var(--primary-500)}label.customInput.focus .placeholder{color:var(--primary-500);transform:translate3d(-10px,-27px,0) scale3d(.8,.8,.8)}label.customInput.focus:has(textarea) .placeholder{transform:translate3d(-18px,-20px,0) scale3d(.8,.8,.8)}label.customInput.error{border-color:#f9600f;margin-bottom:0}label.customInput.error~p{height:1em}label.customInput.error~p.errorMessage{color:#f9600f}label.customInput .placeholder{position:absolute;pointer-events:none;background:var(--white);color:var(--primary-100);transition:transform .3s cubic-bezier(.37,.35,.38,.98);transform:translateZ(0) scaleX(1)}label.customInput .placeholder.required:after{content:"*";font-weight:500;color:var(--primary-500)}.scroll-icon{display:block;position:relative;height:3em;width:1.5em;border:.1em solid var(--base-400);border-radius:1em}.scroll-icon__wheel-outer{display:block;position:absolute;left:50%;top:.6em;height:1em;width:.4em;margin-left:-.2em;border-radius:.4em;overflow:hidden}.scroll-icon__wheel-inner{display:block;height:100%;width:100%;border-radius:inherit;background:var(--base-400);animation:scroll_1 1.75s ease-in-out infinite}.scroll-icon__dot{display:block;position:absolute;left:50%;background:var(--base-400);height:.5em;width:.5em;top:.6em;margin-left:-.25em;border-radius:50%;transform-origin:top center;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:scroll_2 2s ease-out infinite}.scroll-icon-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;position:fixed;bottom:20px;pointer-events:none;width:100%;gap:10px;z-index:4}@keyframes scroll_2{0%{transform:translateY(0);opacity:1}25%{opacity:1}75%{transform:translateY(.75em);opacity:0}to{transform:translateY(0);opacity:0}}#toShowreel{position:absolute;z-index:2;bottom:0;margin:85px 8%;color:#fff;text-transform:uppercase;transition:color .2s ease,background .2s ease;border:2px solid #fff;padding:.5% 1%}#toShowreel *{color:#fff}#toShowreel:hover{background:#fff}#toShowreel:hover *{color:var(--base-500)}#percentBar{display:block;height:4px;z-index:9;background-color:var(--primary-500);transition:width .1ss ease-in-out}#percentBar,#spheros{position:fixed;top:0;left:0}#spheros{width:100%;height:100%;z-index:-1;pointer-events:none}#spheros img{position:absolute;transition:transform .35s ease-out,opacity .3s ease-out,top 1s cubic-bezier(.24,.01,.08,1),left 1s cubic-bezier(.24,.01,.08,1),width 1s cubic-bezier(.24,.01,.08,1);opacity:0}#spheros img.grow{opacity:1}#socials{position:fixed;z-index:9;bottom:0;right:1%;flex-direction:column;justify-content:center;padding-bottom:20px}#socials,#socials>div{display:flex;align-items:center}#socials>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#socials>div:last-of-type{flex-direction:column;gap:10px}#socials .bars{background-color:var(--base-400);display:block}#socials .bars.vertical{width:1px;height:20px}#socials .bars.horizontal{width:20px;height:1px;margin:0 5px}@media(hover:hover){#socials .children:hover .ico{opacity:1}}#resumeSide{width:40vw;top:0;position:fixed;box-sizing:border-box;padding:40px 60px 40px 45px;display:flex;flex-direction:column;justify-content:flex-end;height:100vh}#resume-grid{display:grid;grid-template-columns:.8fr 2fr;padding-right:100px;padding-left:20px;grid-gap:60px;gap:60px;margin:auto}@media only screen and (min-width:1920px){#resume-grid{grid-template-columns:1fr 2fr}}#resume-portrait{position:-webkit-sticky;position:sticky;left:0;top:100px;width:100%;max-width:850px;max-height:90vh;height:auto;aspect-ratio:360/620}#resume-portrait canvas{height:70%}#resume-wrapper{margin-top:100px}#resume-header{position:relative;display:flex;flex-direction:row;justify-content:center;margin-bottom:60px}#resume-header h2{margin-bottom:10px;font-size:clamp(4.375rem,4.5454545455vw + 3.4090909091rem,7.5rem);font-family:murmure}#resume-header p{margin-top:-30px;margin-bottom:7px;color:var(--primary-500);font-weight:700}#resume-header p .zhg{font-weight:700}#resume-content{padding-left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-sizing:border-box;justify-content:end;width:100%;position:relative}#resume-content #signature{position:absolute;bottom:0;right:0}#resume-content .resumeSection{box-sizing:border-box;transition:transform .6s ease-out;display:grid;grid-template-columns:minMax(100px,200px) 3fr;grid-gap:40px;gap:40px;margin-bottom:100px}#resume-content .resumeSection .sectionHeader{position:-webkit-sticky;position:sticky;top:120px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row;align-items:flex-start;margin-bottom:1em;color:var(--primary-500);width:200px;word-break:normal;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual}#resume-content .resumeSection ul{margin:10px 0}#resume-content .resumeSection ul li{margin:6px 0;list-style-type:square}#resume-content .resumeSection ul li::marker{color:var(--base-500)}#resume-content .resumeSection .content{margin-bottom:15px;line-height:1.5em}#resume-content .resumeSection .content.default{display:grid;grid-gap:10px;gap:10px;align-items:center}#resume-content .resumeSection .content.default.card{display:flex;flex-direction:column}@media(hover:hover){#resume-content .resumeSection .content.default.card.linked{transition:border .2s ease}#resume-content .resumeSection .content.default.card.linked:hover{border-color:var(--primary-400)}}#resume-content .resumeSection .content.default.card.linked p{color:var(--primary-500);font-weight:700}#resume-content .resumeSection .content.default:has(.contentIcon){grid-template-columns:1fr minmax(300px,10fr)}#resume-content .resumeSection .content.default:not(:last-of-type) span.path-stroke{height:100%;display:block;width:2px;background:linear-gradient(0deg,var(--primary-100) 50%,transparent 50%);background-repeat:repeat-y;background-size:1px 9px;align-self:center;justify-self:center;animation:movebkg 20s linear infinite}@keyframes movebkg{to{background-position-y:-180px}}#resume-content .resumeSection .content.default .contentIcon{width:30px;object-fit:contain;align-self:center;justify-self:center}#resume-content .resumeSection .content.default small{display:block}#resume-content .resumeSection .content.technical>*{margin-bottom:15px;padding-top:10px}#resume-content .resumeSection .content.technical li{list-style:none;margin:0}#resume-content .resumeSection .content.technical ul{padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}#resume-content .resumeSection .content.language .card>*{width:100%}#resume-content .resumeSection .content.language .contentHeader{padding:8px 12px}#resume-content .resumeSection .content.language .contentHeader,#resume-content .resumeSection .content.language .contentHeader>span{display:flex;flex-direction:row;justify-content:space-between;column-gap:5px;width:100%}#resume-content .resumeSection .content.language small{display:flex;align-items:center;font-weight:700;gap:5px}#resume-content .resumeSection .content.skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}#resume-content .resumeSection .content.skills small{word-wrap:unset;display:inline;padding:5px 15px;border:1px solid var(--primary-500);color:var(--primary-500);gap:10px;border-radius:15em}#resume-content .resumeSection .content.grid{display:grid;grid-template-columns:repeat(2,50%);grid-gap:10px;gap:10px}#resume-content .resumeSection .contentHeader{font-weight:700;color:var(--base-500)}#resume-content .resumeSection .contentHeader a{color:var(--primary-500);font-weight:700}#resume-content .resumeSection .contentHeader .neutral{color:var(--base-500)}#resume-content .resumeSection .contentVisual{width:100%;aspect-ratio:280/128;align-self:flex-start}#resume-settings{top:0;display:flex;justify-content:flex-end;gap:32px;position:fixed;z-index:2;background:var(--white);pointer-events:none;padding:20px 6% 1%;box-sizing:border-box;width:100%;margin:auto;left:0;right:0}#resume-settings>div{pointer-events:auto;display:flex;flex-direction:row;align-items:center;gap:15px}#resume-settings>div:first-of-type{justify-self:center}#resume-settings>div:last-of-type{justify-self:flex-end}#resume-settings>div label{margin-right:0 20px}#resume-settings #dlresume svg{fill:var(--primary-500)}#resume-settings #dlresume:hover svg{fill:var(--white)}#resume-settings *{border-radius:2.5px;font-weight:700}#resume-settings input:checked+label{color:var(--primary-500)}#resume-settings input:checked+label:after{width:100%}#resume-settings label{position:relative;color:var(--primary-100);transition:color .2s ease;display:flex;align-items:center;flex-direction:column}@media(hover:hover){#resume-settings label:hover{color:var(--primary-500)}}#resume-settings label:after{content:"";width:0;height:2px;background-color:var(--primary-500);display:block;border-radius:10em;transition:width .3s ease-out}#letterbox{position:fixed;box-sizing:border-box;width:100%;justify-content:space-around;transition:opacity .1s ease;perspective:100px;height:auto;padding:3%;top:50%;transform:translate(-50%,-50%);max-width:1920px;margin:auto;left:50%;display:flex;flex-direction:row;gap:30px;z-index:1}@keyframes updown{0%{transform:translateY(0)}to{transform:translateY(15px)}}#letterbox #arrowScroll{position:absolute;bottom:-5%;align-self:center;animation-name:updown;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;cursor:pointer;pointer-events:auto;z-index:2}#letterbox #arrowScroll *{pointer-events:auto}#letterbox #iframewrapper{width:65vw;aspect-ratio:16/9;max-width:1250px;transition:transform .2s ease-out;pointer-events:auto;z-index:2}#letterbox #iframewrapper *{cursor:none}#letterbox #iframewrapper #viewshowreel{animation-name:pulse;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:10s;position:absolute;display:flex;align-items:center;justify-content:center;transition:transform .25s ease-out;transform:scale3d(0,0,0);z-index:1;overflow:visible;pointer-events:none;cursor:none;width:100px;height:100px}#letterbox #iframewrapper #viewshowreel svg{fill:var(--primary-500);flex-shrink:0;position:absolute;transform:translate3d(3px,0,0)}#letterbox #iframewrapper #viewshowreel img:last-of-type{position:relative;width:100%;animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:10s}#letterbox #iframewrapper #viewshowreel:before{content:"";border-radius:100%;width:120%;height:120%;position:absolute;display:block;background-color:#fff}#letterbox #iframewrapper #viewshowreel.active{transform:scaleX(1)}@keyframes rotate{to{transform:rotate(-1turn)}}#letterbox #iframewrapper>div{overflow:hidden;border-radius:var(--border-radius)}#letterbox #iframewrapper .vimeo .iframePlaceholder{box-sizing:border-box;overflow:hidden}#letterbox #iframewrapper a{pointer-events:auto}#letterbox #iframewrapper a,#letterbox #toShowreel{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#letterbox #toShowreel{border:none;z-index:1;margin:0}#letterbox #toShowreel:hover{background:none}#letterbox iframe{position:relative;box-sizing:border-box}#letterbox h5{font-size:2em;margin-bottom:10px}#letterbox h2{font-size:6em}#letterbox #loadVid{position:absolute;width:15vw;height:15vw;display:flex;transform:translate(-50%,-50%);left:50%;top:50%;align-items:center;justify-content:center}#letterbox #textLetterbox{z-index:0;width:-webkit-max-content;width:max-content;max-width:100%;width:100%;height:inherit;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;flex-direction:column;text-align:center;gap:10px;transition:transform .2s ease-out;max-width:365px;max-height:510px}#letterbox #textLetterbox .cta{pointer-events:auto}#letterbox #textLetterbox h1{font-family:sora;font-size:20px;color:var(--primary-500)}#letterbox #textLetterbox h2{font-family:murmure;font-size:clamp(80px,7vw,120px);margin:0}#letterbox #textLetterbox p{margin-top:-10px;margin-bottom:12px}#letterbox #textLetterbox>header{display:flex;flex-direction:column;align-items:center}#showreel{position:absolute;width:100vw;overflow:hidden;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 100px}#showreel .vimeo{padding:4rem 0 2rem;box-sizing:border-box}#showreel #homeButton{width:auto;position:fixed;margin:1.5% 3%;z-index:8;top:0;left:0;cursor:pointer}#showreel div,#showreel iframe{width:100%;height:100%}#showreel .iframePlaceholder{display:flex;align-content:center;align-items:center;height:100%}#showreel .iframePlaceholder .loadIco{width:50px;height:50px}#loaderPage{z-index:990990}#loaderPage,#loaderPage .backPlanes{position:fixed;top:0;left:0;display:block;width:100vw;height:100vh}#loaderPage .backPlanes{z-index:0;background-color:var(--primary-500);transition:background .5s ease}#loaderPage .backPlanes:last-of-type{background-color:var(--base-900)}#loaderPage .backPlanes:last-of-type>img{transform:scale(1);animation-name:zoomBkg;animation-delay:.5s;animation-duration:10s;animation-fill-mode:forwards;height:100%;width:100%;object-fit:cover;opacity:.4}@keyframes zoomBkg{to{transform:scale(1.3)}}#loaderPage h2{font-family:murmure;font-weight:400;background-image:linear-gradient(0deg,var(--white),transparent);background-position-y:50vh;color:transparent;-webkit-text-fill-color:transparent;position:absolute;font-size:clamp(30px,40vw,500px);-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:-.2em;-webkit-background-clip:text;background-clip:text;white-space:nowrap;-webkit-text-stroke-color:var(--white);-webkit-text-stroke-width:.5px;background-position-y:100vh}#loaderPage #loaderPercent{display:none;position:absolute;bottom:10vh}#loaderPage #frameWrapper{position:relative;z-index:1;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}#loaderPage #frameWrapper #underFrame{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:8vw;height:8vw}#loaderPage #frameWrapper #underFrame .looper{width:40%;height:40%}#loaderPage #loadFrame{width:100%;height:100%;display:flex;box-sizing:border-box;justify-content:center;align-items:center;animation-name:sinScale;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate;animation-name:none}@keyframes sinScale{0%{transform:scale(1)}to{transform:scale(.8)}}#loaderPage #loadFrame #frameCache{stroke-width:26px;fill:transparent;position:absolute;-webkit-clip-path:url(#frameClip);clip-path:url(#frameClip)}#loaderPage #loadFrame #frameClip{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rotatePercent{to{transform:rotate(1turn)}}#suggest{box-sizing:border-box;width:100%;height:105vh;padding:40px 12%;background:var(--white);display:flex;flex-direction:column;justify-content:center;background-origin:border-box;float:right}#suggest #signature{justify-content:center;opacity:.5;bottom:0}#suggest #socials{left:0;position:relative;margin:90px auto 0}#suggest .project-thumbnail{min-height:50vh;max-height:200px;width:100%;height:100%}#suggest .project-thumbnail img{padding:0;overflow:hidden;object-fit:cover;width:100%;height:100%;max-height:none;max-width:none;position:absolute;top:0}#suggest .project-thumbnail:hover:before{background-color:var(--primary-500)}#suggest .project-thumbnail:hover header.project-desc>*{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}#suggest>h2{line-height:2em;margin-left:0;margin-bottom:20px}#suggest>section{display:flex;gap:10px}#suggest>section>.linkSlider{box-sizing:border-box;flex-basis:50%}#contactContainer{background-color:var(--white);position:relative;width:100vw;overflow:hidden;background-size:cover;background-position:bottom;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:5% 10%;align-content:center}#contactContainer>*{max-height:800px}#contactContainer #signature{position:fixed;bottom:0;width:100%;left:0}#contactContainer h1,#contactContainer h3{font-family:murmure;color:var(--primary-500);font-size:clamp(4.375rem,5.2727272727vw + 3.2545454545rem,8rem);font-weight:400}#contactContainer h2,#contactContainer h4{font-size:medium}#contactContainer #contactLinks{display:flex;justify-content:space-around;flex-direction:column}#contactContainer #contactLinks a{cursor:pointer}#contactContainer #contactLinks section{margin-top:20px}#contactContainer #contactLinks section>:first-child{margin-bottom:10px}#contactContainer #contactLinks section>:last-child{margin-left:40px}#contactContainer form{align-self:flex-start;display:flex;flex-direction:column;justify-content:space-between;width:80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;box-sizing:border-box;border:1px solid var(--primary-500);padding:30px;justify-items:center}#contactContainer form fieldset{border:none;display:flex;align-items:center;flex-direction:column;gap:10px}#contactContainer form .errorMessage{align-self:flex-start;margin-bottom:10px}#contactContainer form label:has(input[type=email]),#contactContainer form label:has(input[type=text]),#contactContainer form label:has(textarea){width:100%}#contactContainer form label:has(input[type=email]),#contactContainer form label:has(input[type=email]) *,#contactContainer form label:has(input[type=text]),#contactContainer form label:has(input[type=text]) *,#contactContainer form label:has(textarea),#contactContainer form label:has(textarea) *{cursor:text}#contactContainer form label:has(textarea){height:auto;align-items:flex-start;flex-basis:4}#contactContainer form label:has(textarea) textarea{width:100%;height:100%;min-height:200px}#contactContainer form label:has(input[type=submit]){align-self:center;padding-left:45px;padding-right:45px}.inspire{position:relative;padding-top:200px;overflow:hidden;background-color:var(--white)}.inspire h3{text-align:right;font-size:clamp(1.875rem,1.8181818182vw + 1.4886363636rem,3.125rem)}.inspire>div{position:relative;margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;height:530px}.inspire>div img{width:100%}.inspire>div img:nth-of-type(2n){margin-top:80px}.inspire>div:before{content:"";position:absolute;display:block;bottom:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(180deg,rgba(245,247,249,0) 51.56%,var(--white) 83.85%)}section.not-found{display:flex;flex-direction:row;width:100%;min-height:100vh;align-items:center;justify-content:center;gap:6rem;max-width:1200px}section.not-found img{max-width:300px}section.not-found *{margin:0;text-wrap:balance}section.not-found h1{font-family:Sora;font-size:1.3rem;color:var(--primary-500)}section.not-found h2{font-size:3rem;line-height:3rem;margin:20px 0}section.not-found h3{font-size:1.5rem;line-height:2rem}section.not-found a{margin-top:100px}#homeAbout{height:-webkit-max-content;height:max-content;position:relative;box-sizing:border-box;padding:0 5%;max-height:800px;background:var(--white);max-width:1920px;margin:auto}#homeAbout:before{content:"";position:absolute;pointer-events:none;width:100%;left:0;height:200px;background:linear-gradient(0deg,rgba(224,230,237,0) 0,var(--white) 83%);background:linear-gradient(180deg,rgba(224,230,237,0) 0,var(--white) 83%);top:-200px}#homeAbout>div{height:100%;grid-gap:50px;gap:50px;align-items:center;display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:auto}#homeAbout>div #resume-header{padding-right:10%}#homeAbout>div>#resume-portrait{max-width:50vw;position:relative;width:100%;height:auto;aspect-ratio:3/4;top:0;display:flex;align-items:center}@font-face{font-family:murmure;src:url(/_next/static/media/LeMurmure-Regular.7252d41e.woff2) format("woff2");font-display:swap}@font-face{font-family:murmure;src:url(/_next/static/media/chuhuo.c11520c5.woff2) format("woff2");unicode-range:U+4e00-9fff;font-display:swap}@font-face{font-family:Sora;font-weight:400;src:url(/_next/static/media/Sora-Regular.256ae67b.woff2) format("woff2");font-display:swap}@font-face{font-family:Sora;font-weight:500;src:url(/_next/static/media/Sora-Medium.30476b85.woff2) format("woff2");font-display:swap}@font-face{font-family:Sora,Verdana,Geneva,Tahoma,sans-serif;font-weight:700;src:url(/_next/static/media/Sora-SemiBold.28c71310.woff2) format("woff2");font-display:swap}@font-face{font-family:Sora;font-weight:bolder;src:url(/_next/static/media/Sora-Bold.60db8fe2.woff2) format("woff2");font-display:swap}@font-face{font-family:Sora;font-weight:lighter;src:url(/_next/static/media/Sora-Light.b29e4fef.woff2) format("woff2");font-display:swap}.quotes{padding-top:200px;background-color:var(--white);background-clip:border-box;position:relative;overflow:hidden}.quotes-slider{margin-top:50px;margin-bottom:100px;width:-webkit-max-content;width:max-content;padding-left:var(--unit-4xl);transition:transform .7s cubic-bezier(.38,-.01,.2,1)}.quotes-slider blockquote{display:flex;flex-direction:column;gap:20px;max-width:330px;flex:1 1}.quotes-slider blockquote h5{padding-left:10px;font-size:20px;line-height:1.3em;border-left:3px solid var(--primary-500);text-wrap:balance}.quotes-slider blockquote .quote-profile{display:flex;flex-direction:row;gap:8px}.quotes-slider blockquote .quote-profile p{display:flex;flex-direction:column;gap:4px}.quotes-slider blockquote img{border-radius:100%}.quotes h2{font-size:clamp(4.375rem,4.5454545455vw + 3.4090909091rem,7.5rem);font-family:murmure}.quotes h2 svg{fill:var(--base-500)}@media only screen and (max-width:825px){:root{--title:2em}body[data-skin=dark] #menu:not(.white){background:#070812}body[data-skin=dark] #menu.active,body[data-skin=dark] #menu.transparent{background:transparent}#project .projectWrapper{width:auto;padding:40px 15px}.casualProject #desc{width:80%}.project-thumbnail img{max-width:100%;box-sizing:border-box}#mock_popup.laos_pannel{position:relative;margin:auto}#homeAbout{min-height:80vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:none}#homeAbout .aligncta{justify-content:center}#homeAbout>div{grid-template-columns:none;grid-template-rows:1fr auto;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#homeAbout>div #resume-header{padding:0}#homeAbout>div>section{padding:5%}#homeAbout>div #resume-portrait{max-width:none;height:70vh;justify-content:center;max-height:450px}#homeAbout>div #resume-portrait:after{width:90%;height:1px;right:auto;bottom:-35px}#homeAbout #resume-header{flex-basis:auto}.quotes>div{flex-direction:column}#resume-header{text-align:center}#resume-content{max-width:100vw}#resume-content .resumeSection{grid-template-columns:auto;gap:0}#resume-content .resumeSection .sectionHeader{width:100%;position:relative;top:0}#resume-content .resumeSection .content.grid{grid-template-columns:auto}.inspire>div{display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center}.inspire>div img{flex-basis:45%}.inspire>div img:nth-of-type(2n){margin-top:0}.project-banner{padding:5% 10%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.project-banner-content>div{grid-template-columns:none;row-gap:30px}.project-banner-content>div section{width:100%}#letterbox{display:flex;flex-direction:column;align-items:center;width:-webkit-max-content;width:max-content;margin:auto;width:100%;left:50%;transform:translate(-50%,-50%);height:100%;gap:10%}#letterbox,#letterbox #textLetterbox{justify-content:center}#letterbox #textLetterbox h2{font-size:clamp(80px,15vw,100px)}#letterbox #textLetterbox #arrowScroll{display:none;animation:none}#menu{top:0;padding:3%;transition:background .2s ease;background:transparent}#menu:not(.white){background:#f5f7f9}#menu.active,#menu.transparent{background:transparent}#menu #bars.active{margin-top:2vw}#menu ul{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);pointer-events:none;display:none}#resume-portrait{width:100%;position:relative;height:55vh}#suggest{padding-left:8%;padding-right:8%}#suggest>h2{line-height:normal}#suggest,#suggest>section{height:auto}#suggest>section{width:100%;flex-direction:column}#suggest img{padding:0}#categorySuper{display:none}#categorySuper .mainTitle{width:100%;z-index:3;box-sizing:border-box;font-size:.6em;margin:0;padding:3%;height:7.5em;background:#f3f3f3;display:flex;justify-content:center}#categorySuper .mainTitle section{align-items:flex-start}#categorySuper .mainTitle:after{background-image:none}#socials{position:relative;width:100%;margin:20px 0 80px;left:0}#socials>div:last-of-type{flex-direction:row-reverse;gap:5px}#signature{width:100%;margin:30px 0;text-align:center;flex-direction:column}#signature span{visibility:hidden}#loaderPage #frameWrapper #underFrame{width:30vw;height:30vw}#loaderPage h2{white-space:break-spaces;text-align:center}#suggest img{max-width:none}.flexblank,footer>section:first-child{display:none}.player{margin-left:0}.cat{width:90%;margin:auto}#project{align-items:center;margin-top:0}#project #desc{width:100%}#lastDiv p{margin-left:3%;width:80%}#resume-wrapper{width:100%;max-width:100vw;box-sizing:border-box;padding:0 30px}#juede{display:none}#resume-settings{bottom:0;height:100%;display:flex;flex-direction:column-reverse;align-items:center;pointer-events:none;padding:0;top:0;z-index:999991;max-width:100vw;background:transparent;justify-content:space-between}#resume-settings:before{content:none}#resume-settings .aligncta{padding-left:1rem;padding-right:1rem;box-sizing:border-box}#resume-settings .aligncta .cta,#resume-settings .aligncta>*{width:auto}#resume-settings>div{padding-top:4%;padding-bottom:3%}#resume-settings>div:last-of-type{padding-left:80px;padding-right:80px;box-sizing:border-box;justify-content:flex-end;width:100%;pointer-events:none}#resume-settings>div:last-of-type .dropdown{pointer-events:auto}#resume-settings>div:last-of-type>small{display:none}#resume-settings>div:first-of-type{background:var(--white);width:100%;display:flex;align-items:center;justify-content:center}.container{padding-left:3rem;padding-right:3rem}#contactContainer{grid-template-rows:auto 2fr;grid-template-columns:auto;padding-top:15%;gap:100px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#contactContainer #signature{position:relative}#contactContainer .contactForm{margin-top:0;width:100%}#contactContainer #contactLinks{justify-content:flex-start;gap:50px}#contactContainer>h1{font-size:9em}section#diffuse_lumino:before{top:0}.article .body,.article .hori,.article .horizontal{flex-direction:column}.article.backdrop:before{height:100%;top:0}.article .parallax{flex-direction:column;height:-webkit-max-content;height:max-content;gap:2rem;width:100vw}.article .parallax-picture{height:40vh;overflow:hidden}.article .parallax-header{position:relative;padding-left:3rem;padding-right:3rem}.article .parallax-header header.card{padding:0;background:transparent;box-shadow:none}.article #guidesheet .body p{text-align:left}.article section.horizontal{flex-direction:column;gap:1.3rem}.article section.horizontal.reverse{flex-direction:column-reverse}.article .half{width:100%!important}.article .compress{padding:0}.article .pointer{display:block;margin-bottom:1.3rem}.article .pointer span,.article .pointer>br{display:none}.article .blank{height:10rem}.article .hidtablet{display:none}.article .padleft{padding-left:0}.article .padright{padding-right:0}.article .tableGroup{flex-direction:column}.musicWave{left:-7vw;background-position-y:75%}#sidemenu{margin-bottom:40px}#dirpath{margin-top:40px}#features-icons-container{justify-content:center;grid-template-columns:30vw 30vw!important;grid-template-rows:30vw 30vw!important}.projectWrapper #diffuse_lumino.backdrop:before{top:0;height:100%}#kinoji_first_mockup{margin-top:10%}article.persona{flex-direction:column;width:90vw}article.persona header{max-width:none;border-radius:10px}}body{margin:0;counter-reset:step}*{background-size:contain;background-position:50%;background-repeat:no-repeat}h1,h2,h3,h4{margin:0}.projectContainer,object{box-sizing:border-box}.projectContainer{background:linear-gradient(0deg,var(--bkg) 90%,hsla(0,0%,100%,0) 91%);padding-top:50vh;position:relative;width:100%;color:#000;margin:0;height:auto;background-origin:border-box;background-repeat:no-repeat;background-clip:content-box}.projectContainer>*{background-color:var(--bkg)}.projectContainer #VIEWER{box-sizing:border-box;padding:0 10vw}.step{position:relative}.step:before{counter-increment:step;content:counter(step);font-size:2em;position:absolute;color:var(--mainColor);z-index:0;top:-80%;margin-left:-2%;opacity:.5;display:none}.step span{z-index:1;position:relative;font-family:murmure}.step:after{content:"";width:40px;height:6px;display:none;margin-bottom:20px;background:var(--mainColor)}.connector{height:50px;display:block;border-right:solid;margin:10%;border-image-source:url(/_next/static/media/connector.f33c6db7.gif);border-image-slice:1 3}.windowHeight{height:100vh}.stickToRight{margin-right:-20%}.stickToLeft{margin-left:-20%}#cardboard{position:fixed;display:flex;height:50vh;width:100vw;overflow:hidden;padding:0 10vw;box-sizing:border-box;align-items:center;color:var(--mainColor);justify-content:space-around;z-index:-1;flex-direction:column}#cardboard>section{width:-webkit-max-content;width:max-content}#cardboard h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bullet{border:1px solid;width:.7em;box-sizing:border-box;height:.7em;position:relative;display:flex;align-items:center;justify-content:center}.bullet,.bullet span{border-radius:100%;margin:0;padding:0}.bullet span{width:50%;height:50%;display:block;background:#000}body[data-skin=dark] .article-table table,body[data-skin=dark] .article-table table td,body[data-skin=dark] .article-table table th{border-color:var(--base-700)}body[data-skin=dark] .article-table table td:first-of-type,body[data-skin=dark] .article-table table th:first-of-type{background-color:var(--base-800)}.article-margin-bottom{margin-bottom:2em}.article-table{overflow-x:auto;width:100%}.article-table table{width:100%;border-collapse:separate;border-spacing:0;border:none;border-radius:10px}.article-table table ul{padding-left:1rem}.article-table table tr:last-of-type td:first-of-type{border-bottom-left-radius:10px}.article-table table tr:last-of-type td:last-of-type{border-bottom-right-radius:10px}.article-table table tr th:first-of-type{border-top-left-radius:10px}.article-table table tr th:last-of-type{border-top-right-radius:10px}.article-table table tr td{vertical-align:text-top}.article-table table tr td,.article-table table tr th{padding:1em;border:1px solid var(--base-100)}.article-table table tr td:first-of-type,.article-table table tr th:first-of-type{background-color:var(--base-50)}.light{color:#000}.light ul,.light>#cardboard p{color:#6f6f6f}.light .bullet span,.light>#cardboard .separator{background:#6f6f6f}.dark,.dark ul,.dark>#cardboard p{color:#fff}.dark .bullet span,.dark>#cardboard .separator{background:#fff}#desc{display:flex;flex-direction:column;width:50%;margin:5% 0;justify-content:flex-start!important;align-items:flex-start!important;text-align:left}.blank{height:20rem;max-height:200px}.blank,.sblank{width:100%;display:block;box-sizing:border-box}.sblank{height:5rem}.blank.grad,.sblank.grad{background:linear-gradient(0deg,var(--bkg) 0,hsla(0,0%,100%,0) 95%)}.flexblank{flex-basis:50%}.story{padding:4% 0;display:flex;flex-direction:column;align-items:center;column-gap:5%}.story.dark h2 span{background-image:url(/_next/static/media/leaf_dark.1e58e8f4.svg)}.story h2{margin-bottom:30px;display:flex;align-items:center;justify-content:center}.story h2 span{width:1em;height:1em;display:block;background-image:url(/_next/static/media/leaf.b1d797d9.svg)}.story>section{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:5%}.story>section p{width:50%}.app{background-color:#fff;border-radius:1em;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}.roundpic{border-radius:.3em}.quote{margin:100px 0;position:relative}.quote:before{left:-40px;top:-30px;content:"“";font-family:murmure}.quote:after{content:"”";font-family:murmure;right:-50px}.quote:after,.quote:before{font-size:8em;position:absolute;opacity:.5;height:-webkit-fill-available}.quote p{float:left}.quote p:before{content:"— "}.pix{image-rendering:-webkit-optimize-contrast}.parallax{overflow:hidden;left:-10vw;width:110vw;height:80vh;left:50%;position:relative;transform:translateX(-50%)}.parallax,.parallax-picture{display:flex;align-items:flex-start;justify-content:center}.parallax-picture{width:100vw}.parallax-picture img{transition:transform .1s ease;transform:translate3d(0,-15%,0);max-width:none;width:160%;object-fit:cover}.parallax-header{position:absolute;display:flex;top:0;bottom:0;align-items:center;justify-content:flex-start;padding:0 calc(100px + 5%)}.parallax-header header{box-sizing:border-box;padding:2rem 3rem}.backpage{background-color:#1a1a1a;color:#fff;overflow-x:hidden;max-width:100vw}.backpage>*{padding:3em 10vw}.backpage:after,.backpage:before{content:"";background:#1a1a1a;display:block;width:110%;height:120px;border-radius:100%;margin-left:50%}.backpage:before{transform:translate(-50%,-50%)}.backpage:after{background:var(--bkg);transform:translate(-50%,50%)}.gradBackpage{background-image:linear-gradient(180deg,transparent,#1a1a1a 95%)}.nopattern{background-image:none!important}.imgWrapper{display:flex;max-width:1920px;margin-bottom:10px;justify-content:center}.imgWrapper img{max-width:100%}.backdrop{position:relative}.backdrop.center:before{top:0}.backdrop.fill:before{height:100%}.backdrop:before{content:"";position:absolute;width:120vw;left:50%;transform:translateX(-50%);height:90%;top:0;display:block}#project .projectWrapper>div.article,.article{display:block}.article{padding-top:100px;padding-right:8%;padding-left:8%;width:100%;max-width:1920px;box-sizing:border-box;opacity:0;transition:opacity .5s ease-out;max-width:1280px;margin:auto}.article.plain{max-width:none;padding-left:0;padding-right:0}.article.plain .compress{padding-left:12%;padding-right:12%}.article.appear{opacity:1}.article.spaced{margin-bottom:3rem}.article.backdrop{margin-top:10%}.article img{object-fit:contain}.article iframe,.article>*{position:relative}.article iframe{flex-shrink:0;flex-basis:auto!important}.article .tall{max-height:70%}.article>.body{display:flex;column-gap:1em;overflow-x:inherit}.article>.body img{max-width:100%}.article>.body>*{flex-basis:50%}.article>.body>section{flex-grow:1;position:relative}.article .vimeo iframe{background:#000}.article>.header{margin-bottom:30px}.article .padded{box-sizing:border-box;padding:5%}.article .padded.small{padding:2.5%}.article .half{width:50%}.article .third{width:33.3333333333%}.article .gridlayout{justify-items:center;align-items:center;display:grid;grid-template-columns:50% 50%;flex-basis:100%}.article .gridlayout.tall>*{max-height:70%}.article .gridlayout>*{box-sizing:border-box;padding:1%}.tableGroup{display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;gap:50px;width:100%}.guidestyle table{text-align:center;border-collapse:collapse;margin:80px auto auto;width:100%}.guidestyle table img{max-width:300px}.guidestyle table thead{border-bottom:1px solid rgba(68,77,102,.376)}.guidestyle table td{box-sizing:border-box;padding:15px 20px}.guidestyle table .packColor{margin-top:10px;box-sizing:border-box;padding:0 20px;justify-content:center;flex-wrap:wrap;grid-gap:5px;gap:5px;display:grid;grid-template-columns:repeat(auto-fit,minMax(20px,1fr))}.guidestyle table .packColor .colorswatch{display:block;width:100%;aspect-ratio:1/1;height:auto}.guidestyle table .packColor .colorswatch.lightStroke{border:1px solid #252a39}.persona{border-radius:10px;display:flex;margin-top:100px;max-width:100vw;flex-shrink:0}.persona,.persona-slider{width:-webkit-max-content;width:max-content}.persona-slider{display:inline-flex;overflow:scroll;left:0;padding:0 8% 50px;box-sizing:border-box}.persona-slider>div{display:flex;flex-direction:row;gap:50px;cursor:ew-resize}.persona-slider::-webkit-scrollbar{display:none}.persona-subtitle{position:relative;line-height:1.2em;display:flex;flex-direction:row;gap:10px}.persona-subtitle svg{width:28px;fill:var(--primary-500)}.persona-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 20px;gap:20px 20px;box-sizing:border-box;padding:15px 0}.persona header{display:flex;min-width:270px;justify-content:center;max-width:320px;box-sizing:border-box;padding:15px 20px 40px;background-size:cover;background-color:var(--base-500);color:var(--white);border-radius:10px 0 0 10px}.persona header div.persona-biography{width:100%;margin-top:130px;display:flex;flex-direction:column;gap:10px}.persona header h4{font-size:32px;align-self:center;text-align:center}.persona header picture{width:200px;height:200px;object-fit:contain;position:absolute;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.persona header picture img{border-radius:100%;max-width:100%}.persona header picture:after{content:"";width:110%;height:110%;display:block;border-radius:100%;border:1px solid var(--primary-500);position:absolute}.persona header ul{list-style:none;padding:0}.persona header ul li{margin:10px 0;gap:10px}.persona header ul li,.persona header ul li strong{display:flex;flex-direction:row;align-items:center}.persona header ul li strong{gap:5px}.persona header ul li svg{fill:var(--white)}.persona-body{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;padding:15px 20px}.persona-body .persona-details{max-width:700px}.persona-body .persona-details ul{list-style:square}.persona-body .persona-details li{margin:5px 0}.persona-body .persona-interperso ul{padding:0;list-style:none;color:var(--primary-500);display:flex;flex-direction:row;flex-wrap:wrap}.persona-body .persona-interperso ul li:not(:last-of-type){display:flex;flex-direction:row;align-items:center}.persona-body .persona-interperso ul li:not(:last-of-type):after{margin:0 10px;content:"";display:block;width:8px;height:8px;background:var(--primary-500);border-radius:2px}.persona-body .persona-subtitle{margin-bottom:10px}.persona-body hr{border:1px solid var(--primary-50)}.pointer{display:grid;grid-template-columns:1fr 2fr;justify-items:start;align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.pointer[data-theme=dark] span{background-color:var(--white)}.pointer[data-theme=dark] span:before{background:var(--white)}.pointer[data-side=right]{grid-template-columns:2fr 1fr}.pointer[data-side=right] span:before{left:auto;right:0}.pointer small{margin-top:10px}.pointer span{box-sizing:border-box;padding:0 8px;position:relative;width:100%;height:.5px;background-color:#000;background-clip:content-box;display:block;max-width:250px;min-width:80px;display:flex;flex-direction:row;align-items:center}.pointer span:before{content:"";display:block;position:absolute;left:0;width:8px;height:8px;border-radius:100%;background:#000}.infobox{min-width:3em;min-height:4em;background:#f4f4f4;border-radius:1em;box-sizing:border-box;box-shadow:inset 0 0 7px 0 rgba(0,0,0,.2);display:grid;grid-template-columns:3em 1fr;padding:3%;grid-column-gap:3%;column-gap:3%;align-items:center}.infobox span{height:3em;flex-basis:3em;box-sizing:border-box;background-size:70%}.hoverpop{transition:transform .2s ease-out,box-shadow .2s ease}.hoverpop:hover{transform:scale(1.1)}.window.hoverpop:hover{box-shadow:12px 4px 15px -3px rgba(0,0,0,.2)}#guidesheet{display:flex;flex-direction:column;align-items:center}#guidesheet .infobox{width:100%;flex-basis:auto;margin-bottom:3%}#guidesheet .body{width:80%;margin:auto;column-gap:5%}.guidesheet{display:block}.guidesheet .app{width:3em;display:block}.guidesheet .header{display:flex;direction:column;align-items:center;column-gap:3%}.guidesheet table{width:100%;margin-top:10%;row-gap:2%;border:none;border-collapse:collapse}.guidesheet table td{padding-left:2%;padding-right:2%;font-size:100%}.guide_prim{text-align:center;padding:1% 0}.guide_case{text-align:center;padding:2% 0}.guide_bkg{height:3em;text-align:center}.guidesheet .compare>:last-child{text-align:right}.guidesheet .compare>:first-child{text-align:left}table .tspace td{padding:5px 0}#guide_popup{padding:0;content:" ";border:2px double transparent;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,#ff0073,#2094ff);background-origin:border-box;background-clip:content-box,border-box;height:100%;overflow:visible;overflow:initial}.white{color:#fff}.darkmode{background-color:#222;border-radius:0}.darkmode.end{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.darkmode.begin{border-top-right-radius:.5em}.darkmode.begin,.sanguin.top:first-of-type,.whitebkg.top:first-of-type{border-top-left-radius:.5em}.sanguin.top:last-of-type,.whitebkg.top:last-of-type{border-top-right-radius:.5em}.sanguin.bottom:first-of-type,.whitebkg.bottom:first-of-type{border-bottom-left-radius:.5em}.sanguin.bottom:last-of-type,.whitebkg.bottom:last-of-type{border-bottom-right-radius:.5em}.guidesheet .animated{border:1px solid #717070;border-radius:.5em}.guidesheet .card td{height:130px;background-position:0}.guidesheet .firegrad section{display:flex;align-items:center;justify-content:space-between}.cartography{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border:1px solid var(--base-400)}.cartography.active{cursor:grab}.cartography.active .cartography-label{opacity:0;transition:opacity .2s ease}.cartography.active .hints{opacity:1;transform:translateZ(0)}.cartography.drag img{transition:none}.cartography .hints{font-size:.8em;font-weight:700;position:absolute;bottom:0;left:0;pointer-events:none;margin:10px;opacity:0;transform:translate3d(-20px,0,0);transition:transform,opacity,.25s ease-out}.cartography img{transition:transform 1s ease;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.cartography-label{position:absolute;box-sizing:border-box;padding:15px 20px;background:rgba(15,15,47,.753);font-weight:500;pointer-events:none;opacity:1;transition:opacity .5s ease;z-index:1;color:var(--white)}@media only screen and (max-width:525px){.cat{display:flex;flex-direction:column;align-items:center;padding:10px 0}.cat:last-of-type{padding-bottom:100px}#showreel{padding:10%}#showreel .vimeo{width:100%}.project-thumbnail{box-sizing:border-box}.project-thumbnail .project-desc h2{font-size:1.5em}.project-thumbnail .project-desc>*{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}#frameWrapper h2{font-size:12em}.project-banner{padding:10vh 10%}#letterbox{display:grid;justify-items:center;grid-gap:30px;gap:30px}#letterbox #iframewrapper{width:90vw}#letterbox #iframewrapper #viewshowreel{display:none}#letterbox #tagline{font-size:5em;text-align:center}#letterbox #textLetterbox{margin-top:15%;justify-content:space-evenly;gap:32px;height:auto}#letterbox #textLetterbox .cta{min-width:200px}#letterbox #textLetterbox>header span{display:none}#letterbox #textLetterbox>header h1{font-size:20px;margin-bottom:10px}#letterbox #textLetterbox>header h1 br,#letterbox #textLetterbox>header p br{display:none}#letterbox #textLetterbox>header h2{font-size:clamp(70px,4vw,120px)}#menuPanel #labelContent{box-sizing:border-box;top:0;transform:translate(0);flex-direction:column;font-size:12px;margin:auto;height:100%;justify-content:space-evenly;padding:50px 0}#menuPanel #labelContent>*{margin:0}#resume{display:block}.tableGroup{width:100%}}@media only screen and (max-width:425px){.quotes header{text-align:center}.quotes header.flex.f-between{justify-content:center}#letterBox>div{top:10%}#letterBox img{display:none}#letterBox>section:first-child{width:100%;padding:2em;top:4%}#viewshowreel{display:none;animation:none}.project-banner{position:relative;max-width:100vh}#project{margin:0}#project .projectWrapper{padding:10% 10px 10px;float:none}#project .projectWrapper .article{box-sizing:border-box}#mainTitle{display:none}#menu #bars.active{margin-top:2vw}#mainContainer .smallFrame{height:56.25vw}footer{padding:0;flex-direction:column;align-items:center}footer br{display:none}footer section{width:100%;display:flex;flex-direction:column;align-items:center;row-gap:10px}footer section>*{margin:5px 0}#mainBack{display:none}#suggest>section{height:auto}#contactContainer .contactForm{margin:0;width:100%}#contactContainer>h1{font-size:5em;margin-left:40px;margin-top:20%}#resume-wrapper{margin-top:100px}#resume-content,#resume-content>div:first-of-type,#resume-content>div:last-of-type{padding:0}#cardboard>section{width:100%}#cardboard h1{white-space:nowrap}.blank.mobile,.hidmobile{display:none}.story>section{flex-direction:column!important;width:100%;box-sizing:border-box;padding:5vw}.story>section p{width:100%!important}.story>section h2{margin-bottom:0!important}article.persona .persona-grid{grid-template-columns:auto}.article.spaced{margin-bottom:10%}section#diffuse_lumino:before{top:0}#keyshape{width:90%}#laos_layout .body>div:not(#slicer){flex-direction:column}#laos_typo .body{flex-direction:column-reverse}#laos_sidebar .app{width:30%}#laos_layout{padding:0}#laos_typo .header{padding-left:5%;font-size:80%}.player{margin-left:0;width:100%}.guide_prim{padding:20px 0}#Viewer{max-height:none}#mood{height:56.25vw}#mobileexp .blank{display:none}.backpage{padding:3em 5vw}.backpage .padded,.projectContainer #VIEWER{padding:0}#rosas_dotty{display:none}#guidesheet .infobox{width:100%}#guidesheet .body{width:100%!important;margin-left:0!important}#laos_options{margin-top:5vh}#laos_sidebar>li section{width:25%}#inspi>div:first-child{display:none}#inspi>div:last-child .moviemason{margin:0;transform:none}#toolslider .ts_tool{width:100%;justify-content:space-around}#laos_sidebar>li section{width:15%;border-radius:20px}#creatool{display:inline-block}#creatool>div{margin-bottom:100px}.taglabel{flex-wrap:wrap}#cinetypo .body>div:last-of-type tr>td:first-child{text-align:center}#tableKino{border:none;border-radius:10px;padding:0}#chains{margin-left:-10%;width:120%}#morpheus{width:100%}#influ{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:43px 0}#rosas .hori{row-gap:0}#zenIllu{display:none}#logo_container{transform:translateY(-50%) scale(.5)!important}}#xtraLogo_introduce{padding-top:5%;padding-bottom:5%}#xtraLogo_introduce:before{background-image:linear-gradient(104.68deg,#132534 .98%,#050101 107.45%)}#xtraLogo_introduce img[alt="xtra logo"]{width:600px;margin:100px auto 60px}#xtraLogo_introduce hr{border:1px solid rgba(68,77,102,.376)}#xtraLogo_introduce>.body{padding-bottom:100px}#xtra_map img{width:700px}#xtra_map:before{background-image:radial-gradient(circle at bottom,#132534 30.98%,#050101 97.45%);background-size:cover;background-position:50%}.guidesheet .laos_card td:nth-child(2){background-image:url(/projects/laos/assets/card_1.svg)}.guidesheet .laos_card td:last-of-type{background-image:url(/projects/laos/assets/card_2.svg)}#guidesheet .body{justify-content:space-between}#guidesheet .body p{margin-bottom:1.3rem;text-align:center}#guidesheet .body>div:last-of-type{width:80%}.tone_1{color:#4fa2f7}.tone_2{color:#ff6a55}.tone_3{color:#70bd0e}.tone_4{color:#e54ff2}#mockups .window{margin-bottom:5%}#laos-userflow .cartography{border:none}#features-icons-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-gap:20px;gap:20px;flex-basis:10%;padding:2rem;box-sizing:border-box;display:grid;justify-content:center;grid-template-columns:repeat(2,50%);justify-items:center;align-items:center}#features-icons-container span{width:100%;aspect-ratio:1/1;background-color:#fff;border-radius:20%;cursor:pointer;transition:transform .3s ease-out;transform:scaleX(1);background-size:70%}#features-icons-container span[data-type=lotus]{box-shadow:0 3.90123px 3.90123px rgba(0,0,0,.25),inset 0 0 32.1852px rgba(92,157,255,.17);background-image:url(/projects/laos/assets/lotus.png)}#features-icons-container span[data-type=yin]{box-shadow:0 3.90123px 3.90123px rgba(0,0,0,.25),inset 0 0 32.1852px rgba(255,146,244,.17);background-image:url(/projects/laos/assets/yin.png)}#features-icons-container span[data-type=fire]{box-shadow:0 3.90123px 3.90123px rgba(0,0,0,.25),inset 0 0 32.1852px rgba(255,148,70,.17);background-image:url(/projects/laos/assets/fire.png)}#features-icons-container span[data-type=chakra]{box-shadow:0 3.90123px 3.90123px rgba(0,0,0,.25),inset 0 0 32.1852px rgba(105,13,255,.17);background-image:url(/projects/laos/assets/chakra.png)}#features-icons-container span:hover{transform:scale3d(1.1,1.1,1.1)}#laos_features{height:90vh;max-height:600px}@media(orientation:portrait){#laos_features{max-height:none}}#ft_circle_infobox{box-sizing:border-box;padding:2rem 4rem;max-height:100%}#ft_circle_infobox>.infobox{padding-bottom:20%}#ft_circle_infobox img{border-radius:15px;opacity:1;max-width:100%;margin-top:-15%;margin-left:10%;transform:scale(1);transition:opacity .3s ease;z-index:9;box-shadow:-3px 3px 10px rgba(0,0,0,.2)}#keyshape{width:90%;flex-basis:60%;justify-content:flex-end}#keyshape img{max-width:100%}#keyshape td{width:25%;padding:3%;box-sizing:border-box}#blueprint td{height:30vw}.keyexplain{height:100%;padding:10% 15%!important;align-items:center;background:#f1f1f1;box-shadow:inset 0 0 3px rgba(0,0,0,.2);border-radius:1em;display:flex;flex-direction:column;justify-content:space-around}.keyexplain>*{flex-basis:16.6666666667%}.c_color{width:40px;height:40px;display:block;border-radius:100%}#laos_typo .header{padding-left:20%}#laos_typo .body section:nth-child(2),#laos_typo .body>section:first-child{flex-basis:25%;flex-shrink:0}#NotoTypo h2:first-child{font-size:3em}#laos_typo_switch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}#laos_typo_switch>*{font-size:8em;font-weight:400!important;animation-name:popTypo;animation-duration:2s;animation-iteration-count:infinite}#laos_typo_switch>:first-child{animation-name:popTypo;position:absolute;width:30%;box-sizing:border-box;padding:10px}#laos_typo_switch>h1:last-child{animation-name:popTypo,maskTypo_1;background:#f5f7f9;font-family:sans-serif;text-align:center;width:40%}@keyframes popTypo{0%{transform:scale(1)}40%{transform:scale(1.5)}60%{transform:scale(1.5)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes maskTypo_1{0%{-webkit-clip-path:circle(0 at center);clip-path:circle(0 at center)}40%{-webkit-clip-path:circle(100% at center);clip-path:circle(100% at center)}60%{-webkit-clip-path:circle(100% at center);clip-path:circle(100% at center)}70%{-webkit-clip-path:circle(0 at center);clip-path:circle(0 at center)}to{-webkit-clip-path:circle(0 at center);clip-path:circle(0 at center)}}#laos_layout .body>div:not(#slicer){display:flex;flex-direction:row;column-gap:5%;width:100%;justify-content:center}#laos_layout .body>div:not(#slicer)>*{flex-basis:50%}#laos_layout .body>#slicer{text-align:center;margin-top:15%;margin-bottom:15%;width:100%}#laos_layout .body>#slicer,#slicer{position:relative;display:flex;align-items:center;cursor:none}#slicer{justify-content:center}#slicer>img{max-width:100%;position:relative;padding:0}#slicer>img:last-of-type{position:absolute;-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0);left:0;max-width:101%;height:100%}#slicer>img:first-of-type{box-shadow:inset 0 0 3px rgba(0,0,0,.2)}#slicer>span{position:absolute;width:1px;display:block;background:#f3f3f3;height:100%;left:50%;top:0;padding:0 1px;pointer-events:none}.autoSlice{cursor:default}.autoSlice>img:last-of-type{animation-name:slicer_clippath;animation-iteration-count:infinite}.autoSlice>img:last-of-type,.autoSlice>span{animation-duration:2s;animation-direction:alternate}.autoSlice>span{animation-name:slicer_left;animation-iteration-count:infinite}@keyframes slicer_clippath{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes slicer_left{0%{left:0}to{left:100%}}#laos_ergonomy:before{background-image:linear-gradient(124.8deg,#f7eaff -2.73%,#b6e0fe 100.08%)}#laos_mantra{color:#fff}#laos_mantra:before{background-image:url(/projects/laos/assets/mantrabackdrop.jpg);background-size:cover}#laos_sidebar{list-style:none;padding:0;height:100vh}#laos_sidebar>li{display:flex;flex-direction:column;align-items:center;margin-bottom:1em}#laos_sidebar>li:first-of-type section{background-color:#4ebafd}#laos_sidebar>li:nth-of-type(2) section{background-color:#ff1473}#laos_sidebar>li:nth-of-type(3) section{background-color:#ffa613}#laos_sidebar>li:nth-of-type(4) section{background-color:#bf38de}#laos_sidebar>li section{width:50%;display:grid;box-sizing:border-box;justify-items:center;margin-top:-25%;border-radius:7px;transition:height .2s ease;overflow:hidden}#laos_sidebar .ico{width:100%;height:1.5em;display:block;margin:20% 0}#laos_sidebar section .ico:first-of-type{margin-top:80%}.ico_pen{background-image:url(/projects/laos/assets/ico/pen.svg)}.ico_rand{background-image:url(/projects/laos/assets/ico/dice_1.svg)}.ico_moon{background-image:url(/projects/laos/assets/ico/moon.svg)}.ico_pinyin{background-image:url(/projects/laos/assets/ico/show_pinyin.svg)}.ico_english{background-image:url(/projects/laos/assets/ico/english.svg)}#laos_sidebar .app{padding:5%;border-radius:33%;z-index:9;object-fit:contain}#laos_sidebar section .ico:first-of-type{margin-top:65%}#laos_sidebar section .ico:last-of-type{margin-bottom:30%}#laos_mechanics{box-sizing:border-box;padding-top:5%}#laos_mechanics ul{list-style:none;color:#fff;padding:0;margin-bottom:10%;width:40%;display:none}#laos_mechanics ul>ul{border-left:2px solid #fff;padding-left:7%}#laos_mechanics ul>li:first-of-type{font-size:110%}#laos_mechanics p{padding:0}#laos_mechanics .icons{width:10px;height:10px;display:block}#laos_mechanics>section{grid-template-columns:5fr 1fr;column-gap:3%;margin-bottom:5%}#laos_mechanics ul section{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;column-gap:.5em}.ico_pointer{background-image:url(/projects/laos/assets/ico/pointer.svg)}.ico_type{background-image:url(/projects/laos/assets/ico/type.svg)}.ico_scroll{background-image:url(/projects/laos/assets/ico/scroll.svg)}.ico_verti{background-image:url(/projects/laos/assets/ico/vertical.svg)}.ico_grid{background-image:url(/projects/laos/assets/ico/grid.svg)}.ico_static{background-image:url(/projects/laos/assets/ico/static.svg)}.ico_drag{background-image:url(/projects/laos/assets/ico/drag.svg)}.ico_horizontal{background-image:url(/projects/laos/assets/ico/horizontal.svg)}#laos_worlds{position:relative;overflow:hidden;height:100vh;box-sizing:border-box;width:80%;margin-left:10%}#laos_worlds>img{position:absolute;top:0;left:0;transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease}#laos_worlds>img:last-child{clip-path:polygon(0 0,35% 0,15% 100%,0 100%);-webkit-clip-path:polygon(0 0,35% 0,15% 100%,0 100%)}#laos_worlds>img:nth-child(3){clip-path:polygon(35% 0,60% 0,40% 100%,15% 100%);-webkit-clip-path:polygon(35% 0,60% 0,40% 100%,15% 100%)}#laos_worlds>img:nth-child(2){clip-path:polygon(60% 0,85% 0,65% 100%,40% 100%);-webkit-clip-path:polygon(60% 0,85% 0,65% 100%,40% 100%)}#laos_worlds>img:first-child{clip-path:polygon(85% 0,100% 0,100% 100%,65% 100%);-webkit-clip-path:polygon(85% 0,100% 0,100% 100%,65% 100%)}#laos_worlds>img.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.tags{transition:transform .2s ease}.tags:hover{transform:scale(1.3)}.one{transform-origin:328px 326px}.two{transform-origin:265px 230px}.three{transform-origin:195px 456px}.four{transform-origin:544px 207px}.five{transform-origin:81px 113px}.st0,.st1{fill:none}.st1{stroke:#8b4d99;stroke-width:5}.st2{fill:#fff}.st3{fill:#8b4d99}.st4{font-family:noto-bold}.st5{font-size:21px}.st6{fill:none;stroke:#f7a420;stroke-width:5}.st7{fill:#f7a420}.st8{fill:none;stroke:#e72874;stroke-width:5}.st9{fill:#e72874}.st10{fill:none;stroke:#61b5e6;stroke-width:5}.st11{fill:#61b5e6}.st12{fill:none;stroke:#000;stroke-width:5}.st13{fill:#010202}#laos_options{color:#000;width:-webkit-max-content;width:max-content;padding:1em;text-align:center;background:#e8e8e8;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:3px 3px 10px rgba(0,0,0,.19)}#laos_options *{font-family:Sora}#options p{margin:0}#op_topBanner{display:flex;flex-direction:row;align-items:center;white-space:nowrap;box-sizing:border-box;flex-wrap:nowrap;column-gap:10px;justify-content:center;margin-bottom:20px}#op_tobBanner>*{padding:3em}#laos_options #op_topBanner img{max-width:130px}#laos_options #openLaos{position:relative;margin-bottom:1em;display:inline-block;cursor:pointer;padding:.5em .7em;background-color:#61b3ff;border:none;color:#fff}#laos_options #openLaos:hover{background:#1f73c8}#laos_options #openLaos:active{background-color:#14265c}#laos_options .sepbar{width:100%;height:1px;display:block;background:#3c3c3c;visibility:hidden}#laos_options input{display:none}#laos_options .ui{background-color:#d2d2d2;border:thin solid #fff;border-radius:.3em}#laos_options label:focus{background:#838383}#laos_options .switch{display:inline-block;position:relative;border-radius:34px}#laos_options .slider{display:block;width:50px;top:0;height:24px;border-radius:34px}#laos_options .slider:before{position:absolute;content:"";background-color:#fff;transition:.4s;width:20px;height:20px;border-radius:100%;top:3px;left:3px;cursor:pointer}#laos_options .switch input:checked+.slider:before{left:29px}#laos_options .switch input:checked+.slider{background-color:#61b3ff}#laos_options .laos_setting{justify-content:space-between;margin:1em;overflow:hidden;column-gap:20px}#laos_options .laos_setting,#laos_options .radio{display:flex;flex-direction:row;position:relative;align-items:center}#laos_options .radio{width:100%;padding:0;height:24px;justify-content:center}#laos_options .radio span{position:absolute;width:100%;height:100%;transition:all .2s ease}#laos_options .radio:hover>span{background:#9d9d9d}#laos_options .radio p{text-align:center;position:absolute;text-transform:lowercase;font-size:76%;letter-spacing:.1em}#laos_options .radio input:checked+span{background-color:#61b3ff}#laos_options .radio input:checked~p{color:#fff}#laos_options .round{border-radius:34px}#laos_options .nogap{column-gap:0}#laos_options .setting_box{display:inline-block;background:#fff;border-radius:.3em}#laos_options #donate{margin-top:1em}#laos_options #donate p{color:#666;font-size:.7em}#laos_options #about{margin-top:1em;text-align:right}#laos_options #about a{color:#666;font-size:.7em;cursor:default}#laos_options #about a:hover{text-decoration:underline}:root{--mock-laos-tones-a:#4fa3f7;--mock-laos-tones-b:#ff6955;--mock-laos-tones-c:#71bd0e;--mock-laos-tones-d:#e44ff2;--mock-laos-base-0:#fff;--mock-laos-base-50:#ebecee;--mock-laos-base-100:#c2c4ca;--mock-laos-base-200:#a4a8b1;--mock-laos-base-300:#7b808d;--mock-laos-base-400:#616777;--mock-laos-base-500:#3a4155;--mock-laos-base-600:#353b4d;--mock-laos-base-700:#292e3c;--mock-laos-base-800:#20242f;--mock-laos-base-900:#181b24;--mock-laos-primary-50:#e6f7ff;--mock-laos-primary-100:#b1e8ff;--mock-laos-primary-200:#8cddff;--mock-laos-primary-300:#57cdff;--mock-laos-primary-400:#36c3ff;--mock-laos-primary-500:#04b4ff;--mock-laos-primary-600:#04a4e8;--mock-laos-primary-700:#0380b5;--mock-laos-primary-800:#02628c;--mock-laos-primary-900:#024c6b;--round:4px}#mock_popup{font-weight:400;word-break:break-word;width:auto;min-width:13em;max-width:27em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute}#mock_popup h1{margin:0;font-weight:500;font-family:sans-serif}#mock_popup h1,#mock_popup h1 *,#mock_popup.laos_pannel{font-size:16px!important}#mock_popup.laos_pannel{box-shadow:0 2px 5px rgba(0,0,0,.5),inset 0 0 5px rgba(0,0,0,.077);border:1px solid var(--mock-laos-base-100);font-family:Trebuchet MS,sans-serif!important;background-color:var(--mock-laos-base-0);color:var(--mock-laos-base-900);text-align:left;z-index:999059;border-radius:8px}#mock_popup.laos_pannel .laos_folder{background:var(--mock-laos-base-0);border-radius:6px;margin:.5em;padding:.5em;cursor:pointer;transition:background,border,.2s ease-out,transform .3s ease-out;border:1px solid var(--mock-laos-base-50)}#mock_popup.laos_pannel .laos_folder:hover{background:var(--mock-laos-base-50);border-color:var(--mock-laos-base-50)}#mock_popup.laos_pannel .laos_folder:active{background-color:var(--mock-laos-primary-200);color:var(--mock-laos-primary-900);border-color:var(--mock-laos-primary-300)}#mock_popup.laos_pannel .laos_folder.up{transform:.1s cubic-bezier(.03,.35,.35,.9);transform:scale(1.2);box-shadow:0 1px 3px rgba(0,0,0,.3)}#mock_popup.laos_pannel .laos_folder section{padding:0!important}#mock_popup.laos_pannel .laos_folder p{padding-left:.3em;margin:0;font-size:13px;font-weight:lighter;line-height:1.4em;color:var(--mock-laos-base-900)}#mock_popup.laos_pannel .laos_folder .laos_header{font-weight:500;width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;align-items:baseline;margin:0}#mock_popup.laos_pannel .laos_folder .laos_header>*{padding:.3em}#mock_popup.laos_pannel .laos_folder .laos_header h5{font-weight:400;font-size:16px;margin:0!important;color:var(--mock-laos-base-900)}#mock_popup.laos_pannel .laos_folder .laos_header h5:not(:first-child){padding-left:.7em}#mock_popup.laos_pannel .laos_folder .laos_header .laos_zhuyin{font-size:80%!important}#mock_popup.laos_pannel .laos_folder .laos_header .laos_zhongwhen{font-size:110%!important}#mock_popup.laos_pannel .laos_folder .laos_def{font-size:13px!important}#mock_popup.laos_pannel .laos_folder .laos_tone_a{color:#4fa2f7!important}#mock_popup.laos_pannel .laos_folder .laos_tone_b{color:#ff6a55!important}#mock_popup.laos_pannel .laos_folder .laos_tone_c{color:#70bd0e!important}#mock_popup.laos_pannel .laos_folder .laos_tone_d{color:#e54ff2!important}#mock_popup.laos_pannel #laos_tips{margin-top:.4em;position:absolute;font-weight:400;color:#000;font-size:60%;transition:opacity .4s ease;width:100%;background:none;border-radius:.3em;z-index:0;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-wrap:wrap;justify-content:flex-start}#mock_popup.laos_pannel #laos_tips.top{top:0;margin-top:-20%}#mock_popup.laos_pannel #laos_tips p{color:var(--mock-laos-base-900);background:#fff;border-radius:.3em;box-shadow:0 0 4px rgba(0,0,0,.3);width:-webkit-max-content;width:max-content;margin:1%;padding:2%;float:left;font-size:8px;display:flex;align-items:center;column-gap:5px}#mock_popup.laos_pannel #laos_tips svg .chclr{fill:#000}#mock_popup.laos_pannel[data-theme=dark]{background-color:var(--mock-laos-base-800);border-color:var(--mock-laos-base-600)}#mock_popup.laos_pannel[data-theme=dark] *{color:var(--mock-laos-base-50)}#mock_popup.laos_pannel[data-theme=dark] .laos_folder{background:var(--mock-laos-base-700);border-color:var(--mock-laos-base-800)}#mock_popup.laos_pannel[data-theme=dark] .laos_folder .laos_zhongwhen,#mock_popup.laos_pannel[data-theme=dark] .laos_folder p{color:var(--mock-laos-base-50)}#mock_popup.laos_pannel[data-theme=dark] .laos_folder:hover{background:var(--mock-laos-base-600);border-color:var(--mock-laos-primary-700)}#mock_popup.laos_pannel[data-theme=dark] .laos_folder:active{background:var(--mock-laos-base-900);border-color:var(--mock-laos-base-800)}#mock_popup.laos_pannel[data-theme=dark] #laos_tips p{color:var(--mock-laos-base-50);background-color:var(--mock-laos-base-600);border:1px solid var(--mock-laos-base-600)}#mock_popup.laos_pannel[data-theme=dark] #laos_tips svg .chclr{fill:var(--mock-laos-base-50)}#mock_popup.laos_pannel[data-theme=dark] #laos_ocr_accuracy{background-color:var(--mock-laos-base-600)}#mock_popup.laos_pannel[data-theme=dark] .laos-crop-help{background:var(--mock-laos-base-600)}#mock_popup.laos_pannel[data-theme=dark] #laos_ocr_header section svg{fill:var(--mock-laos-base-200)}#mock_popup.laos_pannel[data-theme=dark] #laos_ocr_header section p{color:var(--mock-laos-base-200)}#mock_popup.laos_pannel[data-theme=dark] #laos_ocr_header section #laos_ocr_close>span{background-color:var(--mock-laos-base-200)}#mock_popup.laos_pannel[data-theme=dark] #laos_ocr_body{border-color:var(--mock-laos-base-600)}#cine_board{width:100%;height:100%;background-size:20%}#kinoji-guidestyle:before,#kinoji_layouts:before{background-image:linear-gradient(104.78deg,var(--base-900) 18.85%,#700028 97.5%);padding:5% 0}#kinoji-guidestyle .cartography,#kinoji-guidestyle .guidestyle thead{border-color:hsla(0,0%,87%,.369)}#kinoji-guidestyle .cartography-label{background-color:rgba(32,6,6,.78)}#kinoji-guidestyle hr{border:1px solid hsla(0,0%,87%,.369);border-bottom:none;margin:100px 0}#kinoji-guidestyle #logointroduce{margin-top:50px;display:flex;flex-direction:column}#kinoji-guidestyle #logointroduce img{margin:80px auto auto;width:600px}#kinoji_first_mockup{transform:translateX(15%);max-width:115%}.moviethumb{width:33.3333333333%;display:block;box-sizing:border-box;float:left;padding:1%;position:relative;color-rendering:optimizeSpeed;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}.moviemason{white-space:nowrap;color:#707070;position:relative}.thumbcontain{color:#717070;width:100%;display:inline-block;position:relative}.thumbcontain.deg:after{content:"";position:absolute;bottom:0;left:0;height:100%;width:100%;background:linear-gradient(0,#f3f3f3 5%,hsla(0,0%,100%,0))}.greyborder{border:.5px solid #3d3d3d}.gradcircle{display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.gradcircle.purple:before{background:radial-gradient(#ff00c7 -50%,transparent 50%)}.gradcircle.double:before{background:radial-gradient(circle at 35%,#ff00c7 -87%,transparent 30%),radial-gradient(circle at 60% 43%,red -57%,transparent 31%)}.gradcircle:before{content:"";position:absolute;width:200%;height:200%;padding:10px;box-sizing:border-box;background:radial-gradient(red -50%,transparent 50%);display:block}#inspi>div:nth-child(2){display:flex;flex-direction:column;justify-content:space-between}#toolslider{overflow:hidden}#toolslider .ts_slider img{float:left;transition:transform .2s ease,opacity .2s ease}#toolslider .ts_slider{display:flex;transition:transform .3s ease}#toolslider .ts_tool{display:flex;flex-direction:row;width:50%;justify-content:center;column-gap:2%}.icons{width:35px;height:35px;display:block;background-size:50%}#toolslider .ts_tool>span{background-color:#ddd}#toolslider .body>div{display:flex;align-items:center;flex-direction:column;row-gap:50px}#gotoStore>img{width:30vw}#gotoStore{display:flex;flex-direction:column;justify-content:flex-end;padding:5% 10%;align-items:flex-end}#cinetypo table{border-collapse:collapse;width:100%}#tableKino{padding:3%}#strait img{width:25%}table .leftborder{border-left:2px solid #717070;padding:2% 3%}#cinetypo li{display:flex;flex-direction:row;align-items:center;column-gap:2%}#cinetypo th li{justify-content:center}#cinetypo .iconsboard{margin:10px 0;display:flex;flex-direction:row;column-gap:10px;justify-content:flex-start}#kino_color{display:flex;flex-direction:row;column-gap:5%}#kino_color span{width:80px;height:80px;display:block}.taglabel{display:flex;flex-direction:column;justify-content:flex-start;column-gap:3%;align-items:center}.connector{height:14px;margin:7px 0}.taglabel span{background-image:url(/projects/kinoji/assets/dtb.svg);flex-shrink:0}.taglabel p{background:#ddd;padding:1% 4%;color:#000}#showcase img{margin-bottom:10%}#miniLoader{width:110px;height:30px;border-radius:4px;justify-content:center;padding-left:3%;padding-right:3%}#miniLoader span{width:.5em;height:.5em;float:left;margin:0 .2em;display:block;background:#c72222;opacity:0}#table_font tbody td{box-sizing:border-box;padding:10px}#table_font tbody td p{color:#aaa;margin-bottom:10px}#table_font tbody tr:nth-of-type(2) td{width:50%}#table_color tbody tr td{height:100px}#table_color tbody tr td:first-of-type,#table_color tbody tr td:nth-of-type(2){width:50px}#table_color tbody tr td:nth-of-type(3),#table_color tbody tr td:nth-of-type(4){width:25px}#table_inputs tbody tr{vertical-align:top}#table_inputs tbody tr td{height:auto;box-sizing:border-box}#table_inputs tbody tr:nth-of-type(2) td{vertical-align:middle;justify-content:center;border-radius:2px}#table_inputs tbody tr:nth-of-type(2) td:first-of-type{padding-left:3px}#table_icono tbody td{vertical-align:middle}#table_icono tbody td img{margin:10px;width:24px;height:24px}.article[data-board-name=Music] .imgWrapper{position:relative}.article[data-board-name=Music],.article[data-board-name=Music]>*{overflow:visible}.article[data-board-name=Meditation]>section div:last-child .imgWrapper{position:relative}.article[data-board-name=Diffuser] .body>div:last-of-type{display:flex;flex-direction:column;justify-content:flex-end}.musicWave{pointer-events:none;position:absolute;width:120vw;display:block;height:100%;left:50%;transform:translateX(-50%);background-repeat:repeat-x;background-image:url(/projects/mengfeng/assets/wave_1.svg);background-size:99%;opacity:.3;z-index:0;animation-name:waveslide;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes waveslide{to{background-position-x:-121vw}}.musicWave:nth-of-type(2){opacity:.2;animation-delay:1.5s}.mengfeng-cartography{box-sizing:border-box}.mengfeng-cartography .cartography{border-color:var(--primary-100)}#diffuse_lumino{color:#fff}#diffuse_lumino:before{top:-7%;background:linear-gradient(124.8deg,#491dbc -2.73%,#0f175f 100.08%)}#diffuse_lumino>section>div:first-of-type{padding-top:10%}#diffuse_lumino>section>div:last-of-type{padding-bottom:20%}#zenIllu{position:absolute;bottom:20%;width:80%;left:30%;z-index:0;animation-name:sin;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes sin{to{transform:translateY(80px)}}#pairing section:first-of-type{margin-top:5%}#pairing section:nth-of-type(2){margin-top:10%}#pairing section:nth-of-type(3){margin-top:15%}
/*# sourceMappingURL=c1ae10a5459c5be9.css.map*/