.index-page__intro{overflow-x:hidden;position:relative;width:100%}.ok.ok__activated{display:none}.bounce-in-enter-active{animation:bounce-in .5s}.bounce-in-leave-active{animation:bounce-in .5s reverse;transition:opacity 1s ease}@keyframes bounce-in{0%{transform:scale(.5)}50%{transform:scale(1.25)}to{transform:scale(1)}}.banish-enter-active,.banish-leave-active{transition:transform .5s ease,opacity .7s ease}.banish-enter-to{opacity:0;transform:scale(5.5)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .5s ease,opacity .7s ease}.slide-up-enter-from{transform:translateY(100vh)}@media (min-width:374px){.slide-up-enter-from{transform:translateY(300vh)}}.slide-up-leave-to{opacity:0;transform:translateY(-110vh)}@media (min-width:374px){.slide-up-leave-to{transform:translateY(-150vh)}}@media (min-width:400px){.slide-up-leave-to{transform:translateY(-160vh)}}@media (min-width:522px){.slide-up-leave-to{transform:translateY(-170vh)}}@media (min-width:652px){.slide-up-leave-to{transform:translateY(-190vh)}}@media (min-width:706px){.slide-up-leave-to{transform:translateY(-200vh)}}@media (min-width:758px){.slide-up-leave-to{transform:translateY(-210vh)}}@media (min-width:820px){.slide-up-leave-to{transform:translateY(-220vh)}}@media (min-width:856px){.slide-up-leave-to{transform:translateY(-230vh)}}@media (min-width:901px){.slide-up-leave-to{transform:translateY(-240vh)}}@media (min-width:943px){.slide-up-leave-to{transform:translateY(-250vh)}}@media (min-width:1000px){.slide-up-leave-to{transform:translateY(-260vh)}}.language-selector{background-color:#d29235;border:1px solid hsla(0,100%,90%,.21);color:#002426}.darkMode .language-selector{background-color:#130c02f0;border-color:#150b0b;color:#c3e9fb}.language-selector>:hover{filter:drop-shadow(1px 0 #123444)}.language-selector__wrapper{position:absolute;right:0;transition:top .7s ease-in,right .7s ease-in-out;z-index:90}.language-selector__wrapper.entrance{position:absolute;right:-50vw}.hero{--hero-brightness:100%;transition:filter .5s ease-in-out}.hero:before{background:50% no-repeat url(./bayanihan-college.3-VVdX3C.png);background-position-y:0;background-size:340px;border-radius:160px;content:"";display:block;flex-grow:0;flex-shrink:1;height:321px;width:340px}.hero.hover,.hero:hover{filter:drop-shadow(15px 18px #460404) brightness(var(--hero-brightness))}.hero.foreground{--hero-brightness:19%}.horizontal-line.activated:after{opacity:0;transition:width .5s ease;width:5px}.horizontal-line:after{background-color:var(--bd87ab52);content:"";height:var(--41a49e1c);left:calc(50vw - 200px);margin:2px;opacity:1;position:absolute;transition:height .2s ease-in-out,width 2s ease;width:374px}.darkMode .horizontal-line:after{background-color:#624900}.index-page__intro{align-items:center;background:linear-gradient(90deg,#9797ca,#ebd9a2,#f08181);display:flex;flex-direction:column;font-family:Droid Sans Regular,serif;height:100vh;justify-content:flex-start;min-height:666px;width:100%}.darkMode .index-page__intro{background:unset;background-color:#123444}.lang-jp .index-page__intro p{font-weight:400}.lang-en .index-page__intro p{font-weight:700}.index-page__intro .light-mode-icon{transform:scale(1);transition:transform .5s cubic-bezier(.86,0,.07,1) .9s}.index-page__intro .light-mode-icon.entrance{transform:scale(0)}.index-page__intro .name-shadow-blur{color:#fff!important;filter:drop-shadow(2px 2px #2d1616) blur(0);height:0;position:relative;z-index:1}.lang-en .index-page__intro .name-shadow-blur{left:1px;top:-85px}.lang-jp .index-page__intro .name-shadow-blur{left:0;top:-71px}.index-page__intro .first-name{margin-right:var(--7e393d50);transform:translate(0);transition:margin-right .2s ease-in-out,transform .5s cubic-bezier(.165,.84,.44,1) .2s}.index-page__intro .first-name.entrance{transform:translate(70vw) scaleX(.5)}.index-page__intro .given-name{color:#081914;min-width:-moz-max-content;min-width:max-content}.darkMode .index-page__intro .given-name{color:#ffb453}.lang-en .index-page__intro .given-name{font-family:"Droid Serif Regular",serif;font-size:2.7rem;letter-spacing:.2rem;margin-bottom:unset}.lang-jp .index-page__intro .given-name{font-family:serif;font-size:2rem;letter-spacing:.5rem;margin-bottom:.5rem}.index-page__intro .last-name{font-size:2rem;transform:translate(0) rotate(var(--1ac06bfc));transition:transform .7s ease-in-out}.index-page__intro .last-name.entrance{transform:translate(-70vw)}.lang-en .index-page__intro .last-name{font-family:Source Sans Pro,serif}.lang-jp .index-page__intro .last-name{font-family:serif}.resume-link__wrapper{opacity:1;transform:translateY(0);transition:transform .7s ease-in-out,opacity .6s ease-in-out}.resume-link__wrapper.entrance{opacity:0;transform:translateY(-500px)}.resume-link{background:linear-gradient(20deg,#073731,#062239);color:#bef3ff;padding:.25rem .5rem}.lang-en .resume-link{font-family:Source Sans,serif}.lang-jp .resume-link{font-family:serif}.darkMode .resume-link{background:unset;color:#ff8023}.intro__bayanihan-bg:before{background-image:url(./bayanihan-college.B3ns9qnn.jpg);background-size:cover}.intro__bayanihan-bg{position:absolute;z-index:-1}.loading-screen-container{opacity:1;transition:opacity .7s ease-in,visibility .7s ease-out;visibility:visible}.loading-screen-container.fade-out{opacity:0;visibility:hidden}