.chapter-img{transform:translate(-50%);position:absolute;height:100%;left:50%;transition:.25s}.filter{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0000004d;border-radius:var(--radius-card-xs);transition:.25s}.chapter h1{color:#fff;font-size:54px;margin:5px 0 0 5px;height:15%;position:absolute}.chapter p{width:fit-content;position:absolute;text-transform:uppercase;right:0;display:flex;flex-direction:column;height:85%;color:var(--background-color);margin-top:20%;transition:.25s}.about{font-size:9vh}.project,.experience{font-size:6.5vh}.activity{font-size:5.5vh}.chapter p span{transform:rotate(90deg) translateY(-25%);text-align:center}.chapter:hover>p{right:10%}.chapter:hover>img{height:110%}.chapter:hover>.filter{background-color:#0006}.chapter-title{width:18%}.title-section{width:80%;display:flex;justify-content:center;align-items:center}.chapter-title{width:18%;text-align:center;margin-top:10px;line-height:2;margin-inline:5px}.chapter-title h5{font-size:20px;color:var(--font-dark-color);font-weight:600}.chapter-title p{font-size:16px;position:relative;color:var(--chapter-background-color)}.chapter-title p:before{content:"";position:absolute;height:1px;background-color:var(--chapter-background-color);width:20%;left:24%;top:50%;transform:translate(-50%,-50%)}.chapter-title p:after{content:"";position:absolute;height:1px;background-color:var(--chapter-background-color);width:20%;right:24%;top:50%;transform:translate(50%,-50%)}.chapter-block{width:100dvw;height:100dvh;justify-content:center;align-items:center;flex-direction:column;display:none;transition:opacity .5s ease-in-out}.container .chapter-block{display:flex;opacity:1}.chapter-block h2{text-transform:uppercase;font-size:48px;color:var(--font-dark-color);margin-bottom:60px;font-weight:500}.chapter-section{width:80%;height:60%;display:flex;justify-content:center;align-items:center}.chapter{width:18%;height:100%;border-radius:var(--radius-card-xs);background-color:var(--chapter-background-color);overflow:hidden;position:relative;margin-inline:5px}.chapter:hover{cursor:pointer}.landing-intro{text-align:center;width:fit-content;transition:opacity .5s ease-in-out;opacity:1;height:100%;display:flex;align-items:center}.landing-intro.fade-out{opacity:0}.landing-intro p{margin:0 auto;letter-spacing:.15em;display:inline-block;font-size:24px;color:var(--font-dark-color)}.type{color:#0000;background:linear-gradient(-90deg,var(--font-dark-color) 5px,#0000 0) 10px 0,linear-gradient(var(--font-dark-color) 0 0) 0 0;background-size:calc(var(--n) * (1ch + .2em)) 200%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;background-repeat:no-repeat;animation:b .4s infinite steps(1),t calc(var(--n)*.1s) steps(var(--n)) forwards}@keyframes t{0%{background-size:0 200%}}@keyframes b{50%{background-position:0 -100%,0 0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}.selected-content h1{font-size:56px;color:var(--font-dark-color);margin-bottom:20px;font-weight:600}.selected-content small{color:var(--font-light-color);font-size:16px;padding-left:5px;margin-bottom:50px}.selected-content .circle{width:100px;height:100px;background-color:var(--primary-color);opacity:.3;position:absolute;top:80px;left:18vw;border-radius:var(--radius-round);transform:translate(-52%,-40%)}.side-chapter{position:relative;border-radius:var(--radius-round);background:#ffffff40;box-shadow:#64646f33 0 7px 29px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-decoration:none;outline:none;border:none;transition:.5s ease}.selected-chapter{width:16vw;height:16vw;z-index:30;display:flex;justify-content:center;align-items:center;flex-direction:column}.selected-chapter:hover{cursor:pointer;width:17vw;height:17vw;box-shadow:#64646f33 0 7px 29px}.selected-chapter:hover>h1{font-size:32px}.selected-chapter:hover>p{font-size:36px}.other-chapter{width:6vw;height:6vw;transform-origin:right;transition:.25s;box-shadow:#64646f33 0 7px 29px;z-index:29}.other-chapter:hover{cursor:pointer;width:7vw;height:7vw;box-shadow:#64646f33 0 8px 32px}.other-chapter:hover>p{font-size:20px}.selected-chapter h1{font-size:28px;color:#fff;transition:.25s;margin-block:0}.selected-chapter p{color:#fff;transition:.25s;font-size:32px;display:inline-block;padding:0 12px;border-radius:21px;width:fit-content;height:42px;line-height:42px;text-align:center;margin-block:0}.other-chapter p{width:fit-content;position:absolute;color:#fff;font-size:18px;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);margin-block:0;transition:.25s}.selected-chapter-block{width:16%;height:100dvh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary-color)}.about-school-block{width:100%;height:fit-content;margin-left:35px;border-left:1px solid var(--font-light-color);padding-top:40px;margin-bottom:30px}.education-row{height:70px;transform:translate(-35px)}.education-img{width:70px;height:70px}.education-content{width:calc(100% - 80px);height:fit-content;min-height:70px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.education-content span:nth-of-type(1){font-weight:600;font-size:18px;color:var(--font-dark-color)}.education-content span:nth-of-type(2){font-size:16px;color:var(--font-dark-color)}.education-content span:nth-of-type(3){font-size:14px;color:var(--font-light-color)}.school-row{width:100%;display:flex;justify-content:flex-start;align-items:center;margin-bottom:40px;flex-wrap:wrap}.school-img{aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:var(--radius-card-xs);margin-right:10px;background-color:var(--background-color)}.courses-row{height:fit-content;min-height:40px;transform:translate(-20px)}.courses-img{width:40px;height:40px}.courses-title{height:fit-content;width:60%;border-radius:var(--radius-card-xs);padding:10px;font-weight:600;background-color:#dcdcdc;color:var(--font-dark-color);display:flex;justify-content:space-between;align-items:center}.courses-details{width:58%;height:fit-content;transform:translate(calc(2% + 50px));border-bottom-left-radius:var(--radius-card-xs);border-bottom-right-radius:var(--radius-card-xs)}.courses-name{margin-left:15px;margin-top:30px;display:flex;flex-wrap:wrap;align-items:center}.courses-name span:nth-of-type(1){color:#fff;font-weight:600;background-color:var(--primary-color);width:40px;height:40px;display:inline-block;text-align:center;line-height:40px;border-radius:var(--radius-round);position:relative;margin-right:10px;font-size:20px}.courses-name span:nth-of-type(2){width:calc(100% - 50px)}.skills-block{width:22%;height:80px;position:relative;border-radius:20px;background-color:#fff;margin:10px 0;margin-inline:1.5%;padding:0 5px;display:flex;justify-content:center;align-items:center;color:var(--font-dark-color);box-shadow:#0000001a 0 4px 12px;text-align:center;font-size:16px;letter-spacing:2px}.skills-block span{width:40px;height:40px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;overflow:hidden;transform:translate(-30%,-40%);background-position:center;background-repeat:no-repeat;background-size:cover}.skills-svg{width:40px;height:40px;position:absolute;top:0;left:0;transform:translate(-30%,-40%);background-color:#fff;border-radius:var(--radius-round)}.skills-svg-cir{fill:transparent;stroke:var(--secondary-color);stroke-dasharray:63;stroke-width:20px;transform:rotate(-90deg);transform-origin:center}.skills-svg text{stroke:#fff}.menu-toggle{width:50px;height:50px;position:absolute;display:none;justify-content:center;align-items:center;top:0;right:0;border-radius:10px;cursor:pointer;overflow:hidden;z-index:601}.menu-toggle span{position:absolute;width:24px;height:3px;background-color:var(--primary-color);border-radius:3px;transition:.5s}.menu-toggle span:nth-child(1){transform:translateY(-10px)}.menu-toggle span:nth-child(2){transform:translateY(10px)}.menu-toggle span:nth-child(2){transition:.25s}.menu-toggle.menu-active span{background-color:#fff}.menu-toggle.menu-active span:nth-child(1){transform:translateY(0) rotate(45deg);transition-delay:.5s}.menu-toggle.menu-active span:nth-child(2){transform:translateY(0) rotate(-45deg);transition-delay:.5s}.menu-toggle.menu-active span:nth-child(3){opacity:0}footer{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10dvh 0}footer>*{margin-inline:4px}footer h4{width:100%;height:fit-content;font-size:24px;display:inline-block;text-align:center;margin-bottom:30px;font-weight:600;color:var(--font-dark-color)}footer svg{transition:.25s}footer svg:hover{cursor:pointer;filter:brightness(.6)}footer p{color:var(--font-light-color);font-size:12px;letter-spacing:0}.selected-content{width:84%;height:100dvh;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:80px 18vw;padding-bottom:0;text-align:left;position:relative;overflow-x:hidden;overflow-y:scroll}.selected-content>*{letter-spacing:2px}.about-intro{line-height:2;padding-left:20px;border-left:5px solid var(--border-color);margin-bottom:50px}.selected-content h3{color:var(--primary-color);font-size:32px;margin-bottom:30px}.about-quote{color:var(--font-light-color);border-left:3px solid var(--font-light-color);display:inline-block;height:fit-content;padding:15px 0 15px 20px;font-size:18px;margin:150px auto 180px;position:relative}.about-quote:before{content:url(/assets/util/quote.svg);width:30px;height:30px;position:absolute;top:0;left:0;padding:3px;background-color:var(--background-color);transform:translate(-50%,-40%)}.about-phrase{color:var(--primary-color);font-size:28px;font-weight:600;margin-inline:auto;margin-bottom:50px;text-align:center}.about-phrase span{box-shadow:inset 0 -16px 0 -3px #44a9b44d}.about-gallery{width:100%;height:fit-content;min-height:60dvh;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:50px}.gallery-img{object-fit:cover;display:block;margin:calc(var(--gallery-margin) / 2);border-radius:8px}.gallery-img:nth-of-type(1){width:calc(64% - var(--gallery-margin));height:calc(40% - var(--gallery-margin))}.gallery-img:nth-of-type(2){width:calc(64% - var(--gallery-margin));height:calc(60% - var(--gallery-margin))}.gallery-img:nth-of-type(3){width:calc(36% - var(--gallery-margin));height:calc(70% - var(--gallery-margin))}.gallery-img:nth-of-type(4){width:calc(36% - var(--gallery-margin));height:calc(30% - var(--gallery-margin))}.about-skills{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:20px 0;margin-bottom:50px}.skill-phrase{width:100%;height:fit-content;text-align:center;color:var(--font-light-color);font-size:16px;margin-top:25px}.project-card{width:100%;height:280px;border-radius:var(--radius-card-xl);background-color:#fff;box-shadow:var(--shadow-card-soft);display:flex;position:relative}.project-bgimg{width:32%;height:100%;border-top-left-radius:var(--radius-card-xl);border-bottom-left-radius:var(--radius-card-xl);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:relative;overflow:hidden}.project-bgimg-image{width:100%;height:100%;object-fit:cover;display:block;border-top-left-radius:var(--radius-card-xl);border-bottom-left-radius:var(--radius-card-xl)}.project-bgimg:before{content:"";width:100%;height:100%;background:#fff;background:linear-gradient(90deg,#ffffff80,#ffffff80 60%,#fff 90%,#fff);position:absolute;border-top-left-radius:var(--radius-card-xl);border-bottom-left-radius:var(--radius-card-xl);z-index:var(--z-layer-mid)}.project-img{width:100px;height:100px;border-radius:var(--radius-round);background-color:#fff;object-fit:contain;position:absolute;top:50%;left:50%;box-shadow:var(--shadow-elevated);transform:translate(calc(-50% - 1vw),-50%);z-index:var(--z-layer-top)}.project-details{width:68%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.project-details h5{font-size:24px;color:var(--primary-color);font-weight:600;margin-bottom:8px}.project-details span{font-size:14px;color:var(--font-light-color)}.project-details p{width:95%;display:inline-block;font-size:16px;color:var(--font-dark-color);margin:20px 0;line-height:1.5}.project-details a{text-decoration:none;display:flex}.project-details a svg{margin-right:3px;transition:fill .25s}.project-details a span{color:var(--secondary-color);margin-left:3px;height:18px;transition:.25s}.project-details a:hover{cursor:pointer}.project-details a:hover>svg{fill:#0a4d68}.project-details a:hover>span{color:var(--primary-color)}.project-block{width:100%}.experience-card{width:100%;min-height:500px;height:fit-content;border-radius:8px;overflow:hidden;position:relative;background-color:#fff;display:flex;flex-direction:column;flex-shrink:0;box-shadow:var(--shadow-card-soft)}.experience-card-banner{width:100%;height:180px;position:relative}.experience-card-banner-image{width:100%;height:100%;object-fit:cover;display:block}.experience-card-logo{width:80px;height:80px;background-color:#fff;object-fit:cover;border-radius:var(--radius-card-xs);position:absolute;top:135px;left:40px;box-shadow:var(--shadow-elevated)}.experience-card-type{position:absolute;top:161px;right:40px;display:inline-block;height:38px;background-color:var(--primary-color);color:#fff;border:3px solid #fff;font-size:18px;padding:0 15px;line-height:32px;border-radius:19px;letter-spacing:0}.experience-card-metadata{margin-top:50px;padding:0 35px}.experience-card-metadata-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.experience-card-metadata-row h4{font-size:26px;font-weight:700;color:var(--font-dark-color)}.experience-card-metadata-row h5{font-size:18px;color:var(--primary-color);font-weight:600}.experience-card-metadata-row p{font-size:16px;color:var(--font-light-color);font-style:italic}.experience-card-details{padding:0 35px;margin:25px 0}.experience-card-details p{font-size:18px;color:var(--font-dark-color);margin-bottom:25px;letter-spacing:0}.experience-card-details-list{list-style:disc;margin-left:20px;margin-top:8px;color:var(--font-dark-color);font-size:18px;line-height:1.8;letter-spacing:0;transform-origin:top;transition:max-height .4s ease,opacity .3s ease,transform .4s ease,margin-top .4s ease}.experience-card-details-list.expanded{max-height:800px;opacity:1;transform:scaleY(1)}.experience-card-details-list.collapsed{max-height:0;opacity:0;transform:scaleY(.96);margin-top:0;pointer-events:none}.experience-expand-button{font-family:Montserrat,sans-serif;font-size:20px;font-weight:400;transform:translate(-10px);margin-bottom:20px;color:var(--font-light-color);background:none;border:none;cursor:pointer;letter-spacing:0;outline:none;transition:.25s ease}.experience-expand-button:hover{color:var(--font-dark-color)}.experience-card-controls{width:100%;padding:0 35px 28px;display:flex;justify-content:flex-end}.experience-card-expand-button{transform:none;margin-bottom:0}.experience-card-skills{padding:0 35px;margin-bottom:12px;display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap}.experience-card-skills span{background-color:var(--secondary-color);line-height:20px;color:#fff;font-size:14px;padding:5px 12px;letter-spacing:0;border-radius:var(--radius-pill-lg)}.experience-block{width:100%}.notfound-container{width:100vw;height:100vh;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-color:var(--background-color)}.nav-bar{width:100%;height:60px;background-color:var(--primary-color);margin-bottom:40px;display:flex;justify-content:center;align-items:center}.nav-bar>*{font-weight:600;font-size:18px;letter-spacing:1px;text-decoration:none;color:#fff}.notfound-content{width:100%;height:fit-content;text-align:center}.notfound-content p{width:30%;height:fit-content;padding:30px;background-color:#ddd;color:var(--font-dark-color);margin-inline:auto;border-radius:6px;line-height:1.8;letter-spacing:1px;margin-top:40px}.highlight-span{box-shadow:inset 0 -10px 0 -3px #44a9b44d}@media (min-width: 768px) and (max-width: 960px){.notfound-content p{width:50%}}@media (min-width: 576px) and (max-width: 768px){.notfound-content p{width:65%}}@media (max-width: 576px){.notfound-content p{width:80%}}.activity-card{width:92%;height:300px;margin-bottom:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;border-radius:var(--radius-card-lg);box-shadow:#959da533 0 8px 24px;position:relative;transition:transform .5s;transform-style:preserve-3d;transform:rotateY(0)}.activity-card:hover{cursor:pointer}.activity-card:hover>.card-front{filter:drop-shadow(1px 1px #00000050)}.card-front:hover>span{bottom:20px;opacity:1}.card-rotate{transform:rotateY(180deg)}.activity-click{color:var(--font-light-color);position:absolute;bottom:0;font-size:16px;letter-spacing:0;transition:.25s;opacity:0}.card-front,.card-back{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;border-radius:var(--radius-card-lg);transition:.25s}.card-img-row{width:100%;height:30%;display:flex;align-items:center}.card-img{width:120px;height:100%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:var(--background-color);border-top-left-radius:var(--radius-card-lg);border-bottom-right-radius:var(--radius-card-lg);box-shadow:#0000003d 3px 4px 5px}.card-circle{width:15px;height:15px;background:var(--secondary-color);border-radius:var(--radius-round);transform:translate(calc(48vw * .92 - 215px - 10px))}.card-ellipse{width:60px;height:15px;background-color:var(--secondary-color);border-radius:7.5px;transform:translate(calc(48vw * .92 - 215px))}.card-detail{width:100%;height:70%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding-top:30px}.card-detail h4{margin-bottom:5px;font-size:28px;color:var(--primary-color);text-align:center;display:inline-block;width:95%;font-weight:600}.card-detail small{font-size:16px;letter-spacing:0;margin-bottom:30px}.card-detail span{width:fit-content;height:40px;background-color:var(--secondary-color);color:#fff;padding:0 8px;border-radius:var(--radius-pill-lg);line-height:40px;letter-spacing:0;font-size:16px}.card-back{position:absolute;top:0;border-radius:var(--radius-card-lg);transform:rotateY(180deg);background-color:var(--secondary-color)}.card-back-img{width:115px;height:115px;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:3%;border-radius:var(--radius-round);border:10px solid #fff;box-shadow:#00000059 0 5px 15px}.card-des-block{width:100%;height:80%;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:var(--radius-card-lg);border-bottom-right-radius:var(--radius-card-lg);background-color:#fff;--mask: radial-gradient(77.18px at 50% 106px,#000 99%,#0000 101%) calc(50% - 80px) 0/160px 100%, radial-gradient(77.18px at 50% -66px,#0000 99%,#000 101%) 50% 40px/160px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask)}.card-des{width:100%;height:60%;transform:translateY(10%);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;letter-spacing:0;line-height:1.5;color:var(--font-dark-color);padding:10px 20px;overflow-y:scroll;scrollbar-color:var(--border-color) transparent;scrollbar-width:thin;font-size:16px}.activity-block{width:100%}