:root{--minMaxWidth: 1045px;--theme: light dark;--text-color: light-dark(rgb(0, 0, 0), white);--background-color: light-dark(rgb(229, 229, 234), rgb(28, 28, 30));--faded-color: rgb(129, 126, 131);--accent-color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));--h0: calc(var(--h1) * 1.5);--h1: 2.986rem;--h2: 2.488rem;--h3: 2.074rem;--h4: 1.728rem;--h5: 1.44rem;--h6: 1.2rem;--p: 1rem;--small: .833rem;--smaller: calc(var(--small) / 1.25)}[data-rmiz-modal-overlay=visible]{background-color:var(--background-color)!important}@font-face{font-family:Kyiv Type Sans;src:url(/assets/KyivTypeSans-VarGX-BpL72Jop.ttf) format("truetype");font-display:swap;font-weight:1 1000;font-stretch:1 1000;font-optical-sizing:1 1000;font-style:italic 1 1000;font-style:oblique 1 1000}@font-face{font-family:Noto Sans Tagalog;src:url(/assets/NotoSansTagalog-Regular-DlYoKeqZ.ttf) format("truetype");font-display:swap;font-weight:400}.zoom-overlay{background:var(--background-color)!important}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;backface-visibility:hidden}h1{font-size:var(--h1)}h1.extra{font-size:var(--h0)}h2{font-size:var(--h2)}h2.nonBold{font-weight:400}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h4.nonBold{font-weight:400}h5{font-size:var(--h5)}h5.nonBold{font-weight:400}h6{font-size:var(--h6)}h6.nonBold{font-weight:400}code{background-color:var(--faded-color);border-radius:4px;padding:2px}p{font-size:var(--p)}small{font-size:var(--small)}small.smaller{font-size:var(--smaller)}button{background:none;border:none}html{background-color:var(--background-color);color:var(--text-color);font-family:Kyiv Type Sans,Arial,sans-serif;color-scheme:var(--theme)}a{text-decoration:none;color:var(--text-color)}a:hover{cursor:pointer}nav{position:fixed;top:0;left:0;width:100%;display:none;justify-content:space-between;align-items:center;padding:1.25rem 2rem;z-index:5}nav .hamburgerButton{transition:scale .5s}nav .hamburgerButton:hover{scale:1.05}nav .hamburgerButton svg{color:var(--accent-color);outline:none;display:flex;transition:fill .5s}nav .hamburgerButton:hover{cursor:pointer}.menu{position:fixed;font-size:7vw;width:100%;height:100vh;z-index:999;display:none;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.menu svg{position:relative;fill:var(--background-color)}.menu a,.menu button{color:var(--background-color);transition:scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0}.menu a:hover,.menu button:hover{scale:1.05;font-variation-settings:"wght" 1000,"CONT" 1000}.menu .closeButton{position:absolute;top:0;right:0;margin-top:1.25rem;margin-right:2rem}.menu .closeButton:hover,.menu .themeButton:hover{cursor:pointer}.logoButton{transition:color .5s,scale .5s;font-family:Noto Sans Tagalog}.logoButton:hover{cursor:pointer;scale:1.05;color:var(--accent-color)}.logoButton.alt{position:fixed;top:0;left:0;margin:1.25rem 2rem}.selectContainer{width:62px}.selectContainer select{all:unset;transition:color .5s,scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNSAyTDggN0wxNC41IDJMITFaIiBzdHJva2U9IiM4MTdlODMiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgLz48L3N2Zz4=) no-repeat right center;background-position-x:45px;width:62px}.selectContainer select:hover{scale:1.05;font-variation-settings:"wght" 1000,"CONT" 1000;color:var(--accent-color);cursor:pointer}.selectContainer select option{background-color:var(--background-color);color:var(--text-color)}.selectContainer.alt{color:var(--background-color);transition:color .5s,scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0;width:3.75em;position:relative;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMS41TDggNi41TDE0IDEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2Utd2lkdGg9IjIiIC8+PC9zdmc+) no-repeat center center;background-position-x:2.75em;background-size:75px}.selectContainer.alt:hover{scale:1.05;font-variation-settings:"wght" 1000,"CONT" 1000;cursor:pointer}.selectContainer.alt select{position:absolute;top:0;left:0;width:100%;min-height:100%;opacity:0}.navButtons{display:flex;align-items:center;gap:2rem}.navButtons.alt{position:fixed;top:0;right:0;margin:1.25rem 2rem;z-index:250}.navButtons a{transition:color .5s,scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0}.navButtons a:hover{scale:1.05;color:var(--accent-color);font-variation-settings:"wght" 1000,"CONT" 1000}.navButtons .themeButton{position:relative;transition:scale .5s}.navButtons .themeButton svg{display:flex;fill:var(--text-color);transition:fill .5s}.navButtons .themeButton:hover{scale:1.05}.navButtons .themeButton:hover{cursor:pointer}.navButtons .themeButton:hover svg{fill:var(--accent-color)}footer{color:var(--faded-color);position:fixed;bottom:0;right:0;display:flex;justify-content:flex-end;margin:1.5rem 2rem;font-size:var(--smaller)}.homeWrapper{max-width:80%;margin:auto;display:flex;gap:8rem}.homeWrapper .left{margin:8rem 0;display:flex;flex-direction:column-reverse;gap:.25rem;height:fit-content}.homeWrapper .left .tile{padding:1rem;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:4rem;text-wrap:nowrap;transition:scale .5s,box-shadow .5s,color .5s;font-variation-settings:"wght" 400,"CONT" 0}.homeWrapper .left .tile .title{transition:font-variation-settings .5s;width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeWrapper .left .tile .year,.homeWrapper .left .tile .type{color:var(--faded-color)}.homeWrapper .left .tile:hover{cursor:pointer!important;box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));color:var(--accent-color);scale:1.05}.homeWrapper .left .tile:hover .title{font-variation-settings:"wght" 1000,"CONT" 1000}.homeWrapper .right{width:100%;height:100dvh;position:sticky;top:0;display:grid;place-items:center}.homeWrapper .right .hero .name{color:var(--accent-color);width:fit-content;white-space:nowrap}.homeWrapper .right .hero .intro{display:flex;gap:.5rem}.homeWrapper .right .hero .intro .swirlEmoji{margin-top:1rem;width:60px;height:60px}.homeWrapper .right .hero .links{display:flex;justify-content:space-between;align-items:center}.homeWrapper .right .hero .links div{display:flex;align-items:center;justify-content:center;gap:1rem}.homeWrapper .right .hero .links span{display:flex;align-items:center}.homeWrapper .right .preview{display:flex;flex-direction:column;align-items:center;position:absolute;pointer-events:none;z-index:1;opacity:0;visibility:hidden}.homeWrapper .right .preview .currentPortfolio{text-align:center;width:auto;max-width:700px;height:auto;padding:75px;border-radius:4px;box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));background-color:var(--accent-color);color:var(--background-color);font-size:var(--h1)}.homeWrapper .right .preview .videoContainer{position:relative}.homeWrapper .right .preview .videoContainer .spinner{width:100%;height:100%;padding:75px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0}.homeWrapper .right .preview .videoContainer video,.homeWrapper .right .preview .videoContainer img{border-radius:4px;width:auto;max-width:100%;max-height:70vh;box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5))}.homeWrapper .right .preview .techStack{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.homeWrapper .right .preview .techStack .item{border-radius:4px;display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.5rem .75rem;box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));text-align:center;background-color:var(--background-color);color:#fff!important}.homeWrapper .right .preview .techStack .item .icon{display:flex}.workWrapper{max-width:700px;padding:8rem 0;margin:auto;display:grid}.workWrapper ul{margin-left:48px}.workWrapper .title{text-align:center}.workWrapper .year{color:var(--faded-color);text-align:center}.workWrapper .bottomNav{display:flex;justify-content:center;margin-top:5rem}.workWrapper .bottomNav .topButton{flex-direction:column;justify-content:center;transition:color .5s,scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0;display:flex;align-items:center}.workWrapper .bottomNav .topButton:hover{color:var(--accent-color);scale:1.05;cursor:pointer;font-variation-settings:"wght" 1000,"CONT" 1000}.workWrapper .projectNav{display:flex;justify-content:space-between}.workWrapper .projectNav .nextPrevButton{transition:color .5s,scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0;display:flex;align-items:center;gap:.5rem}.workWrapper .projectNav .nextPrevButton:hover{color:var(--accent-color);scale:1.05;cursor:pointer;font-variation-settings:"wght" 1000,"CONT" 1000}.workWrapper .content{display:grid;gap:4rem}.workWrapper .content .media{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.workWrapper .content .media .spinner{width:100%;min-height:400px;padding:75px 0;display:flex;justify-content:center;align-items:center}.workWrapper .content .media img,.workWrapper .content .media video{border-radius:4px;box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));height:auto;width:100%;max-height:500px;background-color:var(--faded-color)}.workWrapper .content .paragraph{line-height:2rem;text-align:justify}.workWrapper .content .paragraph h4{margin-bottom:10px}.workWrapper .content .links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-around}.workWrapper .nextPrevButton{transition:color .5s,scale .5s,font-variation-settings .5s;font-variation-settings:"wght" 400,"CONT" 0}.workWrapper .nextPrevButton:hover{color:var(--accent-color);scale:1.05;cursor:pointer;font-variation-settings:"wght" 1000,"CONT" 1000}.workWrapper .techStack{display:flex;justify-content:center;align-items:center;margin-left:0;padding-left:0;flex-wrap:wrap;margin-top:2rem;margin-bottom:4rem;gap:.5rem}.workWrapper .techStack .item{border-radius:4px;display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.5rem .75rem;white-space:nowrap;flex:1;color:#fff!important}.workWrapper .techStack .item .icon{display:flex}.aboutWrapper{max-width:80%;margin:auto;padding:8rem 0;display:flex;flex-direction:column;gap:4rem}.aboutWrapper .scrollPrompt{display:grid;place-items:center}.aboutWrapper .bio{display:flex;align-items:center;gap:4rem}.aboutWrapper .bio .header{color:var(--accent-color)}.aboutWrapper .bio .spinner{width:500px;height:375px;padding:75px;display:flex;justify-content:center;align-items:center}.aboutWrapper .bio p{color:var(--faded-color)}.aboutWrapper .bio .profilePicture{flex:1;box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));border-radius:4px;width:375px;height:auto;max-width:35%}.aboutWrapper .bio .intro{text-wrap:nowrap;display:flex;align-items:center;gap:1rem}.aboutWrapper .bio .intro .waveEmojiWrapper{transform:scaleX(-1)}.aboutWrapper .bio .intro .waveEmojiWrapper .waveEmoji{margin-top:.5rem;width:56px;height:56px}.aboutWrapper .bio .links{display:flex;justify-content:space-between;gap:1rem}.aboutWrapper .bio .links .icons{gap:1rem}.aboutWrapper .bio .links span{display:flex;align-items:center}.aboutWrapper .timelineAndSkillset{display:flex;gap:8rem}.aboutWrapper .timelineAndSkillset .scrollPrompt.mobile{display:none}.aboutWrapper .timelineAndSkillset .timeline{display:flex;flex-direction:column;gap:2rem;width:100%}.aboutWrapper .timelineAndSkillset .timeline .verticalLine{margin:1rem 0}.aboutWrapper .timelineAndSkillset .timeline .timelineRow{display:flex;align-items:center;gap:1rem}.aboutWrapper .timelineAndSkillset .timeline .timelineRow .timelineCaption{display:flex;flex-direction:column;gap:.25rem}.aboutWrapper .timelineAndSkillset .timeline .timelineRow .timelineCaption .date{color:var(--faded-color)}.aboutWrapper .timelineAndSkillset .timeline .timelineRow img{width:40px;height:40px}.aboutWrapper .timelineAndSkillset .timeline .timelineRow svg{min-width:40px;display:flex;align-items:center}.aboutWrapper .timelineAndSkillset .skillset{width:100%;display:flex;flex-direction:column;gap:2rem}.aboutWrapper .timelineAndSkillset .skillset .filter{display:flex;align-items:center;gap:1rem}.aboutWrapper .timelineAndSkillset .skillset .filter select{color:var(--text-color);border-radius:4px;font-size:var(--p);padding:.5rem 2.5rem .5rem .5rem;font-family:Kyiv Type Sans,Arial,sans-serif;background-color:var(--background-color);border:2px solid var(--faded-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNSAyTDggN0wxNC41IDJMITFaIiBzdHJva2U9IiM4MTdlODMiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgLz48L3N2Zz4=);background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 6px;width:fit-content}.aboutWrapper .timelineAndSkillset .skillset .filter select option{color:var(--text-color)}.aboutWrapper .timelineAndSkillset .skillset .filter select:focus{outline:none}.aboutWrapper .timelineAndSkillset .skillset .skills{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.aboutWrapper .timelineAndSkillset .skillset .skills .item{flex:1;padding:.5rem .75rem;border-radius:4px;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff!important}.aboutWrapper .timelineAndSkillset .skillset .skills .item .icon{display:flex}.lostWrapper{max-width:700px;padding:8rem 0;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;gap:2rem}.lostWrapper .memeContainer img{max-width:75%;max-height:80vh;width:auto;height:auto;display:block;margin:0 auto}.lostWrapper .links{display:flex;gap:8rem;justify-content:center}.lostWrapper .spinner{display:flex;justify-content:center;align-items:center;width:300px;height:300px;padding:75px}.lostWrapper p{color:var(--faded-color)}.infoOnHover{position:relative;white-space:nowrap}.infoOnHover:before{content:attr(data-tooltip);position:absolute;left:50%;translate:-50% -.5rem;padding:.5rem;font-size:var(--smaller);font-weight:400;border-radius:4px;font-variation-settings:"wght" 400,"CONT" 0;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s,scale .5s;background-color:var(--text-color);color:var(--background-color);border:var(--background-color) 1px solid;line-height:normal}.infoOnHover:hover:before{opacity:1;visibility:visible;scale:1.05}.infoOnHover.top:before{bottom:75%}.infoOnHover.bottom:before{bottom:-75%}.linkWithIcon{position:relative;text-decoration:none;color:var(--text-color);display:flex;align-items:center;justify-content:center;padding:0;gap:.5rem;transition:font-variation-settings .5s,color .5s,scale .5s;font-variation-settings:"wght" 400,"CONT" 0}.linkWithIcon span{position:relative;border-bottom:1px dashed var(--text-color)}.linkWithIcon span:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:currentColor;transform-origin:left;transform:scaleX(0);transition:transform .5s,background-color .5s}.linkWithIcon img{display:flex;width:24px;height:24px;pointer-events:none}.linkWithIcon svg{fill:var(--text-color);transition:fill .5s}.linkWithIcon.faded{color:var(--faded-color)}.linkWithIcon.faded span{border-bottom:1px dashed var(--faded-color)}.linkWithIcon.faded span:after{background-color:var(--faded-color)}.linkWithIcon.faded svg{fill:var(--faded-color)}.linkWithIcon:hover{font-variation-settings:"wght" 1000,"CONT" 1000;color:var(--accent-color);scale:1.05}.linkWithIcon:hover svg{fill:var(--accent-color)}.linkWithIcon:hover span:after{transform:scaleX(1);background-color:var(--accent-color)}.linkWithNoIcon{position:relative;text-decoration:none;color:var(--text-color);border-bottom:1px dashed;transition:font-variation-settings .5s,color .5s,scale .5s;font-variation-settings:"wght" 400,"CONT" 0}.linkWithNoIcon.faded{color:var(--faded-color)}.linkWithNoIcon.faded:after{background-color:var(--faded-color)}.linkWithNoIcon:hover{font-variation-settings:"wght" 1000,"CONT" 1000;color:var(--accent-color);scale:1.05}.linkWithNoIcon:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background-color:var(--text-color);transition:transform .5s,background-color .5s}.linkWithNoIcon:hover:after{transform:scaleX(1);background-color:var(--accent-color)}.linkWithIconOnly{position:relative;display:block;line-height:normal;transition:scale .5s}.linkWithIconOnly svg{display:flex;transition:fill .5s}.linkWithIconOnly .label{position:absolute;top:0;left:0;font-size:0px;opacity:0}.linkWithIconOnly.faded{color:var(--faded-color)}.linkWithIconOnly.faded svg{fill:var(--faded-color)}.linkWithIconOnly:hover{scale:1.05;cursor:pointer!important}.linkWithIconOnly:hover svg{fill:var(--accent-color)}.transitionGrid{margin:0;padding:0;position:fixed;gap:0;top:0;right:0;bottom:0;left:0;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);width:100%;height:100dvh;z-index:998;display:none}.transitionGrid .transitionItem{width:100%;height:100%;background:var(--accent-color)}#hs{display:none}#fs{display:block}@media screen and (max-width: 1220px){.homeWrapper{gap:2rem}.homeWrapper .right{scale:.75}}@media screen and (max-width: 1045px){#fs{display:none}#hs{display:block}:root{--h0: calc(var(--h1) * 1.4);--h1: 2.027rem;--h2: 1.802rem;--h3: 1.602rem;--h4: 1.424rem;--h5: 1.266rem;--h6: 1.125rem;--p: 1rem;--small: .889rem;--smaller: calc(var(--small) / 1.25)}.aboutWrapper{max-width:90%}.aboutWrapper h1{text-align:center}.aboutWrapper .bio{flex-direction:column;gap:0}.aboutWrapper .bio .profilePicture{flex:1;margin-top:1rem;width:400px;height:auto;max-width:75%}.aboutWrapper .bio .intro .waveEmojiWrapper .waveEmoji{margin-top:.5rem;width:40px;height:40px}.aboutWrapper .bio .spinner{width:200px;height:200px}.aboutWrapper .timelineAndSkillset{flex-direction:column}.aboutWrapper .timelineAndSkillset .skillset{height:500px}.aboutWrapper .timelineAndSkillset .scrollPrompt.mobile{display:grid}.homeWrapper{max-width:90%;padding:8rem 0;margin:auto;display:flex;flex-direction:column-reverse;gap:4rem}.homeWrapper .left{margin:0}.homeWrapper .left .tile .title{width:50dvw}.homeWrapper .right{scale:1;display:block;position:static;height:fit-content;padding:0 1rem}.homeWrapper .right .hero .links{flex-direction:column;align-items:flex-start;gap:.25rem}.homeWrapper .right .hero .intro .swirlEmoji{margin-top:.5rem;width:40px;height:40px}.workWrapper{max-width:90%}.workWrapper .content .media .spinner{padding:50px 0}nav{background-color:var(--background-color);box-shadow:0 0 48px 1px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));display:flex}nav .navButtons{display:none}.navAlt{display:none}footer{position:unset}.menu{font-size:10vh}.infoOnHover:hover:before{display:none}}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img[data-action=zoom]{cursor:zoom-in}.zoom-img,.zoom-img-wrap{position:relative;z-index:666;transition:all .3s}img.zoom-img{cursor:zoom-out}.zoom-overlay{cursor:zoom-out;z-index:420;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;filter:"alpha(opacity=0)";opacity:0;transition:opacity .3s}.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}