:root{--color-black: #000000;--color-white: #ffffff;--color-red: #e30613;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-bg: var(--color-white);--color-text: var(--color-black);--color-text-secondary: var(--color-gray-600);--color-accent: var(--color-red);--color-border: var(--color-gray-200);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-max: 1280px;--container-narrow: 768px;--grid-columns: 12;--grid-gap: var(--space-8);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media(min-width:640px){.container{padding:0 var(--space-8)}}@media(min-width:1024px){.container{padding:0 var(--space-12)}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 var(--space-6);max-width:var(--container-max);margin:0 auto}@media(min-width:640px){.nav-container{padding:0 var(--space-8)}}@media(min-width:1024px){.nav-container{padding:0 var(--space-12)}}.nav-logo{display:flex;align-items:center;gap:var(--space-3)}.nav-logo-mark{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:2px solid var(--color-accent);font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-accent)}.nav-logo-text{font-weight:var(--font-semibold);font-size:var(--text-base);display:none}@media(min-width:640px){.nav-logo-text{display:block}}.nav-menu{display:none;align-items:center;gap:var(--space-1)}@media(min-width:768px){.nav-menu{display:flex}}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.nav-link--cta{background-color:var(--color-black);color:var(--color-white);margin-left:var(--space-2)}.nav-link--cta:hover{background-color:var(--color-gray-800);color:var(--color-white)}.nav-toggle{display:flex;flex-direction:column;gap:5px;padding:var(--space-2)}@media(min-width:768px){.nav-toggle{display:none}}.nav-toggle span{display:block;width:24px;height:2px;background-color:var(--color-text);transition:transform var(--transition-fast)}.hero{position:relative;padding:8rem 0 var(--space-24);overflow:hidden}.hero-grid{display:grid;gap:var(--space-12)}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 300px;align-items:start}}.hero-eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-6)}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-none);margin-bottom:var(--space-6)}@media(min-width:640px){.hero-title{font-size:var(--text-5xl)}}@media(min-width:1024px){.hero-title{font-size:var(--text-6xl)}}.hero-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-8)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--color-border)}@media(min-width:1024px){.hero-stats{border-top:none;border-left:1px solid var(--color-border);padding-top:0;padding-left:var(--space-8)}}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-none);color:var(--color-accent)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.hero-accent{position:absolute;top:0;right:0;width:40%;height:4px;background-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn--primary{background-color:var(--color-black);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-gray-800)}.btn--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-text)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--full{width:100%}.section{padding:var(--space-24) 0}.section-grid{display:grid;gap:var(--space-12)}@media(min-width:1024px){.section-grid{grid-template-columns:320px 1fr}}.section-header{margin-bottom:var(--space-12)}.section-header--centered{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.section-eyebrow{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-4)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}@media(min-width:640px){.section-title{font-size:var(--text-4xl)}}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-4)}.section--about{background-color:var(--color-gray-100)}.lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.section-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.about-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--color-border)}@media(min-width:640px){.about-details{grid-template-columns:repeat(4,1fr)}}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.detail-value{font-weight:var(--font-medium)}.detail-value--available{color:var(--color-accent)}.featured-grid{display:grid;gap:var(--space-8)}@media(min-width:768px){.featured-grid{grid-template-columns:repeat(2,1fr)}}.featured-card{display:flex;flex-direction:column;border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.featured-card:hover{border-color:var(--color-gray-400)}.featured-card--large{grid-column:1 / -1}@media(min-width:768px){.featured-card--large{display:grid;grid-template-columns:1fr 1fr}}.featured-image{aspect-ratio:16 / 10;overflow:hidden;background-color:var(--color-gray-100)}.featured-card--large .featured-image{aspect-ratio:auto}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white)}.placeholder-image--portfolio{background-color:var(--color-gray-800)}.placeholder-image--editorial{background-color:#2563eb}.placeholder-image--showcase{background-color:#7c3aed}.placeholder-image--layouts{background-color:#059669}.placeholder-image--gatsby{background-color:#639}.placeholder-image--hugo{background-color:#ff4088}.placeholder-image--brutalist{background-color:var(--color-black)}.placeholder-image--luxury{background-color:#b45309}.featured-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.featured-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.featured-category{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.featured-year{font-size:var(--text-xs);color:var(--color-text-secondary)}.featured-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.featured-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);flex:1}.featured-tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.featured-tech li{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background-color:var(--color-gray-100);color:var(--color-text-secondary)}.featured-actions{margin-top:auto}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:color var(--transition-fast)}.link-arrow:after{content:"→";transition:transform var(--transition-fast)}.link-arrow:hover{color:var(--color-accent)}.link-arrow:hover:after{transform:translate(4px)}.section--projects{background-color:var(--color-gray-100)}.projects-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-white);border:1px solid var(--color-border);transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-text);color:var(--color-text)}.filter-btn--active{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.projects-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:flex;flex-direction:column;padding:var(--space-5);background-color:var(--color-white);border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.project-card:hover{border-color:var(--color-gray-400)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.project-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent)}.project-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.project-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.project-link{margin-top:auto;padding-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.project-card:hover .project-link{color:var(--color-accent)}.projects-more{margin-top:var(--space-10);text-align:center}.skills-grid{display:grid;gap:var(--space-8)}@media(min-width:640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-category{padding:var(--space-6);border:1px solid var(--color-border)}.skill-category-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-accent)}.skill-list{display:flex;flex-direction:column;gap:var(--space-3)}.skill-list li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.skill-list li:before{content:"—";position:absolute;left:0;color:var(--color-accent)}.section--resume{background-color:var(--color-gray-100)}.resume-grid{display:grid;gap:var(--space-12)}@media(min-width:1024px){.resume-grid{grid-template-columns:2fr 1fr}}.resume-section{margin-bottom:var(--space-10)}.resume-section-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.resume-item{margin-bottom:var(--space-8)}.resume-item-header{margin-bottom:var(--space-4)}.resume-item-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.resume-item-company{font-size:var(--text-base);color:var(--color-accent);margin-bottom:var(--space-1)}.resume-item-date{font-size:var(--text-sm);color:var(--color-text-secondary)}.resume-item-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.resume-item-highlights{display:flex;flex-direction:column;gap:var(--space-2)}.resume-item-highlights li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.resume-item-highlights li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background-color:var(--color-accent)}.tech-stack{display:flex;flex-direction:column;gap:var(--space-6)}.tech-group-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background-color:var(--color-white);border:1px solid var(--color-border)}.cert-list{display:flex;flex-direction:column;gap:var(--space-3)}.cert-list li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.cert-list li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:var(--font-bold)}.resume-actions{margin-top:var(--space-8)}.section--contact{position:relative;overflow:hidden}.contact-grid{display:grid;gap:var(--space-12)}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 300px;align-items:center}}.contact-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:var(--space-6) 0 var(--space-10);max-width:500px}.contact-details{display:flex;flex-direction:column;gap:var(--space-6)}.contact-link{display:flex;flex-direction:column;gap:var(--space-1);transition:color var(--transition-fast)}.contact-link:hover{color:var(--color-accent)}.contact-link-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.contact-link-value{font-size:var(--text-lg);font-weight:var(--font-medium)}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.contact-social{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--color-text);color:var(--color-text)}.social-link svg{width:20px;height:20px}.contact-accent{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--color-accent)}.footer{padding:var(--space-12) 0;background-color:var(--color-black);color:var(--color-white)}.footer-grid{display:grid;gap:var(--space-8)}@media(min-width:768px){.footer-grid{grid-template-columns:auto 1fr auto;align-items:center}}.footer-logo{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:2px solid var(--color-accent);font-weight:var(--font-bold);color:var(--color-accent)}.footer-tagline{font-size:var(--text-sm);color:var(--color-gray-400);margin-top:var(--space-2)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-6)}.footer-nav a{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--color-white)}.footer-meta{font-size:var(--text-xs);color:var(--color-gray-500);text-align:right}.footer-meta p{margin-bottom:var(--space-1)}.nav-menu.is-open{display:flex;flex-direction:column;position:fixed;top:4rem;left:0;right:0;bottom:0;background-color:var(--color-white);padding:var(--space-6);z-index:var(--z-fixed)}.nav-menu.is-open .nav-link{padding:var(--space-4) 0;font-size:var(--text-lg);border-bottom:1px solid var(--color-border)}.nav-menu.is-open .nav-link--cta{margin-top:var(--space-4);margin-left:0;text-align:center}@media print{.nav,.hero-actions,.projects-filter,.projects-more,.contact-actions,.footer-nav{display:none!important}.hero{padding:var(--space-8) 0}.section{padding:var(--space-12) 0;page-break-inside:avoid}body{font-size:11pt}a{text-decoration:underline}.featured-card,.project-card{break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent);color:var(--color-white)}