@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--color-bg: #090a0b;--color-bg-alt: #111315;--color-surface: #181b1e;--color-surface-hover: #22262b;--color-text: #f1f5f9;--color-text-muted: #8e99a8;--color-text-dim: #4d5562;--color-primary: #f1f5f9;--color-primary-hover: #ffffff;--color-accent: #f97316;--color-accent-subtle: rgba(249, 115, 22, .12);--color-border: #1e2126;--color-border-subtle: #131518;--color-line-grid: rgba(255, 255, 255, .04);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: .72rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--container-max-width: 1280px;--header-height: 4.25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-full: 9999px;--ease-organic: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s var(--ease-organic);--transition-base: .4s var(--ease-organic);--transition-slow: .7s var(--ease-organic)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.6;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-text);text-decoration:none;transition:opacity var(--transition-fast),color var(--transition-fast)}a:hover{opacity:.7}ul,ol{list-style:none}.index-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-dim);letter-spacing:.04em;display:inline-block}.reveal{opacity:0;transform:translateY(24px);will-change:opacity,transform;transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.active{opacity:1;transform:translateY(0)}.reveal[data-delay="100"]{transition-delay:.1s}.reveal[data-delay="200"]{transition-delay:.2s}.reveal[data-delay="300"]{transition-delay:.3s}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--space-6)}.section{padding-block:var(--space-16);border-bottom:1px solid var(--color-border-subtle);position:relative}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-12);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular);letter-spacing:-.01em}.section-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background-color:#090a0be0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-wrapper{display:flex;align-items:center;gap:var(--space-4)}.header-timestamp-tag{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-dim)}.logo{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text);letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{color:var(--color-text-muted);font-weight:var(--font-weight-light);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2);transition:opacity var(--transition-fast),color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-text);opacity:1}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer}.hero{padding-top:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.hero-top-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--space-8);margin-bottom:var(--space-16)}.hero-brand-mark{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.hero-brand-mark svg{width:32px;height:32px;fill:var(--color-text)}.hero-center-tagline{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;line-height:1.6}.hero-visual-card{width:100%;aspect-ratio:1 / 1;background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);opacity:.85}.hero-metadata-bar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-top:var(--space-6);padding-bottom:var(--space-6);border-top:1px solid var(--color-border-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-dim)}.meta-col-left{text-align:left}.meta-col-center{text-align:center;line-height:1.5}.meta-col-right{text-align:right;line-height:1.5}.visual-line-wrapper{display:flex;flex-direction:column;gap:3px;padding-top:var(--space-6);opacity:.35}.visual-line{width:100%;height:1px;background-color:var(--color-border)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-family:var(--font-family-mono);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.btn-primary{background-color:var(--color-text);color:var(--color-bg)}.btn-primary:hover{opacity:.85}.btn-secondary{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{color:var(--color-text);border-color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-8)}.project-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-base),border-color var(--transition-base)}.project-card:hover{transform:translateY(-4px);border-color:var(--color-border)}.project-card-header{padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-bg)}.project-image-wrapper{aspect-ratio:3 / 2;width:100%;background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.project-body{padding:var(--space-6);display:flex;flex-direction:column;flex-grow:1}.project-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);margin-bottom:var(--space-2)}.project-description{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:1.6;margin-bottom:var(--space-6);flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.tag{font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:2px var(--space-2);background-color:var(--color-surface);color:var(--color-text-dim);border-radius:var(--radius-sm)}.grid-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-8)}.meta-box{background-color:var(--color-bg-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-6)}.meta-box-header{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.meta-box-list{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-light)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-dim);text-transform:uppercase}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-light);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-text-muted)}.site-footer{margin-top:auto;padding-block:var(--space-8);border-top:1px solid var(--color-border-subtle);background-color:var(--color-bg)}.footer-wrapper{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-dim);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}@media (max-width: 992px){.hero-top-grid{grid-template-columns:1fr;text-align:center}.grid-4-col{grid-template-columns:repeat(2,1fr)}.hero-metadata-bar{grid-template-columns:1fr;gap:var(--space-2);text-align:center}.meta-col-left,.meta-col-center,.meta-col-right{text-align:center}}@media (max-width: 768px){.contact-wrapper,.grid-4-col{grid-template-columns:1fr}.mobile-nav-toggle{display:block}.nav-links{display:none;position:absolute;top:var(--header-height);left:0;right:0;background-color:var(--color-bg-alt);flex-direction:column;padding:var(--space-6);border-bottom:1px solid var(--color-border);gap:var(--space-4)}.nav-links.open{display:flex}}