@font-face{font-family:Emtato Pixel;src:url(/assets/fonts/dogica/emtato-pixel.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arvo;src:url(/assets/fonts/Arvo/Arvo-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NYCD;src:url(/assets/fonts/Nothing_You_Could_Do/NothingYouCouldDo-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/assets/fonts/Caveat/static/Caveat-Regular.ttf)format("truetype");font-weight:600}@font-face{font-family:LKJJT;src:url(/assets/fonts/%E6%A0%97%E5%A3%B3%E5%9D%9A%E5%9D%9A%E4%BD%93/LKJJT-common-75.ttf)format("truetype");font-weight:700}html,body,#root{width:100%;height:100%;overflow:hidden}:root{--color-black:#000;--color-dark-brown:#2e2226;--color-smoky-charcoal:#332f2d;--color-dusk-plum:#4d3c3c;--color-brown:#6c4c4b;--colour-wood:#603935;--colour-brick:#894742;--color-cloud-coral:#c95848;--color-ember-orange:#f08a5d;--color-golden-highlight:#f4c56a;--color-warm-cream:#fff0e6;--color-dark-plum:#2e1424;--color-deep-plum:#5a2f4a;--color-plum:#8c4668;--color-bright-plum:#b85c8a;--color-grey-plum:#7d6c77;--color-bright-coral:#ef6356;--colour-orange-red:#ce4c40;--color-orange:#f65a3a;--color-tangerine:#ff7a3d;--color-bright-orange:#ff914d;--color-apricot:#ffb36b;--color-marigold:#f6b73c;--color-yellow:#ffd166;--color-butter-yellow:#ffe29a;--colour-peach:#f0dabd;--color-blush:#f79aaa;--colour-pale-lavender:#d8cdd5;--colour-lavender:#b397c0}body{margin:0}.os-main{width:100%;height:100dvh;position:relative;overflow:hidden}.loading-main{background-color:var(--color-black);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin-top:0;font:80% Emtato Pixel;display:flex}.potato-icon{width:10vh;height:9vh;image-rendering:pixelated;margin-top:35vh;margin-bottom:10vh}.loading-text{color:var(--color-warm-cream);font:inherit}.loading-bar{background-color:var(--color-smoky-charcoal);border-radius:3px;width:240px;height:6px;margin-top:2vh;margin-bottom:30vh;overflow:hidden}.loading-bar-fill{background-color:var(--color-warm-cream);width:0;height:100%;animation:.9s linear forwards fake-loading}@keyframes fake-loading{0%{width:0}20%{width:35%}40%{width:65%}60%{width:70%}80%{width:95%}90%{width:96%}to{width:100%}}.mobile-tip{display:none}.os-main{width:100vw;height:100vh}.os-main-background{object-fit:cover;object-position:75% center;width:100vw;height:100vh}.dock{--dock-height:clamp(42px, 5vh, 58px);z-index:10;width:80vw;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dock-left{height:var(--dock-height);flex:0 0 round(nearest, calc(var(--dock-height) * 5 / 9), 1px);image-rendering:pixelated}.dock-middle{min-width:0;height:var(--dock-height);background-image:url(/assets/system/dock/dock-middle.png);background-repeat:repeat-x;background-size:calc(var(--dock-height) * .127) var(--dock-height);image-rendering:pixelated;flex:1}.dock-right{height:var(--dock-height);flex:0 0 calc(var(--dock-height) * 5 / 9);image-rendering:pixelated}.dock-tip-text{color:var(--color-warm-cream);z-index:1;font:14px Emtato Pixel;position:absolute;bottom:8px;left:4%}@media (width<=910px){.mobile-tip{color:var(--color-warm-cream);font:13px Emtato Pixel;display:block;position:absolute;bottom:20%}.dock-tip-text{bottom:5px}}.menu-bar{background-color:var(--color-smoky-charcoal);z-index:20;width:100%;height:30px;position:relative}.left-menu-bar{display:flex;position:absolute;top:0;left:40px}.menu-bar-potato-icon{width:26px;height:18px;image-rendering:pixelated;padding-right:14px;position:relative;top:10px;left:6px}.menu-bar-icon{width:26px;height:18px;image-rendering:pixelated;padding-right:14px;position:relative;top:6px;left:6px}.menu-bar-text{color:var(--color-warm-cream);margin-top:10px;margin-left:3px;font:12px Emtato Pixel}.menu-bar-button{width:auto;height:14px;color:var(--color-warm-cream);background-color:#0000;border:none;align-items:center;margin-top:9px;margin-left:12px;padding:0;font:12px Emtato Pixel;text-decoration:none;display:inline-flex}.menu-bar-button:hover{color:var(--color-golden-highlight)}.link-icon-stack{width:13px;height:13px;position:relative}.link-icon-menubar{image-rendering:pixelated;width:12px;height:12px;margin-top:-.1vh;margin-left:3px;position:absolute;inset:0}.link-icon-default{opacity:1}.link-icon-hover,.menu-bar-button:hover .link-icon-default{opacity:0}.menu-bar-button:hover .link-icon-hover{opacity:1}.potato-button{background-color:#0000;border:none;margin-top:-.7vh;margin-left:1px;padding:0}.potato-click-hint{z-index:16;color:var(--color-warm-cream);white-space:nowrap;pointer-events:none;font:6.3px Emtato Pixel;position:absolute;top:33px;left:3px}.potatomeow{width:60px;height:38px;image-rendering:pixelated;z-index:20;position:absolute;top:30px;left:12px}.potatospeak{z-index:21;font:12px Emtato Pixel;position:absolute;top:46px;left:18px}.right-side-menu-bar{display:flex;position:absolute;top:0;right:7px}.light-mode-button{width:16px;height:16px;image-rendering:pixelated;position:absolute;top:-.3vh;left:-7px}.dark-mode-button{width:12px;height:16px;image-rendering:pixelated;margin-top:-.2vh;margin-left:-12px}.battery{position:relative}.battery-percentage{color:var(--color-smoky-charcoal);z-index:1;font:700 10px Emtato Pixel;position:absolute;top:11px;left:19px;transform:translate(-50%)}.wifi-button{background-color:#0000;border:none;margin-top:-.2vh;margin-right:-10px}.migu{width:110px;height:65px;image-rendering:pixelated;z-index:20;position:absolute;top:30px;right:187px}.miguspeak{z-index:21;width:105px;font:12px Emtato Pixel;position:absolute;top:56px;right:180px}@media (width<=910px){.potato-click-hint{top:20px;left:37px}.left-menu-bar{z-index:20;transform-origin:0 0;background-color:var(--color-smoky-charcoal);opacity:.8;flex-direction:row-reverse;width:560px;padding-right:10px;display:flex;position:absolute;top:30px;left:-5px;transform:rotate(-90deg)translate(-100%)}.menu-bar-text{z-index:20;margin-left:15px}.light-mode-button{width:16px;height:16px;image-rendering:pixelated;margin-left:10px;position:absolute;top:-.3vh}.dark-mode-button{width:12px;height:16px;image-rendering:pixelated;margin-top:-.2vh;margin-left:5px}.battery{margin-right:-10px;position:relative}.miguspeak{right:200px}.migu{right:207px}}.browser-window{z-index:10;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:6px minmax(0,1fr) 6px;width:97vw;height:92%;display:grid;position:absolute;top:30px;left:1.5vw;box-shadow:6px 18px #050e0380}.browser-window-big{z-index:15;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:6px minmax(0,1fr) 6px;width:100vw;height:99vh;display:grid;position:absolute;top:10px;box-shadow:6px 18px #050e0380}.browser-window-topleft{position:relative}.browser-window-render-top-row{z-index:10;height:48px;image-rendering:pixelated;display:block;position:relative}.browser-window-traffic-lights{z-index:15;image-rendering:pixelated;gap:12.86px;display:flex;position:absolute;top:19.71px;left:23.14px}.circle-button{background-color:#0000;border:none;border-radius:50%;width:18.86px;height:18.86px;padding:0}.circle-button:hover{cursor:pointer;filter:brightness(1.3)}.browser-window-traffic-light{width:18.86px;height:18.86px;display:block}.browser-window-top{height:48px;image-rendering:pixelated;background-image:url(/assets/browser/frame/top-side-browser.png);background-repeat:repeat-x;background-size:6.86px 48px;margin-inline:6px}.browser-window-topright{justify-content:flex-end;display:flex;position:relative}.browser-window-topright:after{content:"";pointer-events:none;width:66px;height:48px;image-rendering:pixelated;filter:drop-shadow(6px 0 #050e0380);clip-path:inset(0 -6px 30px 0);background-image:url(/assets/browser/frame/top-right-corner-browser.png);background-size:66px 48px;position:absolute;top:0;right:0}.browser-window-left{width:6px;image-rendering:pixelated;background-image:url(/assets/browser/frame/left-side-browser.png);background-repeat:repeat-y;background-size:6px 6px}.browser-window-center{grid-template-rows:36px minmax(0,1fr);height:100%;display:grid}.browser-window-search-layer{height:36px;image-rendering:pixelated;background-image:url(/assets/browser/toolbar/browser-search-bar-layer.png);background-repeat:repeat-x;background-size:6px 36px;justify-content:center;align-items:center;display:flex;position:relative}.browser-window-toolbar{z-index:15;display:flex;position:absolute;top:2.83px;left:4.29px;right:12.86px}.browser-nav-button{background-color:#0000;border:none;padding:0}.browser-nav-button:hover{cursor:pointer;filter:brightness(1.3)}.browser-nav-icon{width:25.71px;height:25.71px;margin-left:12.86px}.browser-tabs-list{gap:17.14px;width:100%;display:flex;position:absolute;top:3.43px;left:128.57px}.browser-tab-button{z-index:16;background-color:#0000;border:none;width:128.57px;height:42.86px;position:relative;top:8.57px;left:8.57px}.browser-tab-label{color:var(--colour-peach);z-index:17;font:13px Emtato Pixel;position:relative;top:2.57px}.browser-tab-button:hover{cursor:pointer}.browser-tab-button:hover .browser-tab-label{color:var(--color-warm-cream);cursor:pointer}.browser-tab-img{z-index:16;width:128.57px;position:absolute;top:-2.57px;left:0}.browser-search-bar-combined{gap:0;width:100%;height:25.71px;margin-left:12.86px;display:flex;position:relative;top:-.43px}.browser-tiled-search-bar{width:100%;image-rendering:pixelated;z-index:15;background-image:url(/assets/browser/toolbar/search-bar.png);background-repeat:repeat-x;background-size:3.43px 30.86px;position:relative}.browser-search-icon{z-index:16;width:21.43px;height:21.43px;image-rendering:pixelated;position:absolute;top:5.14px;left:5.14px}.browser-window-right{width:6px;image-rendering:pixelated;background-image:url(/assets/browser/frame/right-side-browser.png);background-repeat:repeat-y;background-size:6px 6px;justify-self:end}.browser-search-bar-text{width:100%;height:100%;color:var(--color-smoky-charcoal);z-index:16;background-color:#0000;border:none;outline:none;font:12px Emtato Pixel;position:absolute;top:35%;left:25.71px}.browser-window-page-content{height:calc(100% + 12px)}.browser-window-page{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.browser-window-bottomleft{position:relative;bottom:0}.browser-window-render-bottom-row{z-index:10;height:18px;image-rendering:pixelated;display:block;position:relative}.browser-window-bottom{height:6px;image-rendering:pixelated;background-image:url(/assets/browser/frame/right-side-browser.png);background-repeat:repeat-x;background-size:6px 6px;align-self:end;margin-inline:6px}.browser-window-bottomright{justify-content:flex-end;display:flex}@media (width<=910px){.browser-window{width:95vw;height:90vh;top:30px;left:5vw}.browser-tabs-list{gap:6px;left:81.43px}.browser-window-traffic-lights{gap:6.86px;left:13.71px}.browser-window-traffic-light{transform:scale(.9)}.browser-tab-button{z-index:16;background-color:#0000;border:none;width:81.43px;height:25.71px;position:relative;top:8.57px;left:8.57px}.browser-tab-label{color:var(--colour-peach);z-index:17;margin-left:-4%;font:8.57px Emtato Pixel;position:relative;top:6.86px}.browser-tab-img{z-index:16;width:81.43px;height:42.86px;position:absolute;top:-2.57px;left:0}.browser-search-bar-text{width:100%;height:100%;color:var(--color-smoky-charcoal);z-index:16;background-color:#0000;border:none;outline:none;font:6.86px Emtato Pixel;position:absolute;top:45%;left:25.71px}}.aboutme-scroll-container{overscroll-behavior-y:none;width:100%;height:100%;overflow-y:auto}.aboutme-scroll-container::-webkit-scrollbar{display:none}.aboutme-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.aboutme-scroll-space{height:125%}.aboutme-scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:sticky;top:0;overflow:hidden;container-type:size}.aboutme-desk-background{z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.aboutme-notebook-pan{--pan-end-x:-50%;--pan-end-y:-18%;z-index:2;transform:translate(calc(var(--pan-end-x) * var(--scroll-progress)), calc(var(--pan-end-y) * var(--scroll-progress)));position:absolute;inset:0}.aboutme-notebook{aspect-ratio:3/2;z-index:2;flex-direction:row;width:clamp(120cqh,140%,300cqh);display:flex;position:absolute;top:6%;left:9%;transform:rotate(6.7deg);container-type:inline-size}.aboutme-notebook-background{z-index:3;width:100%;position:absolute;top:0;left:0}.aboutme-page1-portrait-photo,.aboutme-page2-gym-gif,.aboutme-page2-fuji-photo,.aboutme-page2-flower-photo,.aboutme-page2-cat-photo{box-sizing:border-box;border:.22cqw solid var(--color-warm-cream);display:block;box-shadow:.28cqw .34cqw #332f2d38}.aboutme-page2-food-photo{box-sizing:border-box;border:.22cqw solid var(--color-warm-cream);display:block;box-shadow:.12cqw .14cqw #332f2d38}.aboutme-page1-container{z-index:4;box-sizing:border-box;flex-direction:column;width:50%;height:100%;padding:5.3% 4.2% 0 6%;display:flex;position:relative}.aboutme-page1-greeting{font:5cqw NYCD;position:absolute;top:.3%;left:35%}.language-1{left:31.5%}.language-2{font:4.5cqw LKJJT;top:2%}.aboutme-page1-name-intro{color:var(--color-bright-plum);font:2.5cqw/2.2cqw Caveat}.aboutme-page1-body-line{font:1.6cqw/2.18cqw Arvo}.aboutme-page1-tempo-link{color:#87ceeb;font:1.6cqw Arvo}.aboutme-page1-values-line{margin-top:-.25cqw;font:1.6cqw/2.192cqw Arvo}.aboutme-page1-handwritten-emphasis{color:var(--colour-brick);margin-right:.15cqw;font:2cqw Caveat}.aboutme-page1-closing-star{color:var(--color-bright-plum);font:1.6cqw/2.192cqw Arvo}.aboutme-page1-portrait-photo,.aboutme-page1-portrait-tape,.aboutme-page1-portrait-sprout{position:absolute}.aboutme-page1-portrait-photo{aspect-ratio:3213/4388;z-index:5;width:25%;top:7.17%;left:66.7%}.aboutme-page1-portrait-tape{z-index:6;width:8%;image-rendering:pixelated;opacity:.5;top:6%;left:77%}.aboutme-page1-portrait-sprout{z-index:6;width:3.5%;image-rendering:pixelated;top:10.3%;left:78.5%;transform:rotate(-7deg)}.aboutme-page1-university-highlight,.aboutme-page1-internship-highlight{z-index:6;image-rendering:pixelated;opacity:.7;position:absolute}.aboutme-page1-university-highlight{width:34%;top:18%;left:30.7%}.aboutme-page1-internship-highlight{width:38.6%;top:27.8%;left:23.3%}.aboutme-page1-next-button{z-index:5;color:var(--color-bright-plum);cursor:pointer;background-color:#0000;border:none;font:2.2cqw NYCD;position:absolute;top:43.5%;left:10%}.aboutme-page1-next-desktop-label{display:inline}.aboutme-page1-next-mobile-label{width:100%;display:none;position:absolute;top:43.5%;left:15%}.aboutme-page1-footer{z-index:5;font:1cqw Arvo;position:absolute;bottom:49.88%;left:11%}.page1-note-formobile{z-index:5;font:1.6cqw/2.192cqw Arvo;position:absolute;bottom:20%;left:15%}.back-next-button-container{z-index:5;flex-direction:row;gap:1.5cqw;display:flex;position:absolute;top:.2%;right:11%}.back-next-button{color:var(--color-bright-plum);cursor:pointer;background-color:#0000;border:none;font:4cqw Caveat}.aboutme-page1-next-button:hover,.back-next-button:hover{color:var(--color-blush)}.aboutme-page2-container{z-index:4;box-sizing:border-box;width:50%;height:100%;position:relative}.aboutme-page2-heading{z-index:8;font:3.4cqw NYCD;position:absolute;top:2%;left:24%}.aboutme-page2-intro{z-index:8;font:1.35cqw/2.2cqw Arvo;position:absolute;top:8%;left:11%}.aboutme-page2-lifting-story,.aboutme-page2-food-story,.aboutme-page2-camera-story{z-index:8;color:var(--color-smoky-charcoal);line-height:2cqw;position:absolute}.aboutme-page2-lifting-story>span,.aboutme-page2-food-story>span,.aboutme-page2-camera-story>span{display:block}.aboutme-page2-lifting-star,.aboutme-page2-food-star,.aboutme-page2-camera-star{color:var(--color-bright-plum);font:1.45cqw Arvo;position:absolute;left:-1.8cqw}.aboutme-page2-lifting-emphasis,.aboutme-page2-food-emphasis,.aboutme-page2-camera-emphasis{color:var(--colour-brick);font:2cqw/1.8cqw Caveat}.aboutme-page2-food-label,.aboutme-page2-camera-label{font:1.18cqw/2.2cqw Arvo}.aboutme-page2-gym-photo-group,.aboutme-page2-food-photo-group,.aboutme-page2-fuji-photo-group,.aboutme-page2-flower-photo-group,.aboutme-page2-cat-photo-group{z-index:3;position:absolute}.aboutme-page2-gym-gif,.aboutme-page2-food-photo,.aboutme-page2-fuji-photo,.aboutme-page2-flower-photo,.aboutme-page2-cat-photo{width:100%}.aboutme-page2-gym-tape,.aboutme-page2-food-tape-left,.aboutme-page2-food-tape-right,.aboutme-page2-fuji-tape,.aboutme-page2-flower-tape,.aboutme-page2-cat-tape{z-index:5;image-rendering:pixelated;opacity:.62;pointer-events:none;position:absolute}.aboutme-page2-lifting-story{top:11.4%;left:11%}.aboutme-page2-lifting-star{top:-3%}.aboutme-page2-gym-photo-group{z-index:4;width:25%;top:7.4%;left:65%;transform:rotate(4deg)}.aboutme-page2-gym-tape{width:52%;top:-6%;left:24%}.aboutme-page2-gym-arrow{z-index:6;width:16%;position:absolute;bottom:13%;right:26%;transform:rotate(-8deg)}.aboutme-page2-gym-caption{z-index:6;color:var(--color-warm-cream);text-shadow:.08cqw .08cqw 0 var(--color-smoky-charcoal);font:1.35cqw Caveat;position:absolute;bottom:4%;right:5%}.aboutme-page2-food-photo-group{z-index:4;width:39%;top:15%;left:7%;transform:rotate(-2.5deg)}.aboutme-page2-food-tape-left{width:18%;bottom:-5%;left:-6%;transform:rotate(35deg)}.aboutme-page2-food-tape-right{width:18%;top:-4%;right:-8%;transform:rotate(50deg)}.aboutme-page2-food-story{top:17.9%;left:50%}.aboutme-page2-food-star{top:55%}.aboutme-page2-food-label{transform:translate(-1.3cqw)}.aboutme-page2-camera-story{width:27%;top:34.35%;left:11%}.aboutme-page2-camera-star{top:55%}.aboutme-page2-fuji-photo-group{z-index:2;width:27%;top:29%;left:37%;transform:rotate(-5deg)}.aboutme-page2-fuji-tape{width:48%;top:-3%;left:26%}.aboutme-page2-flower-photo-group{z-index:4;width:18%;top:31.5%;left:59%;transform:rotate(7deg)}.aboutme-page2-flower-tape{width:34%;top:-6.7%;left:59%;transform:rotate(6deg)}.aboutme-page2-cat-photo-group{z-index:5;width:16%;top:40%;left:72%;transform:rotate(5deg)}.aboutme-page2-cat-tape{width:46%;top:-7%;left:27%;transform:rotate(-5deg)}.aboutme-page2-closing-line{z-index:8;width:30%;font:1.08cqw/2.2cqw Arvo;position:absolute;top:44.2%;left:11%}.page2-signature{z-index:8;width:20%;position:absolute;top:47.2%;left:11%}@media (width<=910px){.aboutme-notebook{top:10%;left:-8%}.aboutme-notebook-pan{--pan-end-x:-100%;--pan-end-y:-8%}.aboutme-page1-container{padding:5.3% 3% 0 6%}.aboutme-page1-body-line{font:1.6cqw/2.2cqw Arvo}.aboutme-page1-internship-highlight{top:27.5%}.aboutme-page1-values-line{margin-top:-.4cqw}.aboutme-page1-mobile-fix{line-height:1.8cqw}.aboutme-page1-closing-star{color:var(--color-bright-plum);font:1.6cqw/1.8cqw Arvo}.aboutme-page1-next-button{width:80%;height:10%;font:2.6cqw NYCD;position:absolute;top:51.8%}.aboutme-page1-next-desktop-label{display:none}.aboutme-page1-next-mobile-label{display:inline;position:absolute}}.experience-container{--timeline-unit:min(1cqw, 1.6vh);box-sizing:border-box;background:radial-gradient(circle at 12% 15%, #f79aaa40, transparent 28%), radial-gradient(circle at 88% 88%, #f4c56a21, transparent 30%), linear-gradient(135deg, #55404e 0%, var(--color-grey-plum) 48%, #604657 100%);z-index:1;grid-template-columns:1.3fr 2fr;gap:1.2vw;width:100%;height:100%;padding:1vw;display:grid;position:relative;overflow:hidden;container-type:size}.experience-container:before{content:"";border:7px solid #fff0e640;border-radius:50%;width:70vw;height:70vw;position:absolute;top:-50px;left:-30%}.experience-container:after{content:"";border:10px solid #64465f;border-radius:50%;width:100vw;height:100vw;position:absolute;bottom:-100%;right:-70%}.section-header{padding:calc(1.5 * var(--timeline-unit));flex-shrink:0;position:relative;box-shadow:0 4px 30px #2e14240d}.section-image{top:calc(.5 * var(--timeline-unit));right:calc(2 * var(--timeline-unit));width:min(25%, calc(16 * var(--timeline-unit)));image-rendering:pixelated;z-index:20;position:absolute}.section-image.section-image-work{width:98px;height:102px}.section-uppertext{color:var(--section-colour);font:700 calc(.9 * var(--timeline-unit)) "Arvo";letter-spacing:.16em;text-transform:uppercase;margin-bottom:calc(.625 * var(--timeline-unit))}.section-title{color:var(--color-dark-plum);font:700 calc(3.6 * var(--timeline-unit)) "Arvo";letter-spacing:-.035em;max-width:85%;margin:0;line-height:1}.section-accent{width:calc(5.4 * var(--timeline-unit));height:calc(.278 * var(--timeline-unit));background:var(--section-colour);margin-top:calc(.833 * var(--timeline-unit));box-shadow:calc(.833 * var(--timeline-unit)) 0 0 #2e14241a;border-radius:100px}.work-experience-container{--section-colour:var(--color-cloud-coral);background:var(--color-warm-cream);z-index:2;border:2px solid var(--colour-lavender);border-radius:1.5cqmin;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px gray}.work-experience-timeline{width:100%;height:100%;overflow:hidden scroll}.work-experience-timeline::-webkit-scrollbar{display:none}.work-experience-timeline{-ms-overflow-style:none;scrollbar-width:none}.work-experience-timeline-line-container{--timeline-length:196.875;width:100%;height:calc(var(--timeline-length) * var(--timeline-unit));flex-direction:column;align-items:stretch;margin-left:auto;margin-right:0;display:flex}@container (width<=1100px){.work-experience-timeline-line-container{--timeline-length:215}}.timeline-segment{width:1.2%;height:8%;margin-left:auto;margin-right:14%;margin-bottom:calc(.5 * var(--timeline-unit));border-radius:9999px}.season-spring{background:#7bfc01}.season-summer{background:#ff0}.season-fall{background:#e06f3a}.season-winter{background:#638eff}.segment-xs{height:1%}.segment-small{height:2%}.segment-medium{height:4%}.segment-medium-long{height:6%}.segment-long{height:10%}.segment-xl{height:16%}.segment-condensed-years{background:repeating-linear-gradient(#e06f3a 0 25%,#ff0 25% 50%,#7bfc01 50% 75%,#638eff 75% 100%);height:6%}.timeline-insertion-point{flex:0 0 0;width:100%;position:relative;overflow:visible}.timeline-marker{aspect-ratio:1;width:2.4%;margin-bottom:calc(.5 * var(--timeline-unit));margin-left:auto;margin-right:13.4%}.timeline-dot{aspect-ratio:1;width:1.5%;margin-bottom:calc(.5 * var(--timeline-unit));border-radius:50%;margin-left:auto;margin-right:13.85%}.timeline-year-text{white-space:nowrap;width:100%;height:0;font:calc(1.5 * var(--timeline-unit)) "Arvo";color:#708090;flex:0 0 0;overflow:visible}.TYT-right{transform:translate(88.5%)translateY(-1.15em)}.timeline-art{opacity:.8;width:calc(3 * var(--timeline-unit));z-index:4;height:auto;image-rendering:pixelated;position:absolute}.TLA-fall2026{top:-.5cqw;left:29.25cqw;transform:rotate(80deg)scale(1.3)}.TLA-spring2026{top:-4.55cqw;left:34.5cqw;transform:rotate(15deg)}.TLA-winter2026{top:2.4cqw;left:29.1cqw;transform:rotate(15deg)scale(1.1)}.TLA-fall2025{top:-4.32cqw;left:34.35cqw;transform:rotate(-10deg)scale(1.3)}.TLA-summer2025{top:-.847cqw;left:4.35cqw;transform:rotate(-10deg)scale(1.3)}.TLA-fall2024{top:5.67cqw;left:15.15cqw;transform:rotate(10deg)scale(1.1)scaleX(-1)}.TLA-spring2024{top:-3.325cqw;left:27cqw;transform:rotate(10deg)scale(1.1)scaleX(-1)}.TLA-winter2023{top:-2.7cqw;left:30.5cqw;transform:rotate(-14deg)}.TLA-fall2022{z-index:15;bottom:0;right:0;transform:rotate(-10deg)scale(1.2)}.TLA-fall2022-2{bottom:-.8cqw;right:1.5cqw;transform:rotate(0)scale(1.1)scaleY(.4)}.TLA-summer2022{filter:brightness(150%);top:-4.614cqw;left:34cqw;transform:rotate(40deg)scale(1.2)}.timeline-card{--timeline-card-scale:1;box-sizing:border-box;width:auto;height:auto;font-size:calc(var(--timeline-unit) * var(--timeline-card-scale));background:var(--timeline-card-background);border:calc(2px * var(--timeline-card-scale)) solid var(--timeline-card-accent);border-radius:calc(1.5cqmin * var(--timeline-card-scale));flex-direction:column;gap:.45em;padding:1.35em;display:flex;position:absolute;top:0;left:1.5cqw;right:calc(14% + 2cqw);overflow:hidden;transform:none;box-shadow:0 7px 16px -10px #789}.timeline-card-mini{--timeline-card-scale:.9;padding:1.15em;left:7cqw;right:calc(14% + 2.5cqw)}.timeline-card-wrapper{width:auto;position:absolute;top:0;left:1.5cqw;right:calc(14% + 2cqw)}.timeline-card-wrapper-mini{left:7cqw;right:calc(14% + 2.5cqw)}.timeline-card-wrapper>.timeline-card{width:100%;position:relative;inset:auto}.timeline-card:before{content:"";width:calc(50cqmin * var(--timeline-card-scale));height:calc(50cqmin * var(--timeline-card-scale));border:calc(7px * var(--timeline-card-scale)) solid var(--timeline-card-accent);opacity:.35;bottom:calc(-27cqmin * var(--timeline-card-scale));z-index:1;right:calc(-27cqmin * var(--timeline-card-scale));border-radius:50%;position:absolute}.TLC-spring{--timeline-card-accent:#7bfc01;--timeline-card-accent-ink:#397407;--timeline-card-background:#f6ffed}.TLC-summer{--timeline-card-accent:#e0c700;--timeline-card-accent-ink:#766900;--timeline-card-background:#fff8e1}.TLC-fall{--timeline-card-accent:#e06f3a;--timeline-card-accent-ink:#93421f;--timeline-card-background:#fff0f5}.TLC-winter{--timeline-card-accent:#638eff;--timeline-card-accent-ink:#345bbf;--timeline-card-background:#f0f5ff}.timeline-card-heading{justify-content:space-between;align-items:center;gap:calc(10px * var(--timeline-card-scale));min-height:1.7em;display:flex}.timeline-card-date{padding:calc(5px * var(--timeline-card-scale)) calc(9px * var(--timeline-card-scale));color:var(--timeline-card-accent-ink);border:calc(1px * var(--timeline-card-scale)) solid var(--timeline-card-accent);letter-spacing:.03em;text-transform:uppercase;background:#fff;border-radius:999px;font:400 .8em Emtato Pixel;position:absolute;right:1.5em}.timeline-card-title{color:var(--color-dark-plum);letter-spacing:-.025em;z-index:2;margin:0;font:700 1.8em/1.12 Arvo}.timeline-card-organization{color:var(--color-deep-plum);z-index:2;font:700 1.1em/1.25 Arvo}.timeline-card-context{color:var(--color-grey-plum);z-index:2;font:400 .9em/1.4 Arvo}.timeline-card-achievement{color:var(--timeline-card-accent-ink);border:calc(1px * var(--timeline-card-scale)) solid var(--timeline-card-accent);border-left-width:calc(4px * var(--timeline-card-scale));z-index:2;background:#fff;border-radius:.5em;align-self:flex-start;padding:.4em .65em;font:700 .9em/1.3 Arvo}.timeline-card-achievement:before{content:"✦";margin-right:.45em}.timeline-card-mini .timeline-card-context,.timeline-card-mini .timeline-card-achievement{font-size:1em}.timeline-card-description{color:var(--color-smoky-charcoal);z-index:2;margin:.35em;font:400 1em/1.55 Arvo}.timeline-card-bullets{color:var(--color-smoky-charcoal);margin:calc(3px * var(--timeline-card-scale)) 0 0;z-index:2;padding-left:1.2em;font:400 .9em/1.5 Arvo}.timeline-card-bullets li+li{margin-top:calc(5px * var(--timeline-card-scale))}.timeline-card-tags{gap:calc(6px * var(--timeline-card-scale));z-index:2;flex-wrap:wrap;margin-top:.35em;display:flex}.timeline-card-tag{padding:calc(4px * var(--timeline-card-scale)) calc(9px * var(--timeline-card-scale));color:var(--timeline-card-accent-ink);border:calc(1px * var(--timeline-card-scale)) solid var(--timeline-card-accent);background:#fff;border-radius:999px;font:400 .7em/1.2 Emtato Pixel}.projects-container{--section-colour:var(--color-bright-plum);z-index:2;background:var(--color-warm-cream);border:2px solid var(--colour-lavender);border-radius:1.5cqmin;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px gray}.projects-grid{scrollbar-width:none;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5vw;min-height:0;padding:1vw;display:grid;overflow-y:scroll}.projects-grid::-webkit-scrollbar{display:none}.project-column{flex-direction:column;gap:1vh;display:flex}.project-card{--project-card-accent:var(--color-bright-plum);--project-card-accent-dark:var(--color-deep-plum);--project-card-link-hover:#3e78da;box-sizing:border-box;width:100%;min-width:0;font-size:var(--timeline-unit);border:2px solid var(--project-card-accent);cursor:pointer;background:#fff8f4;border-radius:1.5cqmin;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 16px -10px #789;container-type:inline-size}.project-card:hover{border-color:var(--color-blush);transition:transform .3s;transform:translateY(-2px)translate(.5px)}.project-card-image-wrapper{aspect-ratio:16.6/10;background:var(--colour-pale-lavender);border-bottom:1px solid var(--project-card-accent-dark);width:100%;overflow:hidden}.project-card-banner{z-index:1;background:linear-gradient(90deg,#315d36 0%,#284928 55%,#203c23 100%);border-left:1px solid #ffffff52;border-right:1px solid #122b168c;place-items:center;width:1.6em;height:20em;display:grid;position:absolute;top:6cqw;left:calc(100% - 6cqw);right:auto;transform:translate(-40%,-40%)rotate(-45deg);box-shadow:0 4px 10px #2d232b47}.project-card-banner-text{color:#fff;letter-spacing:.035em;white-space:nowrap;margin:0;font:600 .9em Arvo;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.project-card-image{object-fit:cover;width:100%;height:100%;display:block}.project-card-text-wrapper{flex-direction:column;gap:2cqw;padding:4cqw;display:flex}.project-card-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:3cqw;display:flex}.project-card-title-group{align-items:center;gap:2cqw;min-width:0;display:flex}.project-card-title{min-width:0;color:var(--color-dark-plum);margin:0;font:700 5.6cqw Arvo}.project-card-links{flex-shrink:0;align-items:center;gap:1.5cqw;display:flex}.project-card-link-button{aspect-ratio:1;border:1px solid var(--color-blush);cursor:pointer;background:#fff;border-radius:2cqw;place-items:center;width:7cqw;display:grid}.project-card-link-button:hover{border-color:var(--project-card-link-hover);background:#e6f2ff;transform:translateY(-1px)}.project-card-link-icon{aspect-ratio:1;width:4cqw;image-rendering:pixelated}.project-card-link-button-gh{aspect-ratio:1;border:1px solid var(--color-blush);cursor:pointer;background:#000;border-radius:2cqw;place-items:center;width:7cqw;display:grid}.project-card-link-button-gh:hover{border-color:var(--project-card-link-hover);transform:translateY(-1px)}.project-card-github-icon{aspect-ratio:1;width:6cqw;image-rendering:pixelated}.project-card-timeInfo{color:var(--color-plum);border:1px solid var(--color-deep-plum);text-transform:uppercase;background:#fff;border-radius:999px;flex-shrink:0;padding:1.3cqw 2.1cqw;font:400 2.35cqw/1.2 Emtato Pixel}.project-card-shortDesc{color:var(--color-smoky-charcoal);margin:0;font:400 1em/1.55 Arvo}.project-card-stack-wrapper{flex-wrap:wrap;gap:6px;margin-top:.35em;display:flex}.project-card-stack-tag{color:var(--color-plum);border:1px solid var(--color-plum);background:#fff;border-radius:999px;padding:4px 9px;font:400 .7em/1.2 Emtato Pixel}.opened-project-overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;background-color:#b496b433;position:absolute;inset:0}.opened-project-card{box-sizing:border-box;background:var(--colour-pale-lavender);border:2px solid var(--color-deep-plum);isolation:isolate;z-index:20;border-radius:1.5cqmin;flex-direction:column;gap:.75cqw;padding:1cqw;font-size:.9cqw;display:flex;position:absolute;inset:.5vh 1vw .5vh 40vw;overflow:hidden;box-shadow:0 18px 45px gray;container-type:inline-size}.opened-project-card:after{content:"";border:7px solid var(--color-plum);opacity:.1;z-index:-1;border-radius:50%;width:108cqmin;height:108cqmin;position:absolute;bottom:-50cqmin;right:-50cqmin}.opened-project-header-two-sections{grid-template-columns:3.2fr 1fr;align-items:start;gap:1em;display:grid}.opened-project-header{z-index:1;border-bottom:1px solid #6a3e5747;flex-shrink:0;padding-bottom:1cqw;padding-left:.5cqw;padding-right:0;position:relative}.opened-project-title-row{align-items:center;gap:1em;display:flex}.opened-project-title{min-width:0;color:var(--color-dark-plum);letter-spacing:-.035em;margin:0;font:700 4.7cqw/1.05 Arvo}.opened-project-links{flex-shrink:0;align-items:center;gap:.55em;display:flex}.opened-project-link-button{border-radius:.7em;width:3.8cqw}.opened-project-link-icon{width:54%}.opened-project-github-icon{width:78%}.opened-project-desc{max-width:98%;color:var(--color-smoky-charcoal);margin:.65em 0 0;font:400 1em/1.5 Arvo}.opened-project-time{width:fit-content;color:var(--color-plum);border:1px solid var(--color-deep-plum);text-transform:uppercase;white-space:nowrap;background:#fff;border-radius:999px;padding:.45em .8em;font:400 .72em/1.2 Emtato Pixel;position:absolute;top:1.4cqw;right:0}.opened-project-highlight{border:1px solid var(--color-plum);border-left:5px solid var(--color-bright-plum);color:var(--color-bright-plum);letter-spacing:.07em;background:#f7f1ef;border-radius:1em;margin:0;padding:1cqw;font:400 1em Arvo}.opened-project-body{z-index:1;flex-direction:column;flex:1;gap:.7cqw;min-height:0;display:flex;position:relative}.opened-project-body-row1{flex-direction:row;width:100%;display:flex;position:relative}.opened-project-myContribution-section{box-sizing:border-box;border:1px solid var(--color-plum);border-left:5px solid var(--color-bright-plum);background:#f7f1ef;border-radius:1em;width:100%;padding:.75em .9em}.opened-project-myContribution-title{color:var(--color-bright-plum);font:600 1.9em/1 Caveat}.opened-project-detail-myContribution{color:var(--color-smoky-charcoal);white-space:pre-line;margin:.45em 0 0;font:400 .94em/1.55 Arvo}.opened-project-detail-myContribution ul{margin:0;padding-inline-start:.5em}.opened-project-body-row2{flex:1;grid-template-columns:minmax(0,4fr) minmax(0,1fr);align-items:stretch;gap:.7cqw;min-height:0;display:grid;position:relative;overflow-y:auto}.opened-project-gallery-column{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.opened-project-gallery{box-sizing:border-box;border:1px solid var(--color-plum);background:#f7f1ef;border-radius:1.5cqmin;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.opened-project-video{border:0;width:100%;height:100%;display:block}.opened-project-image{width:100%;height:100%;display:block}.opened-project-image-stretch{object-fit:fill}.opened-project-image-contain{object-fit:contain}.opened-project-gallery-button{aspect-ratio:1;width:4cqw;color:var(--color-bright-plum);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font:700 2em Arvo;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.opened-project-gallery-button:hover{background:#fff0f5}.gallery-button-previous{left:.5em}.gallery-button-next{right:.5em}.opened-project-image-count{color:var(--color-plum);border:1px solid var(--color-deep-plum);background:#fff;border-radius:999px;padding:.45em .7em;font:400 .66em Emtato Pixel;position:absolute;bottom:.7em;right:.8em}.opened-project-stack-section{box-sizing:border-box;border:1px solid var(--color-plum);text-align:center;background:#f7f1ef;border-radius:1em;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1em;display:flex}.opened-project-section-label{color:var(--color-dark-plum);margin:0;font:700 1.2em/1.2 Arvo}.opened-project-stack{flex-direction:column;align-items:center;gap:.55em;width:100%;margin-top:.75em;display:flex}.opened-project-stack-tag{box-sizing:border-box;width:fit-content;max-width:100%;color:var(--color-plum);border:1px solid var(--color-deep-plum);text-align:center;background:#fff;border-radius:999px;padding:.48em .8em;font:400 .72em/1.2 Emtato Pixel;display:block}@media (width<=710px){.experience-container{--timeline-unit:2.75cqw;grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;min-height:100%;padding:5px;overflow-y:auto}.section-header{padding:25px 23px 18px}.section-image{width:min(22%, calc(14 * var(--timeline-unit)))}.section-image.section-image-work{top:calc(2.7 * var(--timeline-unit));right:23px}.section-title{font:700 calc(3.2 * var(--timeline-unit)) "Arvo"}.work-experience-container,.projects-container{height:60vh;overflow-y:scroll}.work-experience-timeline,.projects-grid{overflow-y:visible}.experience-container:after{bottom:0}.work-experience-timeline-line-container{--timeline-length:186;width:100%;height:calc(var(--timeline-length) * var(--timeline-unit));flex-direction:column;align-items:stretch;margin-left:auto;margin-right:0;display:flex}.timeline-segment{margin-right:3%}.segment-custom-mobile{height:4%}.segment-custom-mobile-long{height:6%}.timeline-marker{margin-right:2.5%}.timeline-dot{margin-right:2.85%}.timeline-year-text{font:calc(1.6 * var(--timeline-unit)) "Arvo";color:#00008b;transform:translate(84.5%)translateY(-1.15em)}.TLA-fall2026{top:-3cqw;left:87cqw}.TLA-spring2026{display:none}.TLA-winter2026{top:7.4cqw;left:88cqw;transform:rotate(15deg)scale(1.1)}.TLA-fall2025{top:-61.32cqw;left:1cqw;transform:rotate(-10deg)scale(1.3)}.TLA-fall2024{top:15.67cqw;left:38.75cqw;transform:rotate(10deg)scale(1.1)scaleX(-1)}.TLA-spring2024{top:-5cqw;left:55cqw;transform:rotate(10deg)scale(1.1)scaleX(-1)}.TLA-winter2023,.TLA-summer2022{display:none}.timeline-card{right:calc(4% + 2cqw)}.timeline-card-wrapper-mini{left:7cqw;right:calc(4% + 2cqw)}.projects-grid{grid-template-columns:1fr;grid-auto-rows:max-content;gap:12px;padding:12px}.project-column{gap:12px;display:contents}.project-column:first-child .project-card:first-child{order:1}.project-column:last-child .project-card:first-child{order:2}.project-column:first-child .project-card:nth-child(2){order:3}.project-column:last-child .project-card:nth-child(2){order:4}.project-column:first-child .project-card:nth-child(3){order:5}.project-column:last-child .project-card:nth-child(3){order:6}.project-column:first-child .project-card:nth-child(4){order:7}.opened-project-card{padding:1cqw;inset:18vh 0 0}.opened-project-title{margin-right:1.5cqw;font:700 7cqw Arvo}.opened-project-link-button{border-radius:2em;width:6cqw}.opened-project-desc{font:400 2.5em Arvo}.opened-project-time{padding:.5em 1em;font:400 1.72em Emtato Pixel;top:4cqw}.opened-project-highlight{font:400 2.1em Arvo}.opened-project-myContribution-title{font:600 4.4em Caveat}.opened-project-detail-myContribution{font:400 2em Arvo}.opened-project-detail-myContribution ul{padding-inline-start:1.3em}.opened-project-body-row2{flex-direction:column;display:flex}.opened-project-gallery-button{width:10cqw;font:700 7em Arvo}.opened-project-stack-section{flex-direction:row;display:flex}.opened-project-section-label{width:100%;font:700 1.75em Arvo}.opened-project-stack{flex-direction:row;display:flex}.opened-project-stack-tag{text-align:center;font:400 1.3em/1.2 Emtato Pixel}}@media (width>=855px){.section-image.section-image-work{width:140px;height:146px}}@media (width>=1920px){.section-image.section-image-work{width:210px;height:219px}}