:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}body,head,html{margin:0;padding:0;box-sizing:border-box}#root{font-family:Neue Haas Display,sans-serif;--navbarHeight: 100px;--whiteColor: #fcfcfc;--standardGap: 18px;--standardBorderRad: 24px}*{border:0;padding:0;box-sizing:border-box}h1{font-size:44px}@keyframes fadeInFromBelow{0%{opacity:0;transform:translateY(150%)}to{opacity:1;transform:translateY(-50%)}}@keyframes fadeInFromAbove{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%,-50%)}}.app{margin-top:var(--navbarHeight);background:linear-gradient(180deg,#f4f4f4 15.5%,#d3d8cf);margin:0;padding:0;box-sizing:border-box}.navbar{height:var(--navbarHeight);background-color:var(--whiteColor);position:fixed;top:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10%;transition:top .5s ease-in-out;z-index:3000}.navbar_hide{height:var(--navbarHeight);background-color:var(--whiteColor);position:fixed;top:calc(var(--navbarHeight)*-1);left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10%;z-index:10000;transition:top .5s ease-in-out}.navbar_initials{font-family:Kalaya;padding:20px 42px;font-size:24px;border-radius:15px;border:1.5px solid black}.navbarIcon{height:64px;width:64px;position:relative;border:1.4px solid black;border-radius:48px;z-index:4}.navbarIcon:hover{height:64px;width:64px;position:relative;border:1.4px solid rgb(255,255,255);border-radius:48px;background-color:#2f2f2f;cursor:pointer;z-index:4}.line{position:absolute;height:1px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0;border:1.4px solid rgb(0,0,0)}.lineHover{border:1.4px solid rgb(255,255,255)}.line1{top:40%;left:20%;right:20%;transform:translateY(-50%) rotate(0);transition:transform .5s ease-in-out}.line1X{top:50%;left:20%;right:20%;transform:translateY(-50%) rotate(225deg);transition:transform .5s ease-in-out}.line2{top:60%;left:20%;right:20%;transform:translateY(-50%) rotate(0);transition:transform .5s ease}.line2X{top:50%;left:20%;right:20%;transform:translateY(-50%) rotate(-45deg);transition:transform .5s ease}.navbar_links{display:flex;flex-direction:row;gap:4rem;font-size:24px}.navbar_link{position:relative;height:34px;width:8rem;overflow:hidden;border-radius:8px}.navbar_link:hover{position:relative;cursor:pointer;box-shadow:0 5px 20px #0000001a}.navbar_link:active{box-shadow:8px 8px 16px #00000026,-8px -8px 16px #ffffffb3;background-color:#eaeaea}.navbar_link_main_display{position:absolute;top:50%;left:0%;right:0%;text-align:center;transform:translateY(-50%);transition:transform .5s ease-in-out}.navbar_link_main_hide{position:absolute;top:50%;left:0%;right:0%;text-align:center;transform:translateY(-200%);transition:transform .5s ease-in-out}.navbar_link_hover_display{position:absolute;top:50%;left:0%;right:0%;transform:translateY(-50%);text-align:center;transition:transform .5s ease-in-out}.navbar_link_hover_hide{position:absolute;top:50%;left:0%;right:0%;transform:translateY(200%);text-align:center;transition:transform .5s ease-in-out}.navbar_menu{height:64px;width:100%;position:relative}.navbar_links_menu_hide{position:absolute;margin:0;right:0%;left:0%;top:100%;background-color:var(--whiteColor);padding:0;max-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:max-height .55s ease-in-out;position:fixed;top:var(--navbarHeight);border-bottom-left-radius:var(--standardBorderRad);border-bottom-right-radius:var(--standardBorderRad)}.navbar_links_menu{margin:0;right:0%;left:0%;background-color:var(--whiteColor);padding:0;overflow:hidden;max-height:1000px;box-sizing:border-box;transition:max-height .55s ease-in-out;display:flex;flex-direction:column;align-items:center;position:fixed;top:var(--navbarHeight);border-bottom-left-radius:var(--standardBorderRad);border-bottom-right-radius:var(--standardBorderRad)}.navbar_link_menu{position:relative;list-style:none;font-size:28px;max-height:1000px;width:fit-content;margin:12px 24px;display:inline-block;transition:max-height .5s ease-in-out}.navbar_link_menu:hover{cursor:pointer;color:#636662}.navbar_link_menu:after{position:absolute;top:102%;width:00%;left:0%;content:"";height:1px;background-color:#636662;transition:width .5s ease-in-out}.navbar_link_menu:hover:after{width:100%}.navbar_link_menu_hide{position:relative;list-style:none;font-size:28px;max-height:0px;margin:12px 24px;overflow:hidden;transition:max-height .5s ease-in-out}.navbar_menu_icon{position:absolute;height:calc(100% - 4px);aspect-ratio:1/1;right:0;border-radius:100px;box-sizing:content-box;border:1.5px solid black}.navbar_menu_icon:hover{cursor:pointer}.navbar_menu_icon_hover{cursor:pointer;border:1px solid var(--whiteColor);background-color:#000}.navbar_menu_icon1{position:relative;width:60%;height:2px;left:80%;top:40%;box-sizing:border-box;transform:translate(-100%,-50%) rotate(-180deg);background-color:#000;transition:transform .5s ease-in-out}.navbar_menu_icon1X{position:relative;width:60%;height:2px;left:80%;top:50%;box-sizing:border-box;transform:translate(-100%,-0%) rotate(45deg);background-color:#000;transition:transform .5s ease-in-out}.navbar_menu_icon2{position:relative;width:60%;height:2px;left:80%;top:50%;box-sizing:border-box;transform:translate(-100%,-0%);background-color:#000;transition:transform .5s ease-in-out}.navbar_menu_icon2X{position:relative;width:60%;height:2px;left:80%;top:50%;box-sizing:border-box;transform:translate(-100%,-50%) rotate(-45deg);background-color:#000;transition:transform .5s ease-in-out}.navbar_menu_icon1and2_hover{background-color:#fff}.appComps{display:flex;flex-direction:column;gap:var(--standardGap);padding:var(--standardGap);margin-top:var(--navbarHeight)}.intro{border-radius:var(--standardBorderRad);overflow:hidden;height:90vh;position:relative}.intro:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background-color:#0006}.intro>img{width:100%;height:100%;border-radius:var(--standardBorderRad);object-fit:cover}.intro_name_container{position:absolute;top:45%;left:0%;right:0%;display:flex;align-items:center;transform:translateY(-50%);z-index:2;justify-content:center}.intro_name{position:relative;display:inline-block;color:#fff;z-index:2;font-weight:600;letter-spacing:-.7px;font-size:90px;opacity:1;text-align:center;z-index:5;display:flex;flex-direction:row;justify-content:center;gap:22px;overflow:hidden}.letter{margin:0;padding:0;color:#fff;z-index:2;font-weight:600;letter-spacing:-.7px;display:inline-block;font-size:90px}.IntroName_Motion_Cont{margin:0;padding:0;display:flex;flex-direction:row}.space{width:24px}.intro_about{position:absolute;top:65%;left:0%;right:0%;color:#fff;z-index:1;font-weight:200;letter-spacing:1px;font-size:32px;text-align:center;opacity:0;animation:fadeInFromBelow 1.3s .9s ease-out forwards}.aboutMe{display:flex;flex-direction:row;gap:var(--standardGap);border-radius:var(--standardBorderRad);height:36rem}.aboutMe_imgContain{width:100%;max-width:35rem;height:100%;overflow:hidden;border-radius:var(--standardBorderRad)}.aboutMe_imgContain>img{width:100%;height:100%;object-fit:cover}.aboutMe_aboutMe{width:100%;height:100%;background-color:var(--whiteColor);border-radius:var(--standardBorderRad);padding:0;position:relative}.aboutMe_aboutMe_text{font-size:32px;font-weight:400;margin:0;padding:0;color:#888;position:absolute;top:50%;left:50%;width:70%;max-width:60rem;transform:translate(-50%,-50%);font-size:40px}.black-highlight{color:#000}.timeline{display:flex;flex-direction:row;align-items:stretch;gap:var(--standardGap);border-radius:var(--standardBorderRad);overflow:hidden;height:auto}.timeline_datas{width:100%;background-color:var(--whiteColor);border-radius:var(--standardBorderRad);padding:3rem 2.5rem;display:flex;flex-direction:column;flex-grow:1}.timeline_datas_h1{margin:0}.timeline_data{padding:0% clamp(.5rem,1.2vw,3rem)}.timeline_data_year{font-size:34px;font-weight:600;margin-top:28px;margin-bottom:16px}.timeline_data_data{display:flex;flex-direction:row;gap:28px;font-size:clamp(20px,2vw,26px);font-style:italic;margin-top:16px}.timeline_data_data_idx{font-weight:600;font-style:normal}.timeline_data_data_row{text-wrap:pretty;font-size:26px;font-size:clamp(20px,2vw,26px)}.timeline_summary{width:100%;position:relative;border-radius:var(--standardBorderRad);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.timeline_summary:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-color:#00000080;border-radius:var(--standardBorderRad)}.timeline_summary>img{object-fit:cover;width:100%;height:100%;border-radius:var(--standardBorderRad)}.timeline_summary_texts{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eee;padding:20% 15%;font-size:28px;z-index:1;font-weight:300;border-radius:var(--standardBorderRad)}.timeline_summary_text{font-size:28px}.timeline_summary_text a{text-decoration:none;color:var(--whiteColor);font-weight:500}.projects{background-color:var(--whiteColor);border-radius:var(--standardBorderRad);padding:3rem 2.5rem;padding-bottom:0}.projects_h1{margin:0}.projects_projects{display:flex;flex-direction:row;flex-wrap:wrap;padding:88px 0;width:100%;gap:var(--standardGap);justify-self:center;align-items:center;justify-content:center}.projects_project{align-self:center;justify-self:center;max-width:55rem;width:45%;aspect-ratio:1/.9;max-height:40rem;display:flex;flex-direction:column;justify-content:space-between}.project_top{height:80%;position:relative;cursor:pointer;overflow:hidden}.project_top:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;background-color:#00000080}.project_top>img{height:100%;width:100%;object-fit:cover;will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1)}.project_top_hovered>img{transform:scale(1.1)}@media (prefers-reduced-motion: reduce){.project_top>img{transition:none}}.project_skills{position:absolute;display:flex;flex-direction:row;bottom:5%;color:#fff;z-index:3;left:5%;right:5%;gap:6%;justify-content:flex-start}.project_skills_hide{display:none}.project_skill{width:100%;max-width:14rem;font-size:clamp(10px,2vw,16px);display:flex;align-items:center;justify-content:center;font-weight:300;text-align:center;text-wrap:pretty;padding:16px 0;background-color:#000000b3;border-radius:2000px}.project_info{position:absolute;display:flex;align-items:center;top:5%;bottom:5%;left:10%;right:10%;z-index:2;font-size:clamp(18px,2vw,28px);font-weight:300;color:#fff}.project_info_hide{display:none}.project_photoCreds{position:absolute;top:5%;right:5%;z-index:2;display:flex;flex-direction:column;border-radius:50px;background-color:#000000b3}.project_photoCreds_top{display:flex;flex-direction:row;justify-content:center;margin:0;width:100%;height:100%;padding:12px 24px;gap:12px}.project_faCamera{display:flex;align-items:center;justify-content:center}.project_faCamera_arrow{width:36px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:10000px;background-color:#e1e1e1;border:1px solid var(--whiteColor)}.project_faCamera_arrow>img{height:50%;width:50%;object-fit:contain;color:#000;transform:rotate(0);transition:transform .5s ease}.project_faCamera_arrow_rot>img{transform:rotate(-180deg);transition:transform .5s ease}.project_projCreds_box{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:18px}.project_photoCreds_H_hide{color:#e1e1e1;text-wrap:nowrap;overflow:hidden;box-sizing:border-box;transition:width .5s ease-in-out,padding .5s ease-in-out}.project_photoCreds_H_show{color:#e1e1e1}.project_photoCreds_bottom_show{color:#e1e1e1;transition:height .5s ease-in-out,padding .5s ease-in-out}.project_photoCreds_bottom_hide{color:#e1e1e1;text-wrap:nowrap;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:height .5s ease-in-out,padding .5s ease-in-out}.project_photoCreds_bottom_H_show{font-size:18px;padding:0;margin:0}.project_photoCreds_bottom_show>a,.project_photoCreds_bottom_hide>a{color:#fff;text-decoration:underline;padding:0;margin:0}.project_photoCreds_bottom_show>a:visited,.project_photoCreds_bottom_hide>a:visited{text-decoration:none}.project_bottom{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:100%;padding-top:18px;height:20%}.project_bottom_n{margin:0% 4%;display:flex;align-items:center;font-size:clamp(20px,2vw,26px);font-weight:600}.project_bottom_title{font-weight:400;text-wrap:pretty;font-size:clamp(18px,2vw,26px);display:flex;align-items:center}@media (max-width: 800px){.intro_about{font-size:28px;left:5%;right:5%}.letter{font-size:60px}.space{width:16px}.aboutMe{flex-direction:column;height:95vh;width:100%}.aboutMe_imgContain{max-width:none}.aboutMe_aboutMe_text{font-size:32px;transform:translate(-60%,-50%)}.timeline{flex-direction:column-reverse}.timeline_summary{height:100vh}.projects_project{align-self:center;justify-self:center;max-width:55rem;width:100%;aspect-ratio:1/.9;max-height:40rem;display:flex;flex-direction:column;justify-content:space-between}.project_faCamera_arrow{width:24px}.project_photoCreds_bottom_H,.project_photoCreds_bottom_H>img{font-size:16px}.project_photoCreds_H_show{font-size:18px}.project_top{height:100%}.projects_projects{padding-top:44px;padding-bottom:12px}.projects_project{aspect-ratio:1/1.2}.project_bottom_title{padding:24px 0}}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayBlack-CJPa0fTE.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayBlackItalic-B-bpqL3c.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayBold-BP6G_pDf.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayBoldItalic-BNnmyWvS.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayLight-0AWf-xRh.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayLightItalic-BsSMOA0Q.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(./assets/fonts/NeueHaasDisplayMedium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayMediumItalic-BqsTF5-l.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayRoman-A6ipJltx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayRomanItalic-CSGtv2-a.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayThin-PECffUDD.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayThinItalic-CwGV46yN.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayXThin-C4dWMoTc.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayXThinItalic-CvysK3ef.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayXXThin-Co6Ee8-s.ttf) format("truetype");font-weight:50;font-style:normal}@font-face{font-family:Neue Haas Display;src:url(/assets/NeueHaasDisplayXXThinItalic-6Ac920_A.ttf) format("truetype");font-weight:50;font-style:italic}@font-face{font-family:Kalaya;src:url(/assets/KalayaRegular-CYrpxNYI.ttf) format("truetype");font-weight:400;font-style:normal}