.root_layout{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:0 48px;display:flex}.root_layout header{flex-direction:column;justify-content:space-between;align-items:flex-start;width:48%;height:100dvh;padding:96px 0;display:flex;position:-webkit-sticky;position:sticky;top:0}.root_layout main{flex-direction:column;justify-content:space-between;align-items:flex-start;width:52%;padding:96px 0;display:flex}.root_layout header h1{line-height:1}.root_layout header h1 a{letter-spacing:-.025em;color:#e2e8f0;font-size:48px;font-weight:700}.root_layout header h2{letter-spacing:-.025em;color:#e2e8f0;margin:12px 0 0;font-size:20px;font-weight:500}.root_layout header p{color:#94a3b8;max-width:320px;margin-top:16px;font-size:16px;font-weight:400;line-height:1.5}.bottom_header{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-top:32px;display:flex}.bottom_header svg{fill:rgba(255,255,255,.667);width:28px;height:28px}.bottom_header a:hover svg{fill:#fff}.root_layout main section{margin-bottom:144px;scroll-margin-top:96px}.root_layout main section#about p{color:#94a3b8;margin-bottom:16px;font-size:16px;font-weight:400;line-height:1.5}.incontent_sep{margin:0 6px}.root_layout main section#about p strong{color:#fff;font-weight:400}.abs_hov{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04))drop-shadow(0 4px 3px rgba(0,0,0,.1));opacity:0;z-index:-1;pointer-events:none;background:rgba(255,255,255,.063);border-radius:6px;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:-16px;bottom:-16px;left:-16px;right:-16px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}.lst_content_elm{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.lst_content_elm-l{flex-shrink:0;width:160px}.prj_elm div h3,.lst_content_elm-r h3{color:#fff;letter-spacing:-.025em;font-size:16px;font-weight:500;transition:color .1s cubic-bezier(.4,0,.2,1) 50ms}.prj_elm div h3 svg,.lst_content_elm-r h3 svg{will-change:transform;width:16px;height:16px;margin-left:4px;transition:transform .1s cubic-bezier(.4,0,.2,1) 50ms;transform:translateY(2px)translate(0)}.prj_elm,.exp_elm{will-change:opacity;cursor:pointer;opacity:1;z-index:1;margin-bottom:48px;transition:all .25s cubic-bezier(.4,0,.2,1) 50ms;position:relative}.elm_clickable_dsktp_lk-abs{z-index:2;position:absolute;top:-16px;bottom:-16px;left:-16px;right:-16px}.prj_elm:has(.elm_clickable_dsktp_lk-abs:hover) div h3{color:#5eead4}.exp_elm:has(.elm_clickable_dsktp_lk-abs:hover) .lst_content_elm-r h3{color:#5eead4}.prj_elm:has(.elm_clickable_dsktp_lk-abs:hover) div h3 svg{transform:translateY(-2px)translate(3px)}.exp_elm:has(.elm_clickable_dsktp_lk-abs:hover) .lst_content_elm-r h3 svg{transform:translateY(-2px)translate(3px)}.prj_elm:hover .abs_hov,.exp_elm:hover .abs_hov{opacity:1;will-change:opacity}.prj_elm div p,.lst_content_elm-r p{color:#94a3b8;margin-top:8px;font-size:14px;font-weight:400;line-height:1.5}.prj_elm div ul,.lst_content_elm-r ul{flex-flow:wrap;justify-content:flex-start;align-items:center;margin-top:8px;display:flex}.prj_elm div ul li,.lst_content_elm-r ul li{color:#5eead4;background:rgba(45,212,191,.1);border-radius:100px;margin:8px 8px 0 0;padding:4px 12px;font-size:12px;font-weight:500;line-height:20px}.lst_content_elm-l{color:#64748b;text-transform:uppercase;margin:4px 0 8px;font-size:12px;font-weight:500;line-height:16px}section#projects:has(.prj_elm:hover) .prj_elm{opacity:.56}section#experience:has(.exp_elm:hover) .exp_elm{opacity:.56}section#projects .prj_elm:hover,section#experience .exp_elm:hover{opacity:1!important}.prj_elm{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.prj_elm figure{aspect-ratio:2;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:160px;display:flex;position:relative;overflow:hidden}.prj_elm figure img{object-fit:cover;width:100%;height:100%}.root_layout footer{color:#64748b;max-width:448px;font-size:14px;font-weight:400;line-height:1.5}.root_layout footer a{color:#94a3b8;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1)}.root_layout footer a:hover{color:#5eead4}.sct_stky{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-transform:uppercase;letter-spacing:1.4px;background:rgba(17,17,17,.125);margin:0 -48px 16px;padding:20px 48px;font-size:14px;font-weight:700;line-height:20px;display:none;position:-webkit-sticky;position:sticky;top:0}@media screen and (max-width:1025px){.root_layout{flex-direction:column;padding:64px 48px}.root_layout header{height:unset;width:100%;padding:0;position:static}.root_layout main{width:100%;padding:96px 0 0}.root_layout main section{margin-bottom:96px;scroll-margin-top:96px}section#projects:has(.prj_elm:hover) .prj_elm{opacity:1}section#experience:has(.exp_elm:hover) .exp_elm{opacity:1}.abs_hov{display:none}.sct_stky{display:flex}}@media screen and (max-width:768px){.root_layout{flex-direction:column;padding:48px 24px}.root_layout main section{margin-bottom:64px;scroll-margin-top:64px}.sct_stky{margin:0 -24px 16px;padding:20px 24px}}@media screen and (max-width:640px){.root_layout header h1 a{font-size:36px}.lst_content_elm{flex-direction:column;gap:8px}.lst_content_elm-l{margin-bottom:0}.prj_elm{flex-direction:column-reverse}.prj_elm figure{width:220px}}
