.aboutSection{margin-bottom:4rem;scroll-margin-top:4rem}@media (min-width:768px){.aboutSection{margin-bottom:6rem}}@media (min-width:1024px){.aboutSection{margin-bottom:9rem;scroll-margin-top:6rem}}.stickyHeader{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;width:100vw;margin-bottom:1rem;margin-left:-1.5rem;padding:1.25rem 1.5rem;position:sticky;top:0}@media (min-width:768px){.stickyHeader{margin-left:-3rem;padding:1.25rem 3rem}}@media (min-width:1024px){.stickyHeader{opacity:0;width:100%;margin-left:auto;padding:0;position:relative;top:auto}}.heading{text-transform:uppercase;letter-spacing:.1em;color:#e2e8f0;font-size:.875rem;font-weight:700}@media (min-width:1024px){.heading{display:none}}.paragraph{text-align:justify;margin-bottom:1rem}.link{color:#e2e8f0;font-weight:500;text-decoration:none;transition:color .2s}.link:hover,.link:focus-visible{color:#2dd4bf}.korokGroup{color:#e2e8f0;cursor:pointer;font-weight:500;display:inline-flex}@media (min-width:1024px){.korokGroup{cursor:url(/images/koroks/Elma.png),pointer}}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.korokK{transition:color 75ms,transform 75ms}.korokO{transition:color 75ms 50ms,transform 75ms 50ms}.korokR{transition:color 75ms 75ms,transform 75ms 75ms}.korokO2{transition:color 75ms .1s,transform 75ms .1s}.korokK2{transition:color 75ms .125s,transform 75ms .125s}.korokSpace{transition:color 75ms .15s,transform 75ms .15s}.korokS{transition:color 75ms .175s,transform 75ms .175s}.korokE{transition:color 75ms .2s,transform 75ms .2s}.korokE2{transition:color 75ms .225s,transform 75ms .225s}.korokD{transition:color 75ms .25s,transform 75ms .25s}.korokS2{transition:color 75ms .275s,transform 75ms .275s}.korokGroup:hover .korokK{color:#f87171;transform:translateY(-1px)}.korokGroup:hover .korokO{color:#fb923c;transform:translateY(-1px)}.korokGroup:hover .korokR{color:#fde68a;transform:translateY(-1px)}.korokGroup:hover .korokO2{color:#a3e635;transform:translateY(-1px)}.korokGroup:hover .korokK2{color:#22c55e;transform:translateY(-1px)}.korokGroup:hover .korokSpace{color:#14b8a6;transform:translateY(-1px)}.korokGroup:hover .korokS{color:#06b6d4;transform:translateY(-1px)}.korokGroup:hover .korokE{color:#0ea5e9;transform:translateY(-1px)}.korokGroup:hover .korokE2{color:#6366f1;transform:translateY(-1px)}.korokGroup:hover .korokD{color:#8b5cf6;transform:translateY(-1px)}.korokGroup:hover .korokS2{color:#a21caf;transform:translateY(-1px)}
.footer{color:#64748b;max-width:28rem;padding-bottom:4rem;font-size:.875rem}@media (min-width:640px){.footer{padding-bottom:0}}.footer-text{color:#64748b;text-align:justify}.footer-link{color:#94a3b8;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover,.footer-link:focus-visible{color:#2dd4bf}
.layout-wrapper{min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.layout-inner{max-width:1280px;margin:0 auto;padding:3rem 1.5rem}@media (min-width:768px){.layout-inner{padding:4rem 3rem}}@media (min-width:1024px){.layout-inner{justify-content:space-between;gap:1rem;padding-top:0;padding-bottom:0;display:flex}}.header{flex-direction:column;justify-content:space-between;display:flex}@media (min-width:1024px){.header{width:48%;height:100vh;padding-top:6rem;padding-bottom:6rem;position:fixed}}.header-title{letter-spacing:-.02em;color:#e2e8f0;font-size:2.25rem;font-weight:700;line-height:1}@media (min-width:640px){.header-title{font-size:3rem}}.header-title a{color:inherit;text-decoration:none}.header-subtitle{letter-spacing:-.01em;color:#e2e8f0;margin-top:.75rem;font-size:1.125rem;font-weight:500}@media (min-width:640px){.header-subtitle{font-size:1.25rem}}.header-description{color:#94a3b8;max-width:20rem;margin-top:1rem;line-height:1.625}.nav{margin-top:4rem;display:none}@media (min-width:1024px){.nav{display:block}}.nav-list{width:max-content;margin:0;padding:0;list-style:none}.nav-link{align-items:center;padding:.75rem 0;text-decoration:none;display:flex}.nav-link:hover .nav-indicator,.nav-link:focus-visible .nav-indicator{background:#e2e8f0;width:4rem}.nav-link:hover .nav-text,.nav-link:focus-visible .nav-text{color:#e2e8f0}.nav-link.active .nav-indicator{background:#e2e8f0;width:4rem}.nav-link.active .nav-text{color:#e2e8f0}.nav-indicator{background:#475569;width:2rem;height:1px;margin-right:1rem;transition:all .2s}.nav-text{letter-spacing:.1em;text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:700}@media (prefers-reduced-motion:reduce){.nav-indicator{transition:none}}.social-links{align-items:center;margin-top:2rem;margin-left:.25rem;padding:0;list-style:none;display:flex}.social-link-item{flex-shrink:0;margin-right:1.25rem;font-size:.75rem}.social-link{color:#94a3b8;transition:color .2s;display:block}.social-link:hover{color:#e2e8f0}.icon{width:1.5rem;height:1.5rem}.main-content{padding-top:6rem}@media (min-width:1024px){.main-content{width:52%;margin-left:48%;padding-bottom:6rem}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.timeline-resume-link{text-align:end;margin-top:3rem}.resume-link{cursor:pointer;color:#e2e8f0;align-items:baseline;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;transition:color .2s;display:inline-flex}.resume-link:hover,.resume-link:focus-visible{color:#2dd4bf}.resume-link-label{margin-left:.25rem;font-weight:600;display:inline-block}.resume-link-icon{vertical-align:middle;width:1rem;height:1rem;margin-left:.25rem;transition:transform .2s;display:inline-block}.resume-link:hover .resume-link-icon,.resume-link:focus-visible .resume-link-icon{transform:translateY(-4px)translate(4px)}.timeline-section{margin-bottom:4rem;scroll-margin-top:4rem}@media (min-width:768px){.timeline-section{margin-bottom:6rem}}@media (min-width:1024px){.timeline-section{margin-bottom:9rem;scroll-margin-top:6rem}}.timeline-header{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;width:100vw;margin-bottom:1rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.25rem 1.5rem;position:sticky;top:0}@media (min-width:768px){.timeline-header{margin-left:-3rem;margin-right:-3rem;padding:1.25rem 3rem}}@media (min-width:1024px){.timeline-header{opacity:0;width:100%;margin:0 auto;padding:1.25rem 1.5rem;position:relative;top:auto}}.timeline-header-title{text-transform:uppercase;letter-spacing:.1em;color:#e2e8f0;font-size:.875rem;font-weight:700}@media (min-width:1024px){.timeline-header-title{position:absolute;left:-9999px}}.timeline-list{margin:0;padding:0;list-style:none}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item-inner{padding-bottom:.25rem;transition:all .2s}@media (min-width:768px){.timeline-item-inner{gap:1rem;display:flex}}@media (min-width:1024px){.timeline-item-inner:hover{opacity:1!important}.timeline-list:hover .timeline-item-inner{opacity:.5}}.timeline-item-bg{z-index:0;border-radius:.375rem;transition:background .2s,box-shadow .2s;position:absolute;inset:-1rem}@media (min-width:1024px){.timeline-item-bg{box-shadow:none;background:0 0;display:block;left:-1.5rem;right:-1.5rem}.timeline-item-inner:hover .timeline-item-bg{background:#1e293b80;box-shadow:inset 0 1px #94a3b81a,0 4px 6px #0000001a}}.timeline-period{z-index:10;text-transform:uppercase;letter-spacing:.05em;color:#64748b;flex:2;grid-column:span 2;margin-top:.25rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.timeline-content{z-index:10;flex:4;grid-column:span 6}.timeline-title{color:#e2e8f0;font-weight:500;line-height:1.25}.timeline-link{color:#e2e8f0;align-items:baseline;font-size:1rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.timeline-link:hover,.timeline-link:focus-visible{color:#2dd4bf}.timeline-description{text-align:justify;color:#94a3b8;margin-top:.5rem;font-size:.875rem;line-height:1.5;list-style:none}.timeline-tags{flex-wrap:wrap;margin-top:.5rem;padding:0;list-style:none;display:flex}.timeline-tag{color:#2dd4bf;background:#2dd4bf1a;border-radius:9999px;align-items:center;margin-top:.5rem;margin-right:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1.25;display:flex}
.container-custom{max-width:1280px;min-height:100vh;margin-left:auto;margin-right:auto;padding:3rem 1.5rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.content-area{padding-top:6rem}@media (min-width:1024px){.content-area{width:52%;padding-top:6rem;padding-bottom:6rem}}