:root{--background: 210 20% 98%;--foreground: 210 11.1% 3.53%;--card: 0 0% 100%;--card-foreground: 210 11.1% 3.53%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--border: 0 0% 89.8%;--ring: 0 0% 3.9%;--radius: .5rem;color-scheme:light}.dark{--background: 220 15% 7%;--foreground: 0 0% 98%;--card: 220 15% 7%;--card-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--border: 0 0% 14.9%;--ring: 0 0% 83.1%;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{border-color:hsl(var(--border));transition:background-color .3s ease,color .3s ease,border-color .3s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif;font-weight:400;background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100dvh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:56rem;margin:0 auto;padding:3rem 1.5rem 2rem}@media(min-width:640px){.container{padding:6rem 1.5rem 2rem}}.text-muted{color:hsl(var(--muted-foreground))}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-lead{font-size:1.125rem;line-height:1.5}@media(min-width:640px){.text-lead{font-size:1.25rem}}.text-meta{font-size:.8125rem;color:hsl(var(--muted-foreground))}.text-h2{font-size:1.125rem;font-weight:700}@media(min-width:640px){.text-h2{font-size:1.25rem}}.text-caption{font-size:.75rem;color:hsl(var(--muted-foreground) / .6)}@keyframes fadeInUp{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .6s ease forwards}section{margin-bottom:0}section h2{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:hsl(var(--foreground) / .8);letter-spacing:.01em}@media(min-width:640px){section h2{font-size:1.25rem}}.page-heading{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}@media(min-width:640px){.page-heading{font-size:2.5rem}}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.hero-text{flex:1;display:flex;flex-direction:column;gap:0}.hero-desc{margin-top:-.125rem}.hero-text h1{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}@media(min-width:640px){.hero-text h1{font-size:2.5rem}}.hero-text p{color:hsl(var(--muted-foreground));font-size:1.125rem;line-height:1.5}@media(min-width:640px){.hero-text p{font-size:1.25rem}}.about-text{color:hsl(var(--muted-foreground));max-width:100%;line-height:1.7}.about-text a{color:hsl(var(--foreground));font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.about-text a:hover{color:#3c83f6}.skills-container{display:flex;flex-direction:column;gap:1.75rem;margin-top:1.25rem}.skill-category{display:flex;flex-direction:column;gap:.5rem}.skill-category-title{font-size:.75rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:.1em;text-transform:uppercase;opacity:.5}.badge-list{display:flex;flex-wrap:wrap;gap:.375rem}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.7rem;font-weight:500;border-radius:4px;background-color:hsl(var(--secondary) / .5);color:hsl(var(--secondary-foreground) / .7);border:1px solid hsl(var(--border) / .2);line-height:1.5}.card{display:flex;overflow:hidden}.card-content{flex:1;padding:.5rem 0;color:hsl(var(--muted-foreground))}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-header h3{font-weight:600;font-size:1rem;line-height:1.25;color:hsl(var(--foreground));transition:color .15s ease}@media(min-width:640px){.card-header h3{font-size:1.0625rem}}.card-header h3:hover{color:#3c83f6}.card-period{font-size:.8125rem;white-space:nowrap;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.card-subtitle{font-size:.875rem;margin-top:.125rem}.card-list{display:flex;flex-direction:column;gap:.25rem}.project-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.project-grid{grid-template-columns:1fr 1fr}}.project-card{position:relative;border-radius:.75rem;border:1px solid hsl(var(--border) / .5);background:hsl(var(--card) / .5);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color .5s,box-shadow .5s}.project-card:hover{border-color:hsl(var(--border));box-shadow:0 10px 25px -5px hsl(var(--primary) / .05)}.project-img-wrap{overflow:hidden}.project-img-wrap img{width:100%;height:11rem;object-fit:cover;object-position:top;transition:transform .5s}.project-card:hover .project-img-wrap img{transform:scale(1.05)}.project-body{display:flex;flex-direction:column;flex:1;padding:1rem;gap:.75rem}.project-title{font-weight:600;font-size:1rem;letter-spacing:-.015em}@media(min-width:640px){.project-title{font-size:1.0625rem}}.project-subtitle{color:hsl(var(--muted-foreground) / .6);font-weight:400;margin-left:.375rem;font-size:.75rem}.project-dates{font-size:.75rem;color:hsl(var(--muted-foreground) / .6)}.project-desc{font-size:.875rem;line-height:1.6;color:hsl(var(--muted-foreground))}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto;padding-top:.5rem}.project-tag{padding:.125rem .5rem;font-size:.6875rem;border-radius:9999px;background:hsl(var(--primary) / .05);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border) / .5);transition:border-color .3s,color .3s}.project-tag:hover{border-color:hsl(var(--primary) / .3);color:hsl(var(--foreground))}.project-links{display:flex;align-items:center;gap:.5rem;padding-top:.25rem}.project-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:hsl(var(--muted-foreground));transition:color .3s}.project-link:hover{color:hsl(var(--foreground))}.project-link svg{width:.75rem;height:.75rem}.projects-wrapper{margin-top:1.5rem}.projects-list{display:flex;flex-direction:column;gap:.5rem}.project-item-new{display:flex;gap:2rem;padding:1.5rem 0;border-bottom:1px solid hsl(var(--border) / .3);transition:opacity .2s ease;background:transparent;text-decoration:none;color:inherit}.project-item-new:last-child{border-bottom:none}.project-main{flex:1;display:flex;flex-direction:column;gap:.5rem}.project-header-new{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.project-title-new{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.01em;transition:color .15s ease}.project-title-new a:hover{color:#3c83f6}.project-date-new{font-size:.8125rem;color:hsl(var(--muted-foreground) / .5);font-variant-numeric:tabular-nums}.project-desc-new{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6;max-width:65ch}.project-meta-new{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.5rem}.project-tags-new{display:flex;flex-wrap:wrap;gap:.375rem}.project-tag-new{font-size:.7rem;padding:.125rem .5rem;background:hsl(var(--secondary) / .5);color:hsl(var(--secondary-foreground) / .7);border-radius:4px;border:1px solid hsl(var(--border) / .2)}.project-links-new{display:flex;gap:1rem}.project-link-new{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color .15s ease}.project-link-new:hover{color:#3c83f6}.project-link-new svg{width:.9rem;height:.9rem}.project-image-wrapper{width:160px;height:100px;flex-shrink:0;border-radius:.75rem;overflow:hidden;border:1px solid hsl(var(--border) / .3);box-shadow:0 4px 12px #00000008;align-self:center}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-item-new:hover .project-img{transform:scale(1.02)}@media(max-width:640px){.project-item-new{flex-direction:column;gap:1rem;padding:1.25rem 0}.project-item-new:hover{transform:none;background:transparent}.project-image-wrapper{width:100%;height:auto;aspect-ratio:16 / 9}.project-header-new{flex-direction:column;gap:.125rem}}.contact-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;width:100%}.contact-row a{font-weight:600;transition:color .2s}.contact-row a:hover{color:#3c83f6}.contact-right{display:flex;align-items:center;gap:.75rem}.blog-link{transition:color .2s}.blog-link:hover{color:hsl(var(--foreground))}.theme-toggle{background:none;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--foreground));transition:background-color .2s}.theme-toggle:hover{background-color:hsl(var(--accent))}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle .icon-sun{display:none}.dark .theme-toggle .icon-sun{display:block}.dark .theme-toggle .icon-moon{display:none}.blog-list{display:flex;flex-direction:column;gap:1.5rem}.blog-item{border-bottom:1px solid hsl(var(--border));padding-bottom:1.5rem}.blog-item:last-child{border-bottom:none}.blog-item h3{font-size:1.125rem;font-weight:700;letter-spacing:-.015em;margin-bottom:.25rem}@media(min-width:640px){.blog-item h3{font-size:1.25rem}}.blog-item h3 a:hover{color:#3c83f6}.blog-date{font-size:.8125rem;color:hsl(var(--muted-foreground));margin-bottom:.375rem}.blog-desc{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6}.blog-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.prose{line-height:1.7;color:hsl(var(--muted-foreground));max-width:100%}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:700;margin-top:2rem;margin-bottom:.75rem;line-height:1.3;color:hsl(var(--foreground))}.prose h1{font-size:1.875rem}@media(min-width:640px){.prose h1{font-size:2.5rem}}.prose h2{font-size:1.125rem}@media(min-width:640px){.prose h2{font-size:1.25rem}}.prose h3{font-size:1rem;font-weight:600;letter-spacing:-.015em}@media(min-width:640px){.prose h3{font-size:1.0625rem}}.prose p{margin-bottom:1rem}.prose a{color:#3c83f6;text-decoration:underline}.prose code{font-size:.875rem;background-color:hsl(var(--muted));padding:.125rem .375rem;border-radius:.25rem}.prose pre{background-color:hsl(var(--muted));padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.prose pre code{background:none;padding:0}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1rem}.prose li{margin-bottom:.25rem}.prose blockquote{border-left:3px solid hsl(var(--border));padding-left:1rem;color:hsl(var(--muted-foreground));margin-bottom:1rem}.prose img{border-radius:.5rem;margin:1rem 0}.empty-state{text-align:center;padding:3rem 1rem;color:hsl(var(--muted-foreground))}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:2rem;transition:color .2s}.back-link:hover{color:hsl(var(--foreground))}.top-nav{display:flex;justify-content:flex-end;gap:1rem}.top-nav a{font-size:.875rem;color:hsl(var(--muted-foreground));transition:color .2s}.top-nav a:hover{color:hsl(var(--foreground))}main{display:flex;flex-direction:column;min-height:100dvh;gap:2rem}@media(max-width:640px){main{gap:1.25rem}.contact-row{flex-direction:column;align-items:flex-start;gap:1rem}section h2{font-size:1.125rem}.card-header{flex-direction:column;align-items:flex-start;gap:.125rem}}