@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;700&family=Manrope:wght@300;400;600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f5f1eb;--color-surface: #faf7f2;--color-text: #1a1410;--color-active: #8b6f47;--color-text-secondary: #6b5d4f;--color-text-tertiary: #9a8a76;--color-accent: #2d2416;--color-border-dark: #d4c7b3;--color-highlight: #8b6f47;--font-primary: "Manrope", sans-serif;--font-display: "DM Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio{min-height:100vh}.nav-container{position:sticky;top:0;z-index:100;background:#f5f1ebd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s ease}.nav-container.scrolled{border-bottom-color:var(--color-border)}.nav-content{max-width:1200px;margin:0 auto;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;gap:.25rem;transition:all .3s ease}.logo-name{font-family:var(--font-display);letter-spacing:-.02em}.logo-bracket{color:var(--color-primary)}.logo-title{font-size:.75rem;color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.5rem;padding:.5rem}.nav-links{display:flex;gap:3rem;align-items:center}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;cursor:pointer;transition:all .3s ease;position:relative;font-weight:500;display:flex;align-items:center;gap:.5rem}.nav-number{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-tertiary)}.nav-links a:hover,.nav-links a.active{color:var(--color-active);font-weight:800}.nav-links a.active .nav-number{color:var(--color-active)}.nav-contact{padding:.625rem 1.25rem;border:1px solid var(--color-border-dark);border-radius:.25rem;transition:all .3s ease}.nav-contact:hover{background:var(--color-text);color:var(--color-bg)!important;border-color:var(--color-text)}.page-wrapper{max-width:1200px;margin:0 auto;padding:2rem 8rem 5rem}.hero-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:2.5rem;font-family:var(--font-mono);letter-spacing:.02em}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b9b37;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-heading{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin-bottom:1.5rem;display:flex;flex-direction:column}.hero-subheading{font-size:clamp(1.5rem,4vw,1.7rem);font-weight:400;color:var(--color-text-secondary);margin-top:.5rem}.hero-intro{max-width:600px;font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:3rem}.hero-cta{display:flex;gap:1.5rem;margin-bottom:5rem}.btn-primary{padding:1rem 2rem;background:var(--color-text);color:var(--color-bg);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);display:flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translate(4px)}.btn-text{background:none;border:none;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--font-primary);display:flex;align-items:center;gap:.5rem;transition:all .3s ease;padding:0}.btn-text:hover{transform:translate(4px)}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding-top:3rem;border-top:1px solid var(--color-border);justify-items:end}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:1rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.meta-value{font-size:1.5rem;font-weight:600;color:var(--color-text)}.section-grid{display:grid;gap:4rem;margin-bottom:8rem}.section-label{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:120px;height:fit-content}.label-number{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-tertiary)}.label-text{font-size:1.975rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.section-content{animation:fadeInUp .8s ease}.technical-expertise-section{margin-top:3rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:3rem;max-width:800px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.about-col p{font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:1.5rem}.skills-compact{display:flex;flex-direction:column;gap:2rem}.skill-group h4{font-size:.9375rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.projects-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border)}.project-item{display:grid;grid-template-columns:0px 1fr auto;gap:0rem;padding:2.5rem;background:var(--color-bg);transition:all .3s ease;animation:fadeInUp .6s ease both}.project-item:hover{background:var(--color-surface)}.project-year{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-tertiary);padding-top:.25rem}.project-title{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.01em}.project-desc{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.25rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-pill{padding:.375rem .875rem;background:var(--color-surface);border:1px solid var(--color-border-dark);border-radius:.375rem;font-size:.8125rem;color:var(--color-text);font-family:var(--font-mono);font-weight:500;transition:all .3s ease}.tech-pill:hover{background:var(--color-highlight);color:var(--color-bg);border-color:var(--color-highlight);transform:translateY(-2px)}.skill-pills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-pill{padding:.5rem 1rem;background:var(--color-surface);border:1.5px solid var(--color-border-dark);border-radius:2rem;font-size:.875rem;color:var(--color-text);font-weight:500;transition:all .3s ease;cursor:default}.skill-pill:hover{background:var(--color-highlight);color:var(--color-bg);border-color:var(--color-highlight);transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4733}.project-actions{display:flex;gap:1rem;align-items:flex-start}.project-actions a{color:var(--color-text-secondary);transition:all .3s ease;font-size:1.25rem}.project-actions a:hover{color:var(--color-text)}.view-all{margin-top:3rem}.blog-list{display:flex;flex-direction:column;gap:4rem}.blog-item{cursor:pointer;transition:all .3s ease;animation:fadeInUp .6s ease both;padding-bottom:4rem;border-bottom:1px solid var(--color-border)}.blog-item:last-child{border-bottom:none}.blog-meta{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1rem;font-family:var(--font-mono);display:flex;align-items:center;gap:.75rem}.meta-divider{color:var(--color-border-dark)}.blog-title{font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em;transition:all .3s ease}.blog-item:hover .blog-title{color:var(--color-text-secondary)}.blog-excerpt{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1.5rem}.blog-tags{display:flex;gap:.75rem;flex-wrap:wrap}.tag-small{font-size:.8125rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.tag-small:not(:last-child):after{content:"•";margin-left:.75rem;color:var(--color-border-dark)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;margin-bottom:3rem;cursor:pointer;background:none;border:none;font-family:var(--font-primary);font-weight:500;transition:all .3s ease}.back-link:hover{color:var(--color-text);transform:translate(-4px)}.blog-article{max-width:700px;margin:0 auto}.article-meta{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:2rem;font-family:var(--font-mono);display:flex;align-items:center;gap:.75rem}.article-title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:3rem}.article-content{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary)}.article-content p{margin-bottom:1.5rem}.article-tags{display:flex;gap:1rem;flex-wrap:wrap;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-border)}.tag{font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.tag:not(:last-child):after{content:"•";margin-left:1rem;color:var(--color-border-dark)}.page-header{margin-bottom:5rem}.page-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.page-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.page-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;line-height:1.7}.about-content{max-width:900px}.about-section{margin-bottom:5rem}.about-section h2{font-size:2rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.01em}.about-section p{font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:1.5rem}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.expertise-area h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.contact-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.contact-link{display:flex;align-items:center;gap:1rem;color:var(--color-text);text-decoration:none;font-size:1.0625rem;transition:all .3s ease;padding:1rem 0;border-bottom:1px solid var(--color-border)}.contact-link:hover{transform:translate(4px);color:var(--color-text-secondary)}.contact-link .icon{font-size:1.25rem}.loading-state,.empty-state{text-align:center;padding:5rem 2rem;color:var(--color-text-secondary)}.section-get-in-touch-home{margin-top:5rem}@media(max-width:1024px){.section-grid{grid-template-columns:1fr;gap:2rem}.section-label{position:static;flex-direction:row;align-items:center}.about-columns{grid-template-columns:1fr;gap:2rem}.project-item{grid-template-columns:1fr;gap:1.5rem}.expertise-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-content{padding:1.5rem}.nav-links{position:fixed;top:0;right:0;bottom:0;width:70%;max-width:300px;flex-direction:column;align-items:flex-start;background:var(--color-surface);padding:6rem 2rem;gap:2rem;transform:translate(100%);opacity:0;transition:all .3s ease;box-shadow:-10px 0 30px #0000001a}.nav-links.mobile-open{transform:translate(0);opacity:1}.page-wrapper{padding:3rem 1.5rem}.hero{padding:2rem 0 4rem}.hero-meta{grid-template-columns:1fr;gap:2rem}.hero-cta{flex-direction:column;gap:1rem}.btn-primary,.btn-text{width:100%;justify-content:center}.article-title{font-size:2rem}}@media(max-width:480px){.page-wrapper{padding:2rem 1rem}.nav-content{padding:1rem}}