@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-text: #121217;--color-text-secondary: #50506D;--color-text-muted: #515170;--color-bg: #fff;--color-surface: #f7f7f8;--color-border: #e5e5e9;--color-border-subtle: #efefef;--color-accent: #00f;--color-accent-hover: #0000cc;--color-tag-bg: #f7f7f8;--color-tag-text: #50506D;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--max-width-prose: none;--max-width-content: 72rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--radius: 8px;--radius-lg: 12px}::selection{background:#0000ff1f}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;line-height:1.65;color:var(--color-text);background:var(--color-bg);max-width:var(--max-width-content);margin:0 auto;padding:var(--space-lg) clamp(var(--space-md),5vw,var(--space-2xl));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-100%;left:var(--space-md);background:var(--color-accent);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;text-decoration:none;z-index:100;transition:top .15s}.skip-link:focus{top:var(--space-xs);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.project-card-link:focus-visible{outline:none}.project-card-link:focus-visible .project-card{border-color:var(--color-accent);box-shadow:0 0 0 3px #00f6}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-sm)}h2{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;line-height:1.25;letter-spacing:-.02em;margin-top:var(--space-xl);margin-bottom:var(--space-xs)}h3{font-size:1.1rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:.25rem}p{margin-bottom:var(--space-sm)}strong{font-weight:600}a{color:var(--color-text);text-decoration-color:var(--color-border);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.prose a,section p a,section li a{text-decoration:none;color:var(--color-text);background-color:#0000ff14;border-radius:3px;padding:.05em .2em;margin:0 -.05em;transition:background-color .2s ease,color .2s}.prose a:hover,section p a:hover,section li a:hover{background-color:#0000ff26;color:var(--color-accent)}ul,ol{padding-left:1.25rem;margin-bottom:var(--space-sm)}li{margin-bottom:.4rem}section{margin-bottom:var(--space-md)}section:last-child{margin-bottom:0}.site-header{margin-bottom:var(--space-2xl)}.nav{display:flex;align-items:baseline;gap:var(--space-md);position:relative;flex-wrap:wrap}.nav-logo{font-weight:700;font-size:1rem;text-decoration:none;margin-right:auto;letter-spacing:-.02em}.nav-links{display:flex;list-style:none;gap:var(--space-md);padding:0;margin:0;position:relative}.nav-links a{text-decoration:none;font-size:.9rem;font-weight:500;color:var(--color-text-muted);transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;left:50%;bottom:-2px;width:0;height:1.5px;background:var(--color-text);transform:translate(-50%);transition:width .25s ease}.nav-links a:hover:after{width:60%}.nav-links a[aria-current=page]:after{display:none}.nav-indicator{position:absolute;bottom:-2px;height:2px;background:var(--color-text);border-radius:1px;pointer-events:none}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}mark.scroll-bookmark{background-color:#ff8caa8c;border-radius:3px;padding:2px 4px;margin:0 -3px;color:inherit;box-shadow:0 0 0 1px #ff78964d}mark.scroll-bookmark.flash-out{animation:bookmark-flash .6s ease-out forwards}@keyframes bookmark-flash{0%{background-color:#ff8caa8c;box-shadow:0 0 0 1px #ff78964d}30%{background-color:#ff7896bf;box-shadow:0 0 6px 2px #ff789666}to{background-color:#ff8caa00;box-shadow:0 0 0 1px #ff789600}}.site-footer{margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.site-footer a{color:var(--color-text-secondary);text-decoration:none;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease,color .2s}.site-footer a:hover{color:var(--color-accent);background-size:100% 1px}.site-footer p{margin-bottom:.25rem}.tag{display:inline-block;font-size:.7rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;background:var(--color-tag-bg);color:var(--color-tag-text);padding:.2rem .55rem;border-radius:999px;margin-right:.3rem;margin-bottom:.3rem}.project-grid{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card-link:hover{color:inherit}.project-card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;display:flex;gap:var(--space-md);align-items:flex-start}.project-card:hover{border-color:#d2d2db;box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.project-card-image{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:var(--radius);transition:transform .3s ease}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card-body{flex:1;min-width:0}.project-title{font-size:1rem;font-weight:600;margin-bottom:.1rem;letter-spacing:-.01em}.project-client{font-size:.8rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.project-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.55}.project-tags{margin-top:var(--space-xs)}.project-detail{max-width:var(--max-width-prose)}.project-detail header{margin-bottom:var(--space-lg)}.project-detail-image{width:64px;height:64px;object-fit:contain;margin-bottom:var(--space-sm);border-radius:var(--radius)}.project-detail-client{font-size:.9rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.blog-list{margin-top:var(--space-lg);max-width:var(--max-width-prose)}.blog-card{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border-subtle);transition:background-color .25s ease;margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);border-radius:var(--radius)}.blog-card:first-child{padding-top:0}.blog-card:hover{background-color:var(--color-surface)}.blog-card time{display:block;font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.35rem}.blog-card h3{font-size:1.15rem;margin-bottom:.35rem;letter-spacing:-.01em}.blog-card h3 a{text-decoration:none;color:var(--color-text)}.blog-card h3 a:hover{color:var(--color-accent)}.blog-card p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.55}.blog-post{max-width:var(--max-width-prose)}.blog-post header{margin-bottom:var(--space-xl)}.blog-post header time{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:var(--space-xs)}.prose{max-width:var(--max-width-prose)}.prose h2{font-size:1.35rem;margin-top:var(--space-xl);margin-bottom:var(--space-xs);letter-spacing:-.02em}.prose h3{font-size:1.1rem;margin-top:var(--space-lg);margin-bottom:.25rem}.prose p{margin-bottom:var(--space-sm);line-height:1.7}.prose ul,.prose ol{margin-bottom:var(--space-sm);padding-left:1.5rem}.prose li{margin-bottom:.35rem;line-height:1.65}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.prose em{font-style:italic}.prose blockquote{border-left:3px solid var(--color-accent);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);margin-bottom:var(--space-sm);background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}.prose code{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface);padding:.15em .35em;border-radius:4px;border:1px solid var(--color-border-subtle)}.prose pre{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-sm);border:1px solid var(--color-border-subtle);line-height:1.5}.prose pre code{background:none;padding:0;border:none}.prose a{color:var(--color-accent)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-sm) 0;box-shadow:0 2px 8px #0000000f;max-height:70vh;object-fit:contain;cursor:zoom-in;transition:box-shadow .3s ease,transform .3s ease}.prose img:hover{box-shadow:0 4px 20px #0000001f;transform:scale(1.01)}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;transition:opacity .2s ease;padding:var(--space-md)}.lightbox-overlay.active{opacity:1}.lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 8px 40px #0006;transform:scale(.95);transition:transform .2s ease}.lightbox-overlay.active img{transform:scale(1)}.prose p:has(>img)+p>em:only-child{display:block;text-align:center;font-size:.8rem;color:var(--color-text-muted);margin-top:calc(-.5 * var(--space-sm));margin-bottom:var(--space-sm)}.credential{display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;background:var(--color-surface);color:var(--color-text-secondary);padding:.3rem .7rem;border-radius:999px;margin-right:.4rem;margin-bottom:.4rem;border:1px solid var(--color-border)}.section-subtitle{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.footer-sep{color:var(--color-text-muted)}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--space-sm) 0;border-radius:var(--radius-lg)}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.animate-on-scroll{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.project-grid .animate-on-scroll:nth-child(1){transition-delay:0ms}.project-grid .animate-on-scroll:nth-child(2){transition-delay:80ms}.project-grid .animate-on-scroll:nth-child(3){transition-delay:.16s}.project-grid .animate-on-scroll:nth-child(4){transition-delay:.24s}.project-grid .animate-on-scroll:nth-child(5){transition-delay:.32s}.project-grid .animate-on-scroll:nth-child(6){transition-delay:.4s}.blog-list .animate-on-scroll:nth-child(1){transition-delay:0ms}.blog-list .animate-on-scroll:nth-child(2){transition-delay:80ms}.blog-list .animate-on-scroll:nth-child(3){transition-delay:.16s}.blog-list .animate-on-scroll:nth-child(4){transition-delay:.24s}.blog-list .animate-on-scroll:nth-child(5){transition-delay:.32s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}}@keyframes fade-out{to{opacity:0}}::view-transition-old(root){animation:fade-out .15s ease forwards}::view-transition-new(root){animation:fade-in-up .2s ease}section:nth-child(n+3){content-visibility:auto}@media(min-width:640px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.site-header{margin-bottom:var(--space-2xl)}}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.nav,.nav-links{gap:var(--space-sm)}.project-card-image{width:36px;height:36px}.project-card{gap:var(--space-sm);padding:var(--space-sm)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-on-scroll{opacity:1;transform:none;transition-delay:0ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}mark.scroll-bookmark{background-color:transparent}}