@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Space Grotesk,-apple-system,sans-serif;background-color:#0f0f0f;color:#e8e6e1;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.display{font-size:clamp(56px,9vw,120px);font-weight:700;letter-spacing:-.04em;line-height:.95;color:#f0ede8}.headline{font-size:clamp(28px,4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#f0ede8}.subheading{font-size:clamp(13px,1.5vw,15px);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#5a5a5a}.body-text{font-size:clamp(15px,1.6vw,17px);font-weight:400;color:#9a9890;line-height:1.75;max-width:520px}.mono{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;color:#4a4a4a}.container{max-width:860px;margin:0 auto;padding:0 40px}.divider{width:100%;height:1px;background:#1e1e1e;border:none}.nav{padding:36px 0 0;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:13px;font-weight:600;letter-spacing:.06em;color:#f0ede8;text-decoration:none}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:13px;font-weight:400;color:#5a5a5a;text-decoration:none;letter-spacing:.04em;transition:color .2s ease}.nav-links a:hover{color:#f0ede8}.hero{padding:100px 0 80px}.hero-tag{display:inline-block;margin-bottom:32px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#3a3a3a;border:1px solid #1e1e1e;padding:6px 14px;border-radius:2px}.hero-title{margin-bottom:40px}.hero-title .name{display:block;color:#f0ede8}.hero-title .role{display:block;color:#2e2e2e;font-size:clamp(56px,9vw,120px);font-weight:700;letter-spacing:-.04em;line-height:.95}.hero-meta{display:flex;align-items:center;gap:32px;margin-top:48px}.status-dot{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;color:#3a3a3a}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#2a6b3a;display:inline-block;box-shadow:0 0 6px #2a6b3a99}.section{padding:80px 0}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}.section-number{font-family:Space Mono,monospace;font-size:11px;color:#2a2a2a;letter-spacing:.06em}.project-list{list-style:none}.project-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:24px;padding:28px 0;border-bottom:1px solid #161616;cursor:pointer;transition:all .25s ease;position:relative}.project-item:before{content:"";position:absolute;inset:0 -40px;background:#111;opacity:0;transition:opacity .25s ease;z-index:-1}.project-item:hover:before{opacity:1}.project-item:hover .project-title{color:#f0ede8}.project-item:hover .project-arrow{opacity:1;transform:translate(2px,-2px)}.project-title{font-size:clamp(18px,2.2vw,22px);font-weight:600;letter-spacing:-.02em;color:#3a3837;transition:color .25s ease;margin-bottom:8px;line-height:1.2}.project-desc{font-size:13px;color:#3a3837;line-height:1.6;max-width:480px;font-weight:400}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.project-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#2a2a2a;border:1px solid #1e1e1e;padding:3px 8px;border-radius:2px;font-weight:500}.project-year{font-family:Space Mono,monospace;font-size:11px;color:#2a2a2a;padding-top:4px;white-space:nowrap}.project-arrow{display:inline-block;font-size:14px;color:#4a4a4a;opacity:0;transition:all .2s ease;margin-left:8px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.skill-group{padding:32px 0;border-bottom:1px solid #161616}.skill-group:nth-child(odd){padding-right:48px;border-right:1px solid #161616}.skill-group:nth-child(2n){padding-left:48px}.skill-group:last-child,.skill-group:nth-last-child(2){border-bottom:none}.skill-group-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#2a2a2a;margin-bottom:16px}.skill-items{display:flex;flex-wrap:wrap;gap:6px}.skill-item{font-size:13px;font-weight:400;color:#4a4846;transition:color .2s ease}.skill-item:not(:last-child):after{content:",";color:#2a2a2a}.skill-item:hover{color:#9a9890}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}.about-meta{display:flex;flex-direction:column;gap:24px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#2a2a2a;font-weight:500}.meta-value{font-size:13px;color:#5a5855;font-weight:400}.contact-row{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #161616;text-decoration:none;transition:all .2s ease;cursor:pointer}.contact-row:first-child{border-top:1px solid #161616}.contact-label{font-size:13px;font-weight:500;color:#3a3837;letter-spacing:.02em;transition:color .2s ease}.contact-value{font-size:13px;color:#2a2a2a;font-weight:400;transition:color .2s ease}.contact-row:hover .contact-label{color:#f0ede8}.contact-row:hover .contact-value{color:#5a5855}.contact-arrow{font-size:12px;color:#2a2a2a;transition:all .2s ease;opacity:0}.contact-row:hover .contact-arrow{opacity:1;transform:translate(4px,-4px)}.footer{padding:48px 0;display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:12px;color:#2a2a2a;letter-spacing:.04em}.footer-stack{font-family:Space Mono,monospace;font-size:10px;color:#1e1e1e;letter-spacing:.06em}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease forwards}.fade-up-1{animation:fadeUp .6s .1s ease both}.fade-up-2{animation:fadeUp .6s .2s ease both}.fade-up-3{animation:fadeUp .6s .35s ease both}.fade-up-4{animation:fadeUp .6s .5s ease both}@media(max-width:680px){.container{padding:0 24px}.about-grid{grid-template-columns:1fr;gap:40px}.skills-grid{grid-template-columns:1fr}.skill-group:nth-child(odd){padding-right:0;border-right:none}.skill-group:nth-child(2n){padding-left:0}.skill-group:last-child{border-bottom:none}.hero{padding:64px 0 56px}.nav{flex-direction:column;align-items:flex-start;gap:20px}.project-item{grid-template-columns:1fr}.footer{flex-direction:column;gap:12px;align-items:flex-start}}
