html{scrollbar-gutter:stable}html,body{fill:#f0f0f0;width:100%;height:100%;margin:0;padding:0}canvas{margin:0 auto;display:block}.extra-content{height:2000px}.scroll-prompt{z-index:2;justify-content:center;align-items:center;width:75px;height:75px;font-weight:500;transition:opacity 1s ease-out;animation:2s infinite slidedown;display:flex;position:fixed;bottom:80px;left:50%;right:50%}.arrow-down{z-index:3;border:10px solid #ff291e;border-width:0 10px 10px 0;padding:10px;display:inline-block;transform:rotate(45deg)}.scroll-prompt-shape{animation:(slidedown 2s infinite)}.hidden,.abs-hidden{display:none}@keyframes slidedown{0%{opacity:0}75%{opacity:1;transform:translate(0, 80px),}to{opacity:0;transform:translateY(80px)}}.section,.section-info{justify-content:center;width:100%;margin-bottom:40px;display:flex}.overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.overlay img,.overlay video{cursor:pointer;border-radius:12px;max-width:90%;max-height:90%;display:none;box-shadow:0 0 20px #0006}.works-section{padding:20px;font-size:1.2rem}.container-div{width:100%;max-width:1200px;margin:0 auto}.container-div-explorations{width:100%;max-width:1500px;margin:20px auto}.four-section{justify-content:center;align-items:center;gap:40px;max-width:1200px;padding:20px;font-size:1.2rem;display:flex}.four-square{object-fit:cover;width:100%;max-width:800px;height:auto}.three-square{object-fit:cover;width:100%;height:auto}.centre-page{justify-content:center;align-items:center;display:flex}.head{min-height:5vh}#js-area{min-height:100vh}.image-about-section{opacity:0;flex:1;transition:opacity .8s ease-out,transform .8s ease-out;display:flex;transform:translateY(25px)}.image-about-section img{width:80%;height:auto;margin-left:60px;padding:20px;box-sizing:none!important}.image-about-section.show{opacity:1;transform:translateY(0)}#about-me{justify-content:center;align-items:center;gap:20px;display:flex}.about-section{opacity:0;flex:1;max-width:50%;padding:5% 50px 50px;font-family:Outfit,sans-serif;font-size:1.2rem;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.about-section.show{opacity:1;text-align:left;transform:translateY(0)}.about-title-text{font-family:Outfit,sans-serif;font-size:3rem}.experience-section{justify-content:center;display:flex}.dropdown-title{float:left;margin:1%;padding-top:2%;padding-bottom:2%;font-family:Outfit,sans-serif;font-size:1.5rem}.dropdown-icon{float:right;margin:1%;padding-top:2%;padding-bottom:2%;font-family:Outfit,sans-serif;font-size:1.5rem}.experience-box{width:55%;display:block}.works-section{grid-template-columns:repeat(auto-fill,minmax(300px,2fr));justify-content:center;gap:16px;max-width:1200px;padding:16px;display:grid}.works-section img{object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.works-section img:hover{opacity:0}.grid-item:hover .grid-overlay,.grid-item:hover .grid-overlay-experiments{opacity:1}.grid-item{aspect-ratio:1;transition:transform .3s;position:relative;overflow:hidden}.grid-item img{object-fit:cover}.grid-overlay{color:#fff;text-align:center;opacity:0;background:#ff291e;justify-content:center;align-items:center;width:100%;height:100%;font-family:Outfit,sans-serif;font-size:max(16px,2.5vw);transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.grid-overlay-experiments{color:#fff;text-align:center;opacity:0;background:#8504b0;justify-content:center;align-items:center;width:100%;height:100%;font-family:Outfit,sans-serif;font-size:max(16px,2.5vw);transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.explorations-default-text{color:#a5a5a5;float:left;font-family:Outfit,sans-serif;font-size:40px;display:flex}.explorations-section-title{fill:#000;padding-left:10px;padding-right:10px;font-family:Outfit,sans-serif;font-size:30px}.exploration-section-box{margin-bottom:25px;margin-left:25px;margin-right:15px;padding-left:10px;padding-right:10px;display:flex}.exploration-section-box a{text-decoration:none}.exploration-tab a{color:#000;transition:color .3s}.exploration-tab a:hover{color:#ff291e}.exploration-tab{fill:#000;border-radius:5px;margin-left:20px;margin-right:20px}.footer-social a{padding:5px;text-decoration:none}.footer-social a:hover{filter:brightness(100)saturate(60%)invert(30%)sepia(200%)saturate(1000%)hue-rotate(-28deg);transition:filter .3s}.selected-tab{border-bottom:5px solid #ff291e}.exploration-section-box button{color:#000;text-align:center;border:none;margin-left:25px;margin-right:15px;padding:10px 24px;font-size:25px;text-decoration:none;display:inline-block}.exploration-section-box img{object-fit:cover;break-inside:avoid;width:auto;max-width:100%;height:auto;margin-bottom:10px;display:block}.container{max-width:100%;margin-bottom:5%}.container-sketches{fill:#000;max-width:100%;margin-bottom:5%}.exploration-section-box.show{opacity:1;text-align:left;transform:translateY(0)}.exploration-render-grid{column-count:4;fill:#000;column-gap:10px;padding-bottom:45px;padding-left:45px;padding-right:45px}.grid-box{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(12,1fr);gap:0;display:grid}.grid-box1{grid-area:span 1/span 4/span 1/span 4}.grid-box2{grid-area:1/5/span 3/span 4}.grid-box3{grid-area:2/1/span 2/span 4}.grid-box4{grid-area:1/9/span 2/span 4}.grid-box5{grid-area:4/5/span 5/span 2}.grid-image img,video{object-fit:cover;cursor:pointer;border:0 solid #000;border-radius:3%;width:auto;max-width:100%;height:auto;display:block}.grid-image{break-inside:avoid;margin-bottom:10px}.grid-image-transition{break-inside:avoid;opacity:0;margin-bottom:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.grid-image-transition.show{opacity:1;text-align:left;transform:translateY(0)}.footer-container{text-align:center;color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:20px;padding:20px;font-family:Outfit,sans-serif;display:flex}#footer-year{gap:20px;margin-top:10px;display:flex}.footer-links a{color:#000;font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#428a71}.footer-social{margin-top:10px}.footer-social img{cursor:pointer;width:24px;height:24px;margin:0 8px;transition:opacity .3s}.footer-social img:hover{opacity:.7}.project-brief{justify-content:flex-end;margin-top:3%;display:flex}.project-overall{flex-direction:column;display:flex}.project-summary{text-align:right;align-items:stretch;height:100%;margin-top:5%;display:flex}.project-summary ul{flex-direction:column;justify-content:space-between;width:150px;height:100%;font-family:Outfit,sans-serif;list-style-type:none;display:flex}.project-summary div{flex-direction:column;justify-content:space-between;height:100%;display:flex}.project-summary li{clear:both;width:100%;margin-top:10%;font-size:1rem}.project-heading{flex:1;padding-left:0%;font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:500}.project-outcome{color:#2d2d2d;flex:1;margin-top:2%;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600}.project-brief-text{flex:1;margin-top:1.5%;font-family:Outfit,sans-serif;font-size:1rem}.hero-image img{object-fit:cover;width:100%;height:auto;max-height:700px}.hero-image{opacity:0;justify-content:center;align-items:center;width:100%;transition:opacity .8s ease-out,transform .8s ease-out;display:flex;transform:translateY(25px)}.hero-image.show{opacity:1;transform:translateY(0)}.project-image-one{justify-content:center;align-items:center;width:100%;margin-top:100px;display:flex}.project-image-one img{object-fit:cover;width:100%;height:auto;max-height:700px}.project-image-content{justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.project-image-content img{object-fit:cover;width:100%;height:auto;max-height:700px}@media (width>=200px) and (width<=345px){.scroll-prompt,#js-area{display:none}.about-summary{text-align:center;font-size:12px}.about-title-text{text-align:center;font-size:20px}.about-section{max-width:100%}.image-about-section{box-sizing:none;justify-content:center}.image-about-section img{margin-left:0}.section-info{flex-direction:column;justify-content:center;width:100%;margin-bottom:40px;display:flex}#about-me{flex-direction:column-reverse}.works-section{grid-template-columns:1fr;justify-content:center;gap:16px;display:grid}.works-section img{object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.grid-overlay{opacity:1;font-size:max(16px,10vw)}.grid-item img{width:100%;margin:10px}.grid-overlay-experiments{opacity:1;font-size:max(16px,10vw)}.project-image-one{margin-top:50px}.project-image-content{margin-top:0;padding-top:20px;padding-left:20px;padding-right:20px}.four-section{flex-direction:column;gap:10px;padding-bottom:0}.container-div{margin:auto}.project-brief{flex-direction:column;margin-left:10px;margin-right:10px}.project-outcome{margin-top:4%}.project-summary ul{width:95%}.project-summary li{margin-top:3%}.exploration-render-grid{padding-bottom:30px}.explorations-default-text{font-size:25px}.exploration-section-box{flex-direction:column}.explorations-section-title{padding-left:1px;padding-right:1px;font-size:20px}.exploration-render-grid{column-count:1;column-gap:10px}}@media (width>=345px) and (width<=475px){.scroll-prompt{display:none}.about-summary{text-align:center;font-size:12px}.about-title-text{text-align:center;font-size:20px}.about-section{max-width:100%}.image-about-section{justify-content:center}.image-about-section img{margin-left:0}.section-info{flex-direction:column;justify-content:center;width:100%;margin-bottom:40px;display:flex}#about-me{flex-direction:column-reverse}.project-image-one{margin-top:50px}.project-image-content{width:100%;margin-top:0;padding-left:20px;padding-right:20px}.four-section{flex-direction:column;gap:10px}.container-div{margin:auto}.project-brief{flex-direction:column;margin-left:10px;margin-right:10px}.project-outcome{margin-top:4%}.project-summary ul{width:95%}.project-summary li{margin-top:3%}#js-area{display:none}.works-section{grid-template-columns:1fr;justify-content:center;gap:16px;display:grid}.works-section img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.grid-overlay{opacity:1;font-size:max(16px,10vw)}.grid-item img{width:100%;margin:10px}.grid-overlay-experiments{opacity:1;font-size:max(16px,10vw)}.exploration-section-box{flex-direction:column}.container-div-explorations{width:100%;max-width:1500px;margin:5px auto}.exploration-render-grid{padding-bottom:30px}.explorations-default-text{font-size:25px}.explorations-section-title{padding-left:1px;padding-right:1px;font-size:20px}.exploration-render-grid{column-count:1;column-gap:10px}}@media (width<=540px) and (width>=476px){.scroll-prompt,#js-area{display:none}.about-summary{text-align:center;font-size:25px}.about-title-text{text-align:center;font-size:40px}.about-section{max-width:100%}.image-about-section{justify-content:center}.image-about-section img{max-width:700px;margin-left:0}.section-info{flex-direction:column-reverse;justify-content:center;width:100%;margin-bottom:40px;display:flex}.works-section{grid-template-columns:repeat(2,minmax(200px,1fr));justify-content:center;gap:16px;margin:0 20px;display:grid}.works-section img{object-fit:cover;width:100%;height:100%}.explorations-section-title{padding-left:6px;padding-right:6px;font-family:Outfit,sans-serif;font-size:20px}.exploration-render-grid{column-count:3;column-gap:10px;padding-bottom:40px;padding-left:36px;padding-right:36px}.explorations-default-text{font-size:30px}}@media (width<=915px) and (width>=541px){.scroll-prompt,#js-area{display:none}.about-summary{text-align:center;font-size:25px}.about-title-text{text-align:center;font-size:40px}.about-section{max-width:100%}.image-about-section{justify-content:center}.image-about-section img{max-width:700px;margin-left:0}.section-info{flex-direction:column-reverse;justify-content:center;width:100%;margin-bottom:40px;display:flex}.works-section{grid-template-columns:repeat(2,minmax(300px,1fr));justify-content:center;gap:16px;margin:0 20px;display:grid}.explorations-section-title{padding-left:6px;padding-right:6px;font-family:Outfit,sans-serif;font-size:20px}.exploration-render-grid{column-count:3;column-gap:10px;padding-bottom:40px;padding-left:36px;padding-right:36px}.explorations-default-text{font-size:30px}}@media (width<=1200px) and (width>=475px){.project-brief{margin-left:20px;margin-right:20px}}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../assets/fonts/outfit-latin-wght.woff2)format("woff2")}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}figure{margin:1em 40px}img{border-style:none}code,kbd,pre,samp{font-family:monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;white-space:normal;max-width:100%;padding:0;display:table}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:Segoe UI,Arial,sans-serif;font-weight:400}hr{border:0;border-top:1px solid #eee;margin:20px 0}img{vertical-align:middle}a{color:inherit}.w3-animate-opacity{animation:.8s opac}@keyframes opac{0%{opacity:0}to{opacity:1}}.site-header.svelte-1elxaub{z-index:1;font-family:Outfit,sans-serif;position:relative}.bar.svelte-1elxaub{align-items:center;gap:48px;height:72px;padding:0 5vw;display:flex}.logo.svelte-1elxaub{flex-shrink:0;display:flex}.logo-mark.svelte-1elxaub{background-color:#231f20;width:40px;height:40px;transition:background-color .3s;display:block;-webkit-mask:url(../../../assets/logo.svg) 50%/contain no-repeat;mask:url(../../../assets/logo.svg) 50%/contain no-repeat}.logo.svelte-1elxaub:hover .logo-mark:where(.svelte-1elxaub),.logo.svelte-1elxaub:focus-visible .logo-mark:where(.svelte-1elxaub){background-color:#ff291e}.links.svelte-1elxaub{align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex}.links.svelte-1elxaub a:where(.svelte-1elxaub){color:#000;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.links.svelte-1elxaub a:where(.svelte-1elxaub):hover,.links.svelte-1elxaub a:where(.svelte-1elxaub):focus-visible,.social.svelte-1elxaub a:hover,.social.svelte-1elxaub a:focus-visible{color:#ff291e}.social.svelte-1elxaub{align-items:center;gap:16px;margin-left:auto;font-size:16px;display:flex}.social.svelte-1elxaub a{color:#000;text-decoration:none;transition:color .3s;display:flex}.menu-button.svelte-1elxaub{color:#000;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;font-size:22px;display:none}.menu-icon.svelte-1elxaub{display:block}.spin.svelte-1elxaub{animation:.2s forwards svelte-1elxaub-spin}.spin-back.svelte-1elxaub{animation:.2s forwards svelte-1elxaub-spin-back}@keyframes svelte-1elxaub-spin{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes svelte-1elxaub-spin-back{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.mobile-menu.svelte-1elxaub{background-color:#393939;margin:0;padding:0;list-style:none}.mobile-menu[hidden].svelte-1elxaub{display:none}.mobile-menu.svelte-1elxaub a:where(.svelte-1elxaub){color:#fff;padding:14px 20px;font-size:17px;text-decoration:none;display:block}.mobile-menu.svelte-1elxaub a:where(.svelte-1elxaub):hover,.mobile-menu.svelte-1elxaub a:where(.svelte-1elxaub):focus-visible{color:#000;background-color:#ddd}@media screen and (width<=600px){.bar.svelte-1elxaub{height:64px;padding:0 20px}.logo-mark.svelte-1elxaub{width:34px;height:34px}.links.svelte-1elxaub,.social.svelte-1elxaub{display:none}.menu-button.svelte-1elxaub{display:block}}