html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}:root{--grid-gutter:20px;--page-gutter:40px}@media (min-width:721px){.mq-md-down-only{display:none !important}}@media (max-width:720px){.mq-lg-up-only{display:none !important}}@font-face{font-family:'TH-Laand';font-weight:400;src:url('../fonts/THLAANDRegular.woff') format('woff')}@font-face{font-family:'TH-Laand';font-weight:700;src:url('../fonts/THLAANDBold.woff') format('woff')}[data-debug-layout="true"]:after{content:'';position:fixed;left:0;top:0;padding:.5em;font-size:16px;z-index:100}@media (min-width:1801px){[data-debug-layout="true"]:after{content:'xl: 1801px +';color:#00c8a9}}@media (min-width:721px) and (max-width:1800px){[data-debug-layout="true"]:after{content:'lg: 721px - 1800px';color:#00b0b8}}@media (min-width:481px) and (max-width:720px){[data-debug-layout="true"]:after{content:'md: 481px - 720px';color:#0098c7}}@media (max-width:480px){[data-debug-layout="true"]:after{content:'sm: 0 - 480px';color:#0080d6}}@media (max-width:320px){[data-debug-layout="true"]:after{content:'xs: 0 - 320px';color:#0068e5}}[data-debug-outline="true"]>*{outline:1px solid rgba(230,0,0,0.333)}[data-debug-outline="true"]>*>*{outline:1px solid rgba(230,115,0,0.333)}[data-debug-outline="true"]>*>*>*{outline:1px solid rgba(229,230,0,0.333)}[data-debug-outline="true"]>*>*>*>*{outline:1px solid rgba(115,230,0,0.333)}[data-debug-outline="true"]>*>*>*>*>*{outline:1px solid rgba(0,230,0,0.333)}[data-debug-outline="true"]>*>*>*>*>*>*{outline:1px solid rgba(0,230,115,0.333)}[data-debug-outline="true"]>*>*>*>*>*>*>*{outline:1px solid rgba(0,229,230,0.333)}[data-debug-outline="true"]>*>*>*>*>*>*>*>*{outline:1px solid rgba(0,115,230,0.333)}[data-debug-outline="true"]>*>*>*>*>*>*>*>*>*{outline:1px solid rgba(0,0,230,0.333)}[data-debug-outline="true"]>*>*>*>*>*>*>*>*>*>*{outline:1px solid rgba(115,0,230,0.333)}[data-debug-baseline="true"]{background:linear-gradient(to bottom, #e10000, #e10000 1px, transparent 1px, transparent);background-size:100% 1.25rem}[data-debug-layout="true"]:before{content:'';position:fixed;width:auto;margin:0 auto;top:0;left:30px;right:calc( 30px  -  20px );bottom:0;z-index:1;opacity:.15;background-size:8.33333333% auto;background-image:linear-gradient(to right, currentColor calc(100% -  20px ), transparent 1px);pointer-events:none;mix-blend-mode:multiply}@media (min-width:1801px){[data-debug-layout="true"]:before{color:#00c8a9}}@media (min-width:721px) and (max-width:1800px){[data-debug-layout="true"]:before{color:#00b0b8}}@media (min-width:481px) and (max-width:720px){[data-debug-layout="true"]:before{color:#0098c7}}@media (max-width:480px){[data-debug-layout="true"]:before{color:#0080d6}}@media (max-width:320px){[data-debug-layout="true"]:before{color:#0068e5}}h1,h2,h3,h4,h5,h6{font-weight:400}figure{margin:0;padding:0}img,video{display:block;max-width:100%;height:auto}button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-align:left}:focus{outline:none}@media (min-width:481px){.mq-sm-down-only{display:none}}body{background-color:#fff;color:#000}body[data-intro="playing"]{overflow:hidden}.page-content{background-color:#fff;color:#000}.about-main{padding-top:30px}@media (max-width:720px){.about-main{padding-top:4rem}}#about{position:relative;z-index:1;background:#fff}.about-header-cover{position:-webkit-sticky;position:sticky;top:0;width:100%;height:4rem;z-index:5}@media (max-width:720px){.about-header-cover{height:2.5rem}}@media (max-width:720px){}.project-snippet{display:block;float:left;min-width:50%;min-width:calc( 50%  -  20px );margin-right:20px;margin-bottom:2rem}.project-snippet .project-snippet-images:before,.project-snippet .project-snippet-images:after{display:table;content:""}.project-snippet .project-snippet-images:after{clear:both}.project-snippet .text-label{width:100%}.project-snippet:hover .snippet-image{transform:skewX(-25deg);transition-timing-function:ease-in-out;transition-duration:199.8ms}.snippet-image{height:7.5rem;width:auto;float:left;margin-right:1rem;margin-bottom:1rem;transform:skewX(0);-webkit-transition:all .3s ease;transition:all .3s ease;transition-property:transform;transition-timing-function:cubic-bezier(.68, -0.55, .265, 1.55);transition-duration:399.6ms;transform-origin:bottom left}@media (max-width:720px){.snippet-image{height:5rem}}.snippet-image img{height:100%;width:auto}.vimeo-embed{position:relative;padding:0 0 56.25% 0;max-height:100vh;max-width:100vw;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}.video-player{width:100%;height:100%;position:absolute}.video-player iframe{width:100%;height:100%}.audio-embed-container{display:flex;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}.audio-embed{width:50%;height:auto;margin:0 auto}@media (max-width:720px){.audio-embed{width:70%}}html{font-size:14px}@media (max-width:720px){html{font-size:16px}}@media (max-width:720px){html{font-size:12px}}body,input,textarea,button{font-family:'TH-Laand',sans-serif;font-size:1rem;line-height:1.25;letter-spacing:0;word-spacing:0;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.text p{margin:0 0 1.25rem}.text p:last-child{margin-bottom:0}.text-large{font-size:2rem;line-height:1.25;letter-spacing:0;word-spacing:0}.text-large p{margin:0;text-indent:2em}.text-large p:first-child{text-indent:0}@media (max-width:720px){.text-large{font-size:1rem;line-height:1.25;letter-spacing:0;word-spacing:0}}a{color:inherit;text-decoration:none}strong{font-weight:700}.text-section{margin-bottom:2.5rem}.text-section:before,.text-section:after{display:table;content:""}.text-section:after{clear:both}@media (max-width:720px){.text-section{margin-bottom:1.25rem}}.text-section:last-child{margin-bottom:30px}.text-area{width:100%;width:calc( 100%  -  20px );margin-right:20px}.text-area-col{width:25%;width:calc( 25%  -  20px );margin-right:20px;float:left}@media (max-width:720px){.text-area-col{width:50%;width:calc( 50%  -  20px );margin-right:20px}}@media (max-width:720px){.text-area-col::first-child{margin-bottom:1.25rem}}@media (max-width:480px){.text-area-col{width:100%;width:calc( 100%  -  20px );margin-right:20px}}p a{color:#687A99}.toggle-view-button{width:20px;height:20px;position:fixed;right:30px;bottom:30px;color:#687A99;z-index:10}[data-intro="playing"] .toggle-view-button{opacity:0}[data-no-play="true"] .toggle-view-button{opacity:1}.toggle-view-button:hover{animation:colorLoop 5s infinite linear}.toggle-view-button.view-overview i{width:8px;height:8px;float:left;border:1px solid;margin:1px}.toggle-view-button.view-detail i{width:8px;height:8px;float:left;border:1px solid transparent;margin:1px}.toggle-view-button.view-detail i:nth-child(1){border-left:1px solid;border-top:1px solid}.toggle-view-button.view-detail i:nth-child(2){border-right:1px solid;border-top:1px solid}.toggle-view-button.view-detail i:nth-child(3){border-left:1px solid;border-bottom:1px solid}.toggle-view-button.view-detail i:nth-child(4){border-right:1px solid;border-bottom:1px solid}@keyframes blink{50%{opacity:0}}@-webkit-keyframes blink{50%{opacity:0}}.blink{animation:blink 1s step-start 0s infinite;-webkit-animation:blink 1s step-start 0s infinite}.site-title{cursor:pointer}@media (max-width:720px){}.leaning-laand{font-weight:700}.leaning-laand span{position:relative;display:inline-block}inner{display:block;margin:0;padding:0;border:0}inner{width:100%;padding-left:30px;padding-right:calc( 30px  -  20px )}inner:before,inner:after{display:table;content:""}inner:after{clear:both}.project-view{position:relative;width:100%;height:100vh;overflow:hidden;-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease;transition:all .3s ease;transition-property:transform;transition-duration:666ms}@media (max-width:480px){.project-view{height:100vh}}[data-intro="playing"] .project-view{-ms-transform:translateY(100vh);-moz-transform:translateY(100vh);-webkit-transform:translateY(100vh);transform:translateY(100vh)}[data-no-play="true"] .project-view{transition:none !important;transition-duration:0s !important;-ms-transform:translateY(0) !important;-moz-transform:translateY(0) !important;-webkit-transform:translateY(0) !important;transform:translateY(0) !important}.slide-level{position:-webkit-sticky;position:sticky;top:0;padding:0 4px;color:#687A99;width:30px;text-align:center;-ms-transform:translateY(-3px);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}[data-no-movement="true"] .slide-level{display:none}.slide-level.slide-prev-level{float:left}@media (max-width:720px){.slide-level.slide-prev-level{left:0}}.slide-level.slide-next-level{float:right}@media (max-width:720px){.slide-level.slide-next-level{right:0}}@media (max-width:720px){.slide-level{position:absolute;top:50% !important;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.project-view-title{position:absolute;left:30px;bottom:30px;mix-blend-mode:difference;color:white}.project-more-info{display:none}.portfolio-slides{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#fff}.portfolio-slides[data-no-movement="true"]{touch-action:none}.portfolio-slide{position:absolute;top:0;left:0;right:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;transition-duration:.5s;transition-property:transform;transform-origin:bottom center;transform:translateY(-100000%) skewX(0);visibility:hidden}.portfolio-slide.is-active{transform:translateX(0) skewX(0) scale(1);opacity:1;visibility:visible}.portfolio-slide.is-next{transform:translateX(125%) skewX(-33deg) scale(1);opacity:1;visibility:visible}.portfolio-slide.is-prev{transform:translateX(-125%) skewX(33deg) scale(1);opacity:1;visibility:visible}.images-block{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.images-block[data-count="1"] .image-cell{width:100%;height:100vh;float:left;position:relative}.images-block[data-count="1"] .image-cell img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.images-block[data-count="1"][data-sizing="inset"] img{width:70%;height:70%;position:absolute;top:15%;left:15%}@media (max-width:720px){.images-block[data-mobile-sizing="rotated"] .image-cell{width:100vh;transform-origin:top left;height:100vw;transform:rotate(90deg);float:left;position:relative;position:absolute;left:100%;top:0}}@media (max-width:720px){.images-block[data-mobile-sizing="rotated"] .image-cell img{object-fit:cover}}@media (max-width:720px){.images-block[data-mobile-options="showfirst"] .image-cell{width:100% !important;height:100vh !important;float:left;position:relative}}@media (max-width:720px){.images-block[data-mobile-options="showfirst"] .image-cell:last-child{display:none}}@media (max-width:720px){.images-block[data-mobile-options="showfirst"] .image-cell img{object-fit:cover}}@media (max-width:720px){.images-block[data-mobile-options="showsecond"] .image-cell{width:100% !important;height:100vh !important;float:left;position:relative}}@media (max-width:720px){.images-block[data-mobile-options="showsecond"] .image-cell:first-child{display:none}}@media (max-width:720px){.images-block[data-mobile-options="showsecond"] .image-cell img{object-fit:cover}}.images-block[data-count="2"] .image-cell{width:50%;height:100vh;float:left;position:relative}.images-block[data-count="2"] .image-cell img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:720px){.images-block[data-count="2"] .image-cell{width:100%;height:50vh}}@media (max-width:720px){.images-block[data-mobile-sizing="flush"] .image-cell img{object-fit:cover}}.slide-next-trigger{position:absolute;top:2.5rem;right:0;bottom:2.5rem;width:40%;height:auto;cursor:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.848485 5.64831V4.35169L13.3975 4.42274V4.38721L9.24421 1.54529V0L16 4.97336V5.0444L9.24421 10V8.45471L13.3975 5.61279V5.57727L0.848485 5.64831Z' fill='black'/%3E%3C/svg%3E%0A") -20 -20,e-resize;cursor:none}@media (max-width:720px){.slide-next-trigger{cursor:pointer}}.slide-next-trigger:hover~.slide-next-level{animation:colorLoop 5s infinite linear}@media (max-width:720px){.slide-next-trigger{width:20%;width:6rem;top:40%;bottom:40%}}[data-no-movement="true"] .slide-next-trigger{display:none}[data-current-slide-type="soundcloud"] .slide-next-trigger{width:20%}.slide-prev-trigger{position:absolute;top:2.5rem;left:0;bottom:2.5rem;width:40%;height:auto;cursor:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1515 5.64831V4.35169L2.6025 4.42274V4.38721L6.75579 1.54529V0L0 4.97336V5.0444L6.75579 10V8.45471L2.6025 5.61279V5.57727L15.1515 5.64831Z' fill='black'/%3E%3C/svg%3E%0A") -20 -20,w-resize;cursor:none}@media (max-width:720px){.slide-prev-trigger{cursor:pointer}}.slide-prev-trigger:hover~.slide-prev-level{animation:colorLoop 5s infinite linear}@media (max-width:720px){.slide-prev-trigger{width:6rem;top:40%;bottom:40%}}[data-no-movement="true"] .slide-prev-trigger{display:none}[data-current-slide-type="soundcloud"] .slide-prev-trigger{width:20%}.slide-down-trigger{position:absolute;top:20%;left:40%;right:40%;bottom:0;width:20%;height:80%;cursor:url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.92744 0.424241L6.22406 0.424241L6.15302 12.9733L6.18854 12.9733L9.03046 8.81996L10.5758 8.81996L5.60239 15.5758L5.53135 15.5758L0.575752 8.81996L2.12104 8.81996L4.96296 12.9733L4.99849 12.9733L4.92744 0.424241Z' fill='black'/%3E%3C/svg%3E%0A") -20 -20,s-resize;cursor:none}[data-current-slide-type="soundcloud"] .slide-down-trigger{height:calc(50% - 200px);top:auto}@media (max-width:720px){.slide-down-trigger{cursor:pointer}}@media (max-width:720px){.slide-down-trigger{display:none}}.full-screen-video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.full-screen-video video{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.final-credits-container{width:100%;height:100%;display:flex;align-items:center}.final-slide-credits{text-align:center;max-width:36rem;margin:0 auto;padding:0 30px}.cursor{position:fixed;-ms-transform:translate3d(-50%, -50%, 0) rotate(180deg);-moz-transform:translate3d(-50%, -50%, 0) rotate(180deg);-webkit-transform:translate3d(-50%, -50%, 0) rotate(180deg);transform:translate3d(-50%, -50%, 0) rotate(180deg);color:#fff;mix-blend-mode:difference;pointer-events:none;font-size:2rem;opacity:0}@media (max-width:720px){.cursor{display:none}}@media (min-width:721px){[data-cursor-setting="down"] .cursor{transform:translate3d(-50%, -50%, 0) rotate(180deg) !important;opacity:1 !important}}@media (min-width:721px){[data-cursor-setting="left"] .cursor{transform:translate3d(-50%, -50%, 0) rotate(270deg) !important;opacity:1 !important}}@media (min-width:721px){[data-cursor-setting="right"] .cursor{transform:translate3d(-50%, -50%, 0) rotate(90deg) !important;opacity:1 !important}}@media (min-width:721px){[data-cursor-setting="none"] .cursor{opacity:0 !important;-ms-transform:translate3d(-50%, -50%, 0) rotate(180deg);-moz-transform:translate3d(-50%, -50%, 0) rotate(180deg);-webkit-transform:translate3d(-50%, -50%, 0) rotate(180deg);transform:translate3d(-50%, -50%, 0) rotate(180deg)}}@media (min-width:721px){body[data-cursor-setting="down"]{cursor:none !important}}@media (min-width:721px){body[data-cursor-setting="down"] *,body[data-cursor-setting="down"] *:acitve,body[data-cursor-setting="down"] *:focus{cursor:none !important}}@media (min-width:721px){body[data-cursor-setting="left"]{cursor:none !important}}@media (min-width:721px){body[data-cursor-setting="left"] *,body[data-cursor-setting="left"] *:acitve,body[data-cursor-setting="left"] *:focus{cursor:none !important}}@media (min-width:721px){body[data-cursor-setting="right"]{cursor:none !important}}@media (min-width:721px){body[data-cursor-setting="right"] *,body[data-cursor-setting="right"] *:acitve,body[data-cursor-setting="right"] *:focus{cursor:none !important}}.site-header{text-align:center;mix-blend-mode:difference;color:white}.typed-title,.static-title,.leaning-title,.leaning-title-home{position:fixed;mix-blend-mode:difference;text-align:center;color:white;left:0;right:0;top:0;-ms-transform:translateY(10px);-moz-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10;transition-duration:666ms}[data-intro="playing"] .typed-title,[data-intro="playing"] .static-title,[data-intro="playing"] .leaning-title,[data-intro="playing"] .leaning-title-home{-ms-transform:translateY(calc(45vh -  2rem ));-moz-transform:translateY(calc(45vh -  2rem ));-webkit-transform:translateY(calc(45vh -  2rem ));transform:translateY(calc(45vh -  2rem ))}@media (max-width:720px){[data-intro="playing"] .typed-title,[data-intro="playing"] .static-title,[data-intro="playing"] .leaning-title,[data-intro="playing"] .leaning-title-home{-ms-transform:translateY(calc(45vh -  2rem ));-moz-transform:translateY(calc(45vh -  2rem ));-webkit-transform:translateY(calc(45vh -  2rem ));transform:translateY(calc(45vh -  2rem ))}}[data-no-play="true"] .typed-title,[data-no-play="true"] .static-title,[data-no-play="true"] .leaning-title,[data-no-play="true"] .leaning-title-home{transition:none !important;transition-duration:0s !important;-ms-transform:translateY(10px) !important;-moz-transform:translateY(10px) !important;-webkit-transform:translateY(10px) !important;transform:translateY(10px) !important}.typed-tagline{position:fixed;mix-blend-mode:difference;text-align:center;color:white;left:0;right:0;top:0;-ms-transform:translateY(45vh);-moz-transform:translateY(45vh);-webkit-transform:translateY(45vh);transform:translateY(45vh)}@media (max-width:720px){.typed-tagline{display:block;font-size:2rem}}[data-tagline='hidden'] .typed-tagline{display:none}@media (max-width:720px){.typed-title,.leaning-title{display:none}}.leaning-title-home{display:none}[data-no-play="true"] .leaning-title-home{display:block}@media (max-width:720px){.leaning-title-home{display:none !important}}[data-no-play="true"] .typed-title{display:none !important}.static-title{display:none}@media (max-width:720px){.static-title{display:block;font-size:2rem}}