@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #111111;--color-bg-elevated: #181818;--color-bg-card: #141414;--color-bg-code: #0d1117;--color-text-primary: #f5f5f0;--color-text-secondary: #a8a8a0;--color-text-muted: #6b6b65;--color-accent: #e8a838;--color-accent-dim: rgba(232, 168, 56, .15);--color-accent-glow: rgba(232, 168, 56, .4);--color-border: rgba(255, 255, 255, .06);--color-border-subtle: rgba(255, 255, 255, .03);--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--max-width: 1200px;--content-padding: clamp(1.5rem, 5vw, 4rem);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--grain-opacity: .03;--blur-sm: 8px;--blur-md: 20px;--blur-lg: 40px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden;width:100%;scroll-padding-top:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--grain-opacity);pointer-events:none;z-index:9999}::selection{background:var(--color-accent);color:var(--color-bg-primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(3rem,10vw,7rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding)}section{padding:var(--space-3xl) 0;position:relative;scroll-margin-top:1.5rem}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;background:linear-gradient(to bottom,var(--color-bg-primary) 0%,rgba(10,10,10,.8) 50%,transparent 100%);backdrop-filter:blur(var(--blur-sm))}.nav__inner{display:flex;justify-content:space-between;align-items:center}.nav__logo{font-family:var(--font-display);font-size:1.25rem;color:var(--color-text-primary);transition:color var(--transition-fast)}.nav__logo:hover{color:var(--color-accent)}.nav__links{display:flex;gap:var(--space-xl);list-style:none}.nav__link{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);position:relative;padding:var(--space-xs) 0;transition:color var(--transition-fast)}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-base)}.nav__link:hover{color:var(--color-text-primary)}.nav__link:hover:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:6rem}.hero__background{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero__gradient{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(var(--blur-lg));opacity:.5;animation:float 20s ease-in-out infinite}.hero__gradient--1{top:-20%;right:-10%;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 70%)}.hero__gradient--2{bottom:-30%;left:-10%;background:radial-gradient(circle,rgba(80,100,120,.3) 0%,transparent 70%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero__content{position:relative;z-index:1}.hero__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn 1s ease .8s forwards}.hero__image{width:100%;max-width:380px;aspect-ratio:4/5;object-fit:cover;object-position:center top;position:relative;z-index:2;clip-path:polygon(0 0,100% 0,100% 92%,85% 100%,0 100%);filter:grayscale(100%);transition:filter .8s ease,clip-path .8s cubic-bezier(.16,1,.3,1)}.hero__image-wrapper:hover .hero__image{filter:grayscale(0%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 100%)}.hero__image-frame{position:absolute;right:-2rem;top:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--color-accent),transparent 80%);z-index:1}.hero__image-frame:before{content:"AI";position:absolute;top:0;right:0;transform:translate(50%) rotate(90deg);transform-origin:top right;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.3em;color:var(--color-accent);opacity:.6}.hero__image-glow{display:none}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--color-accent)}.hero__eyebrow:before{content:"";width:2rem;height:1px;background:var(--color-accent)}.hero__title{margin-bottom:var(--space-lg)}.hero__title-line{display:block;overflow:hidden}.hero__title-text{display:block;animation:slideUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--delay, 0) * .15s);opacity:0;transform:translateY(100%)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.hero__subtitle{font-size:clamp(1.125rem,2vw,1.375rem);max-width:600px;margin-bottom:var(--space-2xl);opacity:0;animation:fadeIn 1s ease .6s forwards}@keyframes fadeIn{to{opacity:1}}.hero__cta{display:flex;align-items:center;gap:var(--space-xl);opacity:0;animation:fadeIn 1s ease .8s forwards}.hero__scroll{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease 1.2s forwards}.hero__scroll-line{width:1px;height:3rem;background:linear-gradient(to bottom,var(--color-text-muted),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn--primary{background:var(--color-accent);color:var(--color-bg-primary)}.btn--primary:hover{background:#f5b84a;transform:translateY(-2px);box-shadow:0 10px 40px var(--color-accent-glow)}.btn--outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn__icon{width:1rem;height:1rem;transition:transform var(--transition-fast)}.btn:hover .btn__icon{transform:translate(4px)}.section-header{display:flex;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.section-number{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.1em}.section-title{flex:1}.section-line{flex:1;height:1px;background:var(--color-border);max-width:200px}.about{background:var(--color-bg-secondary)}.about__layout{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-3xl);align-items:start}.about__content h3{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.about__content p{margin-bottom:var(--space-lg)}.about__metrics{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.metric-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);position:relative;overflow:hidden;transition:all var(--transition-slow);display:flex;align-items:center;gap:var(--space-md)}.metric-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent);opacity:0;transition:opacity var(--transition-base)}.metric-card:hover{border-color:var(--color-accent);transform:translate(4px);box-shadow:0 10px 40px #0000004d}.metric-card:hover:before{opacity:1}.metric-card__icon{width:1.5rem;height:1.5rem;color:var(--color-accent);flex-shrink:0}.metric-card__icon svg{width:100%;height:100%}.metric-card__value{font-family:var(--font-display);font-size:1.75rem;color:var(--color-text-primary);line-height:1;flex-shrink:0}.metric-card__info{flex:1;min-width:0}.metric-card__label{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em}.metric-card__context{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience__timeline{position:relative;padding-left:var(--space-3xl)}.experience__timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--color-border) 10%,var(--color-border) 90%,transparent)}.experience__item{position:relative;padding-bottom:var(--space-3xl)}.experience__item:last-child{padding-bottom:0}.experience__marker{position:absolute;left:calc(-1 * var(--space-3xl) - 4px);top:.5rem;width:9px;height:9px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-accent);transition:all var(--transition-fast)}.experience__item:hover .experience__marker{background:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.experience__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md)}.experience__role{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-primary)}.experience__company{font-family:var(--font-body);font-size:1rem;color:var(--color-accent)}.experience__period{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em}.experience__description{list-style:none}.experience__description li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:.9375rem}.experience__description li:before{content:"→";position:absolute;left:0;color:var(--color-text-muted)}.projects{background:var(--color-bg-secondary)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl);position:relative;overflow:hidden;transition:all var(--transition-slow)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:0;transition:opacity var(--transition-base)}.project-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 20px 60px #0006}.project-card:hover:before{opacity:1}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.project-card__icon{width:2.5rem;height:2.5rem;color:var(--color-accent)}.project-card__links{display:flex;gap:var(--space-sm)}.project-card__link{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition-fast)}.project-card__link:hover{color:var(--color-accent)}.project-card__link svg{width:1.25rem;height:1.25rem}.project-card__title{font-family:var(--font-display);font-size:1.375rem;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.project-card__description{font-size:.9375rem;margin-bottom:var(--space-lg);line-height:1.6}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-card__tag{font-family:var(--font-mono);font-size:.6875rem;padding:var(--space-xs) var(--space-sm);background:var(--color-accent-dim);color:var(--color-accent);letter-spacing:.05em}.project-card__stats{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-subtle)}.project-card__stat{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.project-card__stat svg{width:1rem;height:1rem}.skills__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl)}.skills__category{padding:var(--space-xl);background:var(--color-bg-secondary);border-left:2px solid var(--color-accent)}.skills__category-title{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-lg)}.skills__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills__item{font-size:.9375rem;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.skills__item:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.blog{background:var(--color-bg-secondary)}.blog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);transition:all var(--transition-slow);display:flex;flex-direction:column}.blog-card:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.blog-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-bg-elevated),var(--color-bg-secondary));position:relative;overflow:hidden}.blog-card__image:after{content:"Coming Soon";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.blog-card__content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.blog-card__meta{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-sm)}.blog-card__title{font-family:var(--font-display);font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:1.3}.blog-card__excerpt{font-size:.9375rem;color:var(--color-text-secondary);flex:1}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;transition:gap var(--transition-fast)}.blog-card:hover .blog-card__read-more{gap:var(--space-md)}.blog__view-all{text-align:center;margin-top:var(--space-2xl)}.contact{text-align:center;padding:var(--space-3xl) 0}.contact__eyebrow{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-lg)}.contact__title{max-width:700px;margin:0 auto var(--space-lg)}.contact__description{max-width:500px;margin:0 auto var(--space-2xl)}.contact__email{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,2rem);color:var(--color-text-primary);position:relative;display:inline-block;transition:color var(--transition-fast)}.contact__email:hover{color:var(--color-accent)}.contact__email:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.contact__email:hover:after{transform:scaleX(1);transform-origin:left}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer__copyright{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em}.footer__socials{display:flex;gap:var(--space-md)}.footer__social{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-fast)}.footer__social:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.footer__social svg{width:1.125rem;height:1.125rem}@media(max-width:968px){.hero__grid{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}.hero__image-wrapper{order:-1}.hero__image{max-width:280px}.hero__eyebrow:before{display:none}.hero__cta{justify-content:center}.hero__scroll{display:none}.about__layout{grid-template-columns:1fr;gap:var(--space-2xl)}.about__metrics{flex-direction:row;flex-wrap:wrap}.metric-card{flex:1;min-width:250px}}.nav__toggle,.nav__backdrop{display:none}@media(max-width:768px){.nav__links{position:fixed;top:0;right:0;width:auto;height:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--space-lg);padding:5rem var(--space-xl) var(--space-2xl);background:#0a0a0a;z-index:1000;transform:translate(100%);transition:transform .3s ease;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:0 0 0 8px}.nav__links.nav__links--open{transform:translate(0)}.nav__links .nav__link{font-size:1rem;color:var(--color-text-primary)}.nav__backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nav__backdrop--open{opacity:1;visibility:visible}.nav__toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:24px;height:24px;background:none;border:none;cursor:pointer;z-index:1001;padding:0}.nav__toggle span{display:block;width:100%;height:2px;background:var(--color-text-primary);transition:all .3s ease}.nav__toggle--open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.nav__toggle--open span:nth-child(2){opacity:0}.nav__toggle--open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.experience__timeline{padding-left:var(--space-xl)}.experience__marker{left:calc(-1 * var(--space-xl) - 4px)}.projects__grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;text-align:center}.metric-card{min-width:100%}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.blog-listing{padding-top:4rem;min-height:100vh}.blog-listing__header{padding:var(--space-md) 0 var(--space-sm)}.blog-listing__header .container{max-width:900px}.blog-listing__eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--color-accent);font-size:.875rem}.blog-listing__title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:var(--space-sm);letter-spacing:-.02em;color:var(--color-accent)}.blog-listing__subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.blog-listing__content{padding:0 0 var(--space-2xl);scroll-margin-top:0}.blog-listing__content .container{max-width:900px}.blog-listing__grid{display:flex;flex-direction:column}.blog-listing__empty{text-align:center;padding:var(--space-4xl) 0;color:var(--color-text-muted)}.blog-listing__card{border-bottom:1px solid var(--color-border)}.blog-listing__card:last-child{border-bottom:none}.blog-listing__card-link{display:block;padding:var(--space-xl) 0;text-decoration:none;color:inherit}.blog-listing__card-image{display:none}.blog-listing__card-content{display:flex;flex-direction:column;gap:var(--space-sm)}.blog-listing__card-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.03em}.blog-listing__meta-separator{margin:0 var(--space-xs);opacity:.5}.blog-listing__card-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-primary);line-height:1.3;transition:color var(--transition-fast)}.blog-listing__card:hover .blog-listing__card-title{color:var(--color-accent)}.blog-listing__card-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-listing__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.blog-listing__card-tag{font-family:var(--font-mono);font-size:.6875rem;padding:.2em .5em;background:var(--color-accent-dim);color:var(--color-accent);letter-spacing:.03em}.blog-listing__card-read-more{display:none}@media(max-width:768px){.blog-listing__header{padding:var(--space-lg) 0 var(--space-md)}.blog-listing__title{font-size:clamp(1.75rem,6vw,2rem)}.blog-listing__card-link{padding:var(--space-md) 0}.blog-listing__card-title{font-size:1.125rem}}.blog-post{padding-top:4rem}.blog-post__header{padding:var(--space-xl) 0 var(--space-md)}.blog-post__back{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-2xl);transition:color var(--transition-fast)}.blog-post__back:hover{color:var(--color-accent)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.blog-post__tag{font-family:var(--font-mono);font-size:.6875rem;padding:var(--space-xs) var(--space-sm);background:var(--color-accent-dim);color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase}.blog-post__title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.blog-post__description{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--color-text-secondary);line-height:1.6;max-width:720px;margin-bottom:var(--space-xl)}.blog-post__meta{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);letter-spacing:.03em}.blog-post__separator{margin:0 var(--space-sm);opacity:.5}.blog-post__updated{color:var(--color-accent)}.blog-post__hero-image{padding:var(--space-2xl) 0;background:var(--color-bg-secondary)}.blog-post__hero-image img{width:100%;max-height:500px;object-fit:cover;border:1px solid var(--color-border)}.blog-post__content{padding:var(--space-xl) 0 var(--space-sm)}.container--narrow{max-width:900px}.prose{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--color-text-secondary);overflow-wrap:break-word;word-wrap:break-word}.prose h1{font-family:var(--font-display);font-size:2.5rem;font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary);margin-top:var(--space-4xl);margin-bottom:var(--space-lg)}.prose h2{font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:-.015em;color:var(--color-text-primary);margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.prose h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1.3;color:var(--color-text-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}.prose h4{font-family:var(--font-body);font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.prose p{margin-bottom:var(--space-lg);font-size:inherit;line-height:inherit;color:inherit}.prose p:first-child{margin-top:0}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:all var(--transition-fast)}.prose a:hover{text-decoration-thickness:2px;text-decoration-color:var(--color-accent)}.prose strong{font-weight:600;color:var(--color-text-primary)}.prose em{font-style:italic}.prose ul,.prose ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:var(--space-sm);padding-left:var(--space-sm)}.prose li::marker{color:var(--color-accent)}.prose ul ul,.prose ol ol,.prose ul ol,.prose ol ul{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.prose blockquote{margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl);border-left:3px solid var(--color-accent);background:var(--color-bg-secondary);font-style:italic;color:var(--color-text-primary)}.prose blockquote p{margin-bottom:0}.prose blockquote p+p{margin-top:var(--space-md)}.prose code:not(pre code){font-family:var(--font-mono);font-size:.875em;padding:.2em .4em;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:3px;color:var(--color-accent);word-break:break-word}.prose pre,.prose .astro-code{margin:var(--space-2xl) 0;padding:0;background:var(--color-bg-code);border:1px solid var(--color-border);border-radius:6px;position:relative;max-width:100%}.prose pre code,.prose .astro-code code{display:block;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.75rem;line-height:1.7;background:transparent!important;border:none;color:var(--color-text-primary);overflow-x:auto;white-space:pre;word-wrap:normal}.prose pre code::-webkit-scrollbar,.prose .astro-code code::-webkit-scrollbar{height:8px}.prose pre code::-webkit-scrollbar-track,.prose .astro-code code::-webkit-scrollbar-track{background:transparent}.prose pre code::-webkit-scrollbar-thumb,.prose .astro-code code::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.prose pre code::-webkit-scrollbar-thumb:hover,.prose .astro-code code::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.code-block-wrapper{position:relative;margin:var(--space-2xl) 0}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-bottom:none;border-radius:6px 6px 0 0}.code-block-header+pre,.code-block-header+.astro-code{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.code-block-lang{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.code-copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:10}.prose pre:hover .code-copy-btn,.prose .astro-code:hover .code-copy-btn,.code-copy-btn:focus{opacity:1}.code-copy-btn:hover{background:var(--color-bg-card);border-color:var(--color-accent);color:var(--color-accent)}.code-copy-btn:active{transform:scale(.95)}.code-copy-btn svg{width:14px;height:14px}.code-copy-btn--copied,.code-copy-btn--copied:hover{color:#22c55e;border-color:#22c55e}.prose hr{margin:var(--space-3xl) 0;border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent)}.prose img{max-width:100%;height:auto;margin:var(--space-2xl) 0;border:1px solid var(--color-border);border-radius:4px}.prose figure{margin:var(--space-2xl) 0}.prose figcaption{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);text-align:center}.prose .table-wrapper{overflow-x:auto;margin:var(--space-2xl) 0}.prose .table-wrapper table{margin:0}.prose table{width:100%;margin:var(--space-2xl) 0;border-collapse:collapse;font-size:.9375rem;display:block;overflow-x:auto}.prose th,.prose td{padding:var(--space-sm) var(--space-md);text-align:left;border:1px solid var(--color-border)}.prose th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-primary)}.prose tr:nth-child(2n){background:var(--color-bg-secondary)}.prose kbd{font-family:var(--font-mono);font-size:.75em;padding:.15em .4em;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:3px;box-shadow:0 2px 0 var(--color-border);color:var(--color-text-primary)}.prose abbr{text-decoration:underline dotted;cursor:help}.prose small{font-size:.875em;color:var(--color-text-muted)}.prose mark{background:var(--color-accent-dim);color:var(--color-text-primary);padding:.1em .2em}.prose details{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px}.prose summary{cursor:pointer;font-weight:500;color:var(--color-text-primary)}.prose details[open] summary{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.prose>p:first-of-type:first-letter{font-family:var(--font-display);font-size:3.5em;float:left;line-height:.8;margin-right:.1em;margin-top:.1em;color:var(--color-accent)}.blog-post__footer{padding:var(--space-lg) 0 var(--space-xl);margin-top:var(--space-lg);border-top:1px solid var(--color-border)}.blog-post__footer-row{display:flex;align-items:center;justify-content:space-between}.blog-post__share-links{display:flex;gap:var(--space-sm)}.blog-post__share-link{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-text-muted);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.blog-post__share-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-post__share-link--error{border-color:#ef4444;color:#ef4444}.blog-post__all-posts{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition-fast)}.blog-post__all-posts:hover,.nav__link--active{color:var(--color-accent)}.nav__link--active:after{width:100%}@media(max-width:768px){.blog-listing__header{padding:var(--space-3xl) 0 var(--space-2xl)}.blog-listing__title{font-size:clamp(2.5rem,10vw,4rem)}.blog-listing__card-link{grid-template-columns:1fr}.blog-listing__card-image{aspect-ratio:16/9}.blog-post__title{font-size:clamp(1.75rem,8vw,2.5rem)}.prose{font-size:1.0625rem}.prose h1{font-size:1.75rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose pre code{font-size:.8125rem}.prose>p:first-of-type:first-letter{font-size:inherit;float:none;margin:0;line-height:inherit}.blog-post__share{flex-direction:column;align-items:flex-start}}@media print{.nav,.blog-post__back,.blog-post__share,.blog-post__all-posts,.footer{display:none}.prose{color:#000}.prose a{color:#000;text-decoration:underline}.prose pre{background:#f5f5f5;border-color:#ccc}}