:root{color:#e8e6e1;--background:#1b1d1f;--header-bg:#1b1d1feb;--text:#e8e6e1;--muted:#9ea3a3;--accent:#7fc8a0;--border:#33373a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b1d1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#17201a;background:var(--accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#root{min-height:100vh}html{scroll-behavior:smooth;scroll-padding-top:5rem}.container{width:min(100% - 3rem,64rem);margin-inline:auto}.site-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:4.5rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{color:var(--text);letter-spacing:-.04em;font-size:1rem;font-weight:650;text-decoration:none}.brand span,.hero-section h1 span{color:var(--accent)}.primary-nav{align-items:center;gap:2rem;display:flex}.primary-nav a{color:var(--muted);font-size:.85rem;text-decoration:none;transition:color .18s}.primary-nav a:hover{color:var(--text)}.menu-toggle{display:none}.hero-section{align-items:center;min-height:calc(100svh - 4.5rem);padding-block:6rem;display:flex}.hero-content{padding-block:2rem}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 1.75rem;font-size:.72rem;font-weight:650}.hero-section h1{color:var(--text);letter-spacing:-.085em;margin:0;font-size:clamp(4rem,11vw,8.5rem);font-weight:650;line-height:.91}.hero-description{max-width:34rem;color:var(--muted);margin:2rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-actions{gap:1rem;margin-top:2.25rem;display:flex}.button{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;min-height:3rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.button-primary{background:var(--accent);color:#17201a}.button-primary:hover{background:#96d5af;transform:translateY(-2px)}.skip-link{z-index:20;background:var(--accent);color:#17201a;padding:.75rem 1rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.about-section{border-top:1px solid var(--border);padding-block:7rem}.about-content{grid-template-columns:1fr 1.5fr;gap:3rem;display:grid}.about-content .eyebrow{margin-top:.5rem}.about-content h2{color:var(--text);letter-spacing:-.06em;grid-column:1;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.about-copy{grid-area:1/2/span 2;max-width:38rem}.about-copy p{color:var(--muted);margin:0 0 1.25rem;font-size:1rem;line-height:1.9}.skills-section{border-top:1px solid var(--border);padding-block:7rem}.skills-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.skills-heading h2{color:var(--text);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.skills-heading p{max-width:23rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.skill-group{border:1px solid var(--border);background:#ffffff04;border-radius:4px;padding:1.5rem}.skill-group h3{color:var(--text);margin:0 0 1.5rem;font-size:1rem;font-weight:600}.skill-group ul{flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.skill-group li{border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:.55rem .75rem;font-size:.85rem}.projects-section{border-top:1px solid var(--border);padding-block:7rem}.projects-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.projects-heading h2{color:var(--text);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.projects-heading>p{max-width:25rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.projects-list{gap:1rem;display:grid}.project-card{border:1px solid var(--border);background:#ffffff04;border-radius:4px;grid-template-columns:3rem minmax(0,1fr) auto;gap:1.5rem;padding:2rem;transition:border-color .18s;display:grid}.project-card:hover{border-color:var(--accent)}.project-number{color:var(--accent);font-size:.85rem;font-weight:600}.project-main{min-width:0}.project-category{color:var(--accent);letter-spacing:.1em;margin:0 0 .85rem;font-size:.68rem;font-weight:650;line-height:1.6}.project-main h3{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.project-description,.project-contribution p{max-width:44rem;color:var(--muted);font-size:.92rem;line-height:1.8}.project-description{margin:1rem 0}.project-contribution{margin-top:1.5rem}.project-contribution h4{color:var(--text);margin:0;font-size:.85rem;font-weight:600}.project-contribution p{margin:.45rem 0 0}.project-technologies{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.project-technologies li{border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:.45rem .65rem;font-size:.75rem}.project-status{border:1px solid var(--border);color:var(--muted);text-align:center;border-radius:3px;align-self:start;padding:.45rem .65rem;font-size:.7rem;line-height:1.5}.project-live-link{color:var(--accent);align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .18s;display:inline-flex}.project-live-link:hover{opacity:.75}.project-live-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.contact-section{border-top:1px solid var(--border);padding:8rem 0}.contact-content{max-width:760px}.contact-content h2{color:var(--text);letter-spacing:-.045em;margin:1.25rem 0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.contact-description{max-width:560px;color:var(--muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.contact-email{margin-top:1.5rem}.contact-email a{color:var(--muted);text-decoration:none;transition:color .18s}.contact-email a:hover{color:var(--accent)}.contact-email a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-footer{border-top:1px solid var(--border);padding:1.75rem 0}.footer-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-content p,.footer-content a{color:var(--muted);font-size:.85rem}.footer-content a{text-decoration:none;transition:color .18s}.footer-content a:hover{color:var(--accent)}.footer-content a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=720px){.container{width:min(100% - 2rem,64rem)}.site-header{height:4rem}.hero-section{min-height:calc(100svh - 4rem);padding-block:4rem}.hero-section h1{font-size:clamp(3.75rem,16vw,6rem)}.hero-description{margin-top:1.5rem}.about-section{padding-block:5rem}.about-content{display:block}.about-content h2{margin-bottom:2rem}.about-copy{max-width:none}.skills-section{padding-block:5rem}.skills-heading{margin-bottom:2rem;display:block}.skills-heading p{margin-top:1rem}.skills-grid{grid-template-columns:1fr}.projects-section{padding-block:5rem}.projects-heading{margin-bottom:2rem;display:block}.projects-heading>p{margin-top:1rem}.project-card{grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding:1.25rem}.project-status{grid-column:2;justify-self:start}.contact-section{padding:5rem 0}}@media (width<=520px){.footer-content{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
