.nav-wrapper{background:color-mix(in srgb, var(--background-color) 88%, transparent);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;justify-content:center;align-items:center;width:100%;min-height:76px;display:flex;position:fixed;top:0;left:0}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:1rem;display:flex;position:relative}.logo{color:var(--primary-color);font-size:1.25rem;font-weight:900;text-decoration:none}.nav-links{background:var(--panel-color);border:1px solid var(--border-color);box-shadow:0 12px 32px var(--shadow-color);border-radius:8px;flex-direction:column;gap:.5rem;width:min(280px,100vw - 2rem);padding:.75rem;display:none;position:absolute;top:calc(100% + .5rem);right:1rem}.nav-links.active{display:flex}.nav-links a{color:var(--text-color);border-radius:6px;align-items:center;min-height:44px;padding:.65rem .75rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.nav-links a:hover{background:var(--background-color);color:var(--primary-color)}.nav-actions{gap:.5rem;display:flex}.icon-button,.menu-button{background:var(--panel-color);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@media screen and (width>=800px){.logo{font-size:1.5rem}.nav-links{box-shadow:none;background:0 0;border:0;flex-direction:row;align-items:center;gap:.15rem;width:auto;padding:0;display:flex;position:static}.menu-button{display:none}}.home-container{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(1120px,100% - 2rem);min-height:calc(100svh - 84px);padding-top:96px;display:flex;position:relative}.home-container:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 13%, transparent), color-mix(in srgb, var(--primary-color) 7%, transparent));border-block:1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);width:100vw;height:min(82%,560px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-container .profile{margin-top:2rem}.home-container .content{width:100%;min-width:0;max-width:680px}.hero-intro{color:var(--text-color);overflow-wrap:anywhere;text-wrap:balance;margin-bottom:1.25rem;font-size:1.5rem;font-weight:800;line-height:1.35}.hero-intro span{display:block}.hero-role{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;margin-top:.45rem;font-size:.78rem;font-weight:800}.content .home-btn{color:var(--primary-color);cursor:pointer;border:1px solid var(--primary-color);background-color:#0000;border-radius:8px;width:min(100%,220px);padding:.85rem 1.2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-block}.home-actions{flex-flow:column wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.content .home-btn.primary{background:var(--primary-color);color:var(--background-color)}.home-btn:hover{transform:translateY(-2px)}.profile img{aspect-ratio:1;border:6px solid var(--panel-color);box-shadow:0 20px 50px var(--shadow-color);object-fit:cover;object-position:center;border-radius:50%;width:min(260px,70vw);height:auto}@media screen and (width>=481px){.hero-intro{font-size:1.8rem}.content .home-btn{width:auto}.home-actions{flex-direction:row}}@media screen and (width>=900px){.home-container{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:2.25rem}.home-container:before{height:min(72%,460px)}.home-container .profile{margin-top:0}.home-container .content{text-align:left}.hero-intro{font-size:2rem}.home-actions{justify-content:flex-start}}.heading-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.heading{color:var(--text-color);overflow-wrap:anywhere;text-align:center;max-width:100%;margin-bottom:.25rem;font-size:2rem;font-weight:900}.heading-container span{background:var(--primary-color);border-radius:20px;width:90px;height:5px;margin:0 auto;display:inline-block}@media screen and (width>=600px){.heading{font-size:2.6rem}}.skills-card{text-align:left;border-radius:8px;flex-direction:column;flex:0 100%;justify-content:flex-start;align-items:flex-start;width:100%;padding:1.25rem;transition:transform .2s;display:flex}.skills-card:hover{transform:translateY(-2px)}.skill-icon{color:var(--primary-color);flex:none;font-size:1.8rem}.skill-card-heading{align-items:center;gap:.75rem;min-width:0;display:flex}.skills-card h3{color:var(--text-color);overflow-wrap:anywhere;min-width:0;font-size:1.15rem;font-weight:700;line-height:1.3}.skills-card .tags{width:100%;margin-top:1rem;list-style:none}.skills-card .tags li{color:var(--text-color);background-color:color-mix(in srgb, var(--primary-color) 14%, transparent);overflow-wrap:anywhere;border-radius:9999px;max-width:100%;margin:0 .35rem .35rem 0;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.skills-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.skills-cards{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;margin-top:2rem;display:flex}@media screen and (width>=760px){.skills-card{flex:0 calc(50% - .5rem)}}@media screen and (width>=1080px){.skills-card{flex:0 calc(33.3333% - .666667rem)}}.connect-section{text-align:center;margin-bottom:4rem}.contact-copy{max-width:640px;margin:0 auto 1.5rem}.grid-flow{flex-wrap:nowrap;justify-content:center;gap:.75rem;display:flex}.grid-flow a{background:var(--panel-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:56px;height:56px;padding:0;font-weight:800;text-decoration:none;transition:color .2s,transform .2s;display:flex}.grid-flow a:hover{color:var(--primary-color);transform:translateY(-2px)}.grid-item{color:var(--primary-color);font-size:1.6rem}.grid-flow a span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media screen and (width>=481px){.grid-flow{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-flow a{width:auto;height:auto;min-height:58px;padding:1rem}.grid-flow a span{clip:auto;clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}.error-boundary{background:var(--background-color);color:var(--text-color);text-align:center;justify-content:center;align-items:center;min-height:100svh;padding:2rem;display:flex}.error-boundary__content{max-width:34rem}.error-boundary h1{margin-bottom:1rem;font-size:3rem}.error-boundary p{color:var(--muted-color);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.error-boundary button{background:var(--primary-color);border:2px solid var(--primary-color);color:var(--background-color);cursor:pointer;font:inherit;border-radius:6px;min-height:44px;padding:.75rem 1.25rem;font-weight:700}@media (width<=600px){.error-boundary h1{font-size:2.25rem}}:root{--primary-color:#0f5b4f;--accent-color:#c87e3a;--background-color:#f7faf8;--panel-color:#fff;--text-color:#17201d;--muted-color:#55635f;--border-color:#d9e3df;--shadow-color:#11201c1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary-color:#74d3bd;--accent-color:#f0aa68;--background-color:#101615;--panel-color:#17201e;--text-color:#f1f6f4;--muted-color:#b2c2bc;--border-color:#2e3d39;--shadow-color:#00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--background-color);width:100%;min-height:100svh;color:var(--text-color);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px}.skip-link{background:var(--panel-color);border:2px solid var(--primary-color);color:var(--text-color);z-index:20;border-radius:6px;padding:.75rem 1rem;font-weight:800;text-decoration:none;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}.app-container>main{flex-direction:column;align-items:center;width:100%;display:flex}.section{width:min(1120px,100% - 2rem);padding:5rem 0}.about-section .heading-container,.impact-section .heading-container,.education-section .heading-container{margin-bottom:1.25rem}.skills-container .heading-container,.connect-section .heading-container{margin-bottom:1rem}.experience-section .heading-container{margin-bottom:.65rem}.section-subtitle{color:var(--muted-color);text-align:center;max-width:720px;margin:0 auto 1.5rem;font-weight:700;line-height:1.6}.section-subtitle a{color:var(--primary-color);text-underline-offset:4px;text-decoration-thickness:2px}.section-panel,.impact-card,.timeline-item,.skills-card{background:var(--panel-color);border:1px solid var(--border-color);box-shadow:0 12px 32px var(--shadow-color);overflow-wrap:anywhere;min-width:0}.section-panel{border-radius:8px;padding:1.25rem}.section-panel p,.impact-card p,.timeline-item li,.contact-copy p{color:var(--muted-color);line-height:1.7}.about-section .section-panel{gap:1rem;display:grid}.impact-grid,.education-list,.timeline{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.impact-card{border-radius:8px;flex:0 100%;padding:1.25rem}.impact-card h3,.timeline-item h3,.education-list h3{margin-bottom:.5rem;font-size:1.25rem;line-height:1.3}.eyebrow{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:800}.timeline-item{border-radius:8px;flex:0 100%;gap:1rem;padding:1.25rem;display:grid}.timeline-item ul{gap:.6rem;padding-left:1.1rem;display:grid}.role-meta{color:var(--muted-color);font-weight:700}@media screen and (width>=760px){.section{padding:6rem 0}.impact-card,.timeline-item{flex-basis:calc(50% - .5rem)}}@media screen and (width>=1080px){.impact-card,.timeline-item{flex-basis:calc(33.3333% - .666667rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
