@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#18181f;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#ef4444;--accent-secondary:#dc2626;--accent-glow:#ef44441f;--accent-glow-strong:#ef444440;--border-color:#27272a;--border-accent:#ef44444d;--font-mono:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--max-width:1200px;--nav-height:60px}[data-theme=cobalt]{--accent-primary:#3b82f6;--accent-secondary:#2563eb;--accent-glow:#3b82f61f;--accent-glow-strong:#3b82f640;--border-accent:#3b82f64d}[data-theme=emerald]{--accent-primary:#10b981;--accent-secondary:#059669;--accent-glow:#10b9811f;--accent-glow-strong:#10b98140;--border-accent:#10b9814d}[data-theme=violet]{--accent-primary:#8b5cf6;--accent-secondary:#7c3aed;--accent-glow:#8b5cf61f;--accent-glow-strong:#8b5cf640;--border-accent:#8b5cf64d}[data-theme=amber]{--accent-primary:#f59e0b;--accent-secondary:#d97706;--accent-glow:#f59e0b1f;--accent-glow-strong:#f59e0b40;--border-accent:#f59e0b4d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0f;background-color:var(--bg-primary);color:#e4e4e7;color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.7;min-height:100vh}body:before{background:radial-gradient(ellipse at 0 0,#ef44441f 0,#0000 50%),radial-gradient(ellipse at 100% 0,#ef44441f 0,#0000 50%),radial-gradient(ellipse at 50% 100%,#ef44441f 0,#0000 50%);background:radial-gradient(ellipse at 0 0,var(--accent-glow) 0,#0000 50%),radial-gradient(ellipse at 100% 0,var(--accent-glow) 0,#0000 50%),radial-gradient(ellipse at 50% 100%,var(--accent-glow) 0,#0000 50%);bottom:0;left:0;right:0;top:0;z-index:-1}body:after,body:before{content:"";pointer-events:none;position:fixed}body:after{animation:grain .5s steps(1) infinite;background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E") repeat;bottom:-50%;height:200%;left:-50%;opacity:.04;right:-50%;top:-50%;width:200%;z-index:9999}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%,2%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}60%{transform:translate(1%,-2%)}70%{transform:translate(2%,1%)}80%{transform:translate(-2%,-1%)}90%{transform:translate(1%,2%)}}a{color:#e4e4e7;color:var(--text-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#ef4444;color:var(--accent-primary)}::selection{background:#ef444440;background:var(--accent-glow-strong);color:#e4e4e7;color:var(--text-primary)}code{background:#18181f;background:var(--bg-tertiary);border-radius:4px;font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:.9em;padding:.2em .4em}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111118;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#27272a;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#71717a;background:var(--text-muted)}.nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fd9;border-bottom:1px solid var(--border-color);display:flex;height:var(--nav-height);justify-content:space-between;left:0;padding:0 var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.nav-brand{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.08em;position:relative;text-transform:uppercase;transition:color var(--transition-fast)}.nav-link:hover{color:var(--accent-primary)}.nav-link.external:after{content:" ↗";opacity:.7}.nav-right{align-items:center;display:flex;gap:var(--space-md)}.nav-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;padding:var(--space-xs)}@media (max-width:768px){.nav-links{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:none;flex-direction:column;gap:var(--space-sm);left:0;padding:var(--space-md);position:absolute;right:0;top:var(--nav-height)}.nav-links.open{display:flex}.nav-toggle{display:block}.nav-right{gap:var(--space-sm)}}.theme-switcher{position:relative}.theme-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:var(--font-size-xs);gap:var(--space-xs);letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.theme-dot{background:var(--accent-primary);border-radius:50%;height:8px;width:8px}.theme-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 32px #0006;min-width:140px;opacity:0;padding:var(--space-xs);position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px);transition:all var(--transition-fast);visibility:hidden}.theme-menu.open{opacity:1;transform:translateY(0);visibility:visible}.theme-option{align-items:center;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-sm);letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:all var(--transition-fast)}.theme-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-option.active{color:var(--accent-primary)}.theme-color{border:2px solid #0000;border-radius:50%;height:12px;width:12px}.theme-option.active .theme-color{border-color:var(--accent-primary)}.app{margin:0 auto;max-width:var(--max-width);padding:calc(var(--nav-height) + var(--space-2xl)) var(--space-lg) var(--space-2xl)}.hero{margin-bottom:var(--space-md);padding:var(--space-2xl) 0}.hero-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.hero-avatar{border:2px solid var(--border-accent);border-radius:50%;height:64px;object-fit:cover;width:64px}.hero-name-container{display:flex;flex-direction:column;gap:var(--space-xs)}.hero-name{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin:0}.hero-interest-flash{animation:flashIn .4s ease-out;color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase}@keyframes flashIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:var(--accent-primary);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--space-md)}.hero-description{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:600px}.hero-interests{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.interest-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.interest-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.social-links{display:flex;gap:var(--space-sm)}.social-link{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.social-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.section{margin-bottom:var(--space-2xl)}.section-header{border-bottom:1px solid var(--border-color);color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);text-transform:uppercase}.card-list{display:flex;flex-direction:column;gap:var(--space-lg)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-md);transition:all var(--transition-base)}.card:hover{border-color:var(--border-accent);box-shadow:0 0 24px var(--accent-glow)}.card-header{align-items:flex-start;display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-xs)}.card-title{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--space-xs);letter-spacing:.02em;margin:0;text-transform:uppercase}.card-link{color:var(--text-primary);transition:color var(--transition-fast)}.card-link-arrow,.card-link:hover{color:var(--accent-primary)}.card-link-arrow{font-size:var(--font-size-sm)}.card-meta{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap}.card-position{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-sm)}.card-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:4px;color:var(--accent-primary);font-size:var(--font-size-xs);padding:2px 8px}.notes-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.note-card{aspect-ratio:1;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.note-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px var(--accent-glow-strong);transform:translateY(-4px)}.note-card-image{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.note-card:hover .note-card-image{transform:scale(1.05)}.note-card-overlay{background:linear-gradient(0deg,#000000e6 0,#0000004d 50%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:var(--space-md);position:absolute;transition:background var(--transition-base)}.note-card:hover .note-card-overlay{background:linear-gradient(0deg,#000000f2 0,#00000080 50%,#0000)}.note-card-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;letter-spacing:.02em;margin:0 0 var(--space-xs);text-transform:uppercase}.note-card-tags{display:flex;flex-wrap:wrap;gap:4px}.note-card-hint{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:var(--font-size-xs);opacity:0;padding:4px 8px;position:absolute;right:var(--space-sm);top:var(--space-sm);transform:translateY(-4px);transition:all var(--transition-fast)}.note-card:hover .note-card-hint{opacity:1;transform:translateY(0)}.note-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;inset:0;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:2000}.note-modal-overlay.open{opacity:1;visibility:visible}.note-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:var(--space-xl);position:fixed;transition:all var(--transition-slow) cubic-bezier(.16,1,.3,1);visibility:hidden;z-index:2001}.note-modal.open{opacity:1;visibility:visible}.note-modal-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;position:fixed;right:var(--space-lg);top:var(--space-lg);transition:all var(--transition-fast);width:48px;z-index:2002}.note-modal-close:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.note-modal-content{display:flex;gap:var(--space-xl);height:80vh;max-height:800px;max-width:1400px;width:100%}.note-modal-media{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex:0 0 55%;overflow:hidden;position:relative}.note-modal-image{background:var(--bg-primary);height:100%;object-fit:contain;width:100%}.note-modal-placeholder{align-items:center;background:var(--bg-tertiary);display:flex;height:100%;justify-content:center;width:100%}.note-modal-placeholder-icon{color:var(--text-muted);font-size:4rem;opacity:.3}.note-modal-nav{align-items:center;display:flex;inset:0;justify-content:space-between;padding:var(--space-md);pointer-events:none;position:absolute}.note-modal-arrow{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:44px;justify-content:center;pointer-events:auto;transition:all var(--transition-fast);width:44px}.note-modal-arrow:hover:not(.disabled){border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.note-modal-arrow.disabled{cursor:not-allowed;opacity:.3}.note-modal-dots{background:#0009;border-radius:20px;bottom:var(--space-md);display:flex;gap:var(--space-xs);left:50%;padding:var(--space-xs) var(--space-sm);position:absolute;transform:translateX(-50%)}.note-modal-dot{background:var(--text-muted);border-radius:50%;cursor:pointer;height:8px;opacity:.5;transition:all var(--transition-fast);width:8px}.note-modal-dot:hover{opacity:.8}.note-modal-dot.active{background:var(--accent-primary);opacity:1;transform:scale(1.2)}.note-modal-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.note-modal-header{background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-color);padding:var(--space-lg)}.note-modal-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0 0 var(--space-sm);text-transform:uppercase}.note-modal-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.note-modal-body{color:var(--text-secondary);flex:1 1;line-height:1.8;overflow-y:auto;padding:var(--space-lg)}.note-modal-body h1,.note-modal-body h2,.note-modal-body h3,.note-modal-body h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:var(--space-lg) 0 var(--space-sm)}.note-modal-body h1:first-child,.note-modal-body h2:first-child,.note-modal-body h3:first-child{margin-top:0}.note-modal-body p{margin-bottom:var(--space-md)}.note-modal-body ol,.note-modal-body ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.note-modal-body li{margin-bottom:var(--space-xs)}.note-modal-body strong{color:var(--text-primary);font-weight:600}.note-modal-body a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}.note-modal-body a:hover{-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary)}.note-modal-body blockquote{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic;margin:var(--space-lg) 0;padding:var(--space-md)}.note-modal-body table{border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--space-lg) 0;width:100%}.note-modal-body td,.note-modal-body th{border:1px solid var(--border-color);padding:var(--space-sm);text-align:left}.note-modal-body th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.note-modal-body code{background:var(--bg-tertiary);border-radius:4px;color:var(--accent-primary);font-family:var(--font-mono);font-size:.9em;padding:2px 6px}.note-modal-body pre{background:var(--bg-tertiary);border-radius:8px;margin:var(--space-md) 0;overflow-x:auto;padding:var(--space-md)}.note-modal-body pre code{background:none;padding:0}@media (max-width:1024px){.note-modal-content{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}.note-modal-media{flex:0 0 auto;height:40vh;min-height:300px}.note-modal-text{flex:1 1;min-height:0}.note-modal{padding:var(--space-md)}}@media (max-width:768px){.note-modal{padding:var(--space-sm)}.note-modal-close{font-size:var(--font-size-lg);height:40px;right:var(--space-sm);top:var(--space-sm);width:40px}.note-modal-media{height:35vh;min-height:250px}.note-modal-header{padding:var(--space-md)}.note-modal-title{font-size:var(--font-size-lg)}.note-modal-body{padding:var(--space-md)}.note-modal-arrow{font-size:var(--font-size-base);height:36px;width:36px}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:2000}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{background:var(--bg-secondary);border-radius:24px 24px 0 0;border-top:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;max-height:85vh;position:fixed;right:0;transform:translateY(100%);transition:transform var(--transition-slow) cubic-bezier(.16,1,.3,1);z-index:2001}.drawer.open{transform:translateY(0)}.drawer-handle{cursor:grab;display:flex;justify-content:center;padding:var(--space-sm)}.drawer-handle-bar{background:var(--border-color);border-radius:2px;height:4px;width:40px}.drawer-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-md);padding:0 var(--space-lg) var(--space-md)}.drawer-images{border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.drawer-images img{height:100%;object-fit:cover;width:100%}.drawer-info{flex:1 1;min-width:0}.drawer-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;letter-spacing:.02em;margin:0 0 var(--space-sm);text-transform:uppercase}.drawer-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.drawer-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.drawer-close:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.drawer-content{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm);overflow-y:auto;padding:var(--space-lg)}.drawer-content h1,.drawer-content h2,.drawer-content h3,.drawer-content h4{color:var(--text-primary);font-size:var(--font-size-base);margin:var(--space-lg) 0 var(--space-sm)}.drawer-content h1:first-child,.drawer-content h2:first-child,.drawer-content h3:first-child{margin-top:0}.drawer-content p{line-height:1.8;margin-bottom:var(--space-sm)}.drawer-content ol,.drawer-content ul{margin-bottom:var(--space-sm);padding-left:var(--space-lg)}.drawer-content li{margin-bottom:var(--space-xs)}.drawer-content strong{color:var(--text-primary)}.drawer-content a{color:var(--accent-primary)}.drawer-content blockquote{border-left:2px solid var(--accent-primary);color:var(--text-muted);font-style:italic;margin:var(--space-md) 0;padding-left:var(--space-md)}.drawer-content table{border-collapse:collapse;font-size:var(--font-size-xs);margin:var(--space-md) 0;width:100%}.drawer-content td,.drawer-content th{border:1px solid var(--border-color);padding:var(--space-sm);text-align:left}.drawer-content th{background:var(--bg-tertiary);color:var(--text-primary)}.drawer-image-nav{bottom:4px;display:flex;gap:4px;left:50%;position:absolute;transform:translateX(-50%)}.drawer-image-dot{background:var(--text-muted);border-radius:50%;cursor:pointer;height:6px;opacity:.5;transition:all var(--transition-fast);width:6px}.drawer-image-dot.active{background:var(--accent-primary);opacity:1}.drawer-image-arrows{align-items:center;display:flex;inset:0;justify-content:space-between;padding:0 4px;pointer-events:none;position:absolute}.drawer-image-arrow{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;pointer-events:auto;transition:all var(--transition-fast);width:20px}.drawer-image-arrow:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:768px){.drawer{max-height:90vh}.drawer-header{align-items:stretch;flex-direction:column}.drawer-images{height:200px;width:100%}.drawer-close{position:absolute;right:var(--space-lg);top:var(--space-lg)}}.connect-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.connect-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.connect-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.connect-link svg{height:20px;width:20px}.connect-link-text{flex:1 1;font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.connect-link-arrow{opacity:.5}.footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--space-xl) 0;text-align:center}@media (max-width:768px){.app{padding-left:var(--space-md);padding-right:var(--space-md)}.hero-name{font-size:var(--font-size-2xl)}.hero-header{align-items:flex-start}.card-header,.hero-header{flex-direction:column}.card-meta{order:-1}}.works-section{margin-bottom:var(--space-2xl)}.works-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.works-grid{grid-template-columns:1fr}}.work-card{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.work-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px var(--accent-glow-strong);transform:scale(1.02)}.work-card-image{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.work-card:hover .work-card-image{transform:scale(1.05)}.work-card-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);display:flex;height:100%;justify-content:center;width:100%}.work-card-icon{color:var(--border-color);font-size:3rem;transition:all var(--transition-base)}.work-card:hover .work-card-icon{color:var(--accent-primary);transform:rotate(45deg)}.work-card-overlay{background:linear-gradient(0deg,#000000e6 0,#0000004d 50%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:var(--space-md);position:absolute;transition:opacity var(--transition-base)}.work-card:hover .work-card-overlay{opacity:1}.work-card-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;letter-spacing:.02em;margin:0 0 var(--space-xs);text-transform:uppercase}.work-card-count{color:var(--accent-primary);font-size:var(--font-size-xs)}.works-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;inset:0;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:3000}.works-modal-overlay.open{opacity:1;visibility:visible}.works-modal{display:flex;flex-direction:column;inset:0;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:3001}.works-modal.open{opacity:1;visibility:visible}.works-modal-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:44px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:44px;z-index:10}.works-modal-close:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.works-modal-content{display:flex;flex:1 1;flex-direction:column;max-height:100vh;overflow:hidden}.works-modal-media{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;padding:var(--space-xl);position:relative}.works-modal-image,.works-modal-video{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.works-modal-image-placeholder{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;max-width:800px;width:80%}.works-modal-placeholder-icon{color:var(--accent-primary);font-size:4rem}.works-modal-placeholder-text{color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:.05em;text-transform:uppercase}.works-modal-nav{align-items:center;display:flex;inset:0;justify-content:space-between;padding:0 var(--space-md);pointer-events:none;position:absolute}.works-modal-arrow{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;pointer-events:auto;transition:all var(--transition-fast);width:48px}.works-modal-arrow:hover:not(.disabled){border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.works-modal-arrow.disabled{cursor:not-allowed;opacity:.3}.works-modal-info{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg) var(--space-xl)}.works-modal-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.02em;margin:0;text-transform:uppercase}.works-modal-caption{color:var(--accent-primary);font-size:var(--font-size-base);margin:0}.works-modal-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0;max-width:600px}.works-modal-counter{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--space-xs)}@media (max-width:768px){.works-modal-media{padding:var(--space-md);padding-top:calc(var(--space-xl) + 44px)}.works-modal-info{padding:var(--space-md)}.works-modal-arrow{height:40px;width:40px}}
/*# sourceMappingURL=main.742dc2ba.css.map*/