:root{--bg-deep:#0f1115;--bg-surface:#1a1d23;--text-main:#f8fafc;--text-muted:#cbd5e1;--gold-accent:#d4af37;--brass-muted:#a8936d}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background-color:#0f1115;background-image:radial-gradient(#1a1d23 1px,#0000 1px);background-size:30px 30px;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.app-shell{max-width:1400px;min-height:100vh;margin:0 auto;display:flex}.sidebar{border-right:1px solid #ffffff0d;flex-direction:column;width:380px;height:100vh;padding:60px 50px;display:flex;position:sticky;top:0}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar ul li{align-items:center;margin-bottom:12px;display:flex}.sidebar .brand-logo{color:#d4af37;margin-bottom:30px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.sidebar .profile-img{object-fit:cover;background:#1a1d23;border:1px solid #d4af37;border-radius:4px;width:140px;height:140px;margin-bottom:30px;padding:5px}.sidebar h1{letter-spacing:-1px;font-size:1.8rem;line-height:1.1}.sidebar .subtitle{color:#d4af37;text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:.75rem}.nav-links{margin-top:50px;font-family:JetBrains Mono,monospace;list-style:none}@media (max-width:1100px){.nav-links{display:none}}.nav-links li{margin:22px 0}.nav-links a{color:#cbd5e1;letter-spacing:3px;text-transform:uppercase;cursor:pointer;align-items:center;font-size:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-links a .line{background:#cbd5e1;width:25px;height:1px;margin-right:15px;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-links a:hover,.nav-links a.active{color:#d4af37}.nav-links a:hover .line,.nav-links a.active .line{background:#d4af37;width:55px}.social-links{gap:15px;margin-top:auto;font-family:JetBrains Mono,monospace;font-size:1.8rem;display:flex}.social-links a{color:#cbd5e1;text-decoration:none;transition:all .3s}.social-links a:hover{color:#d4af37}.content-area{flex:1;padding:80px;position:relative}.page-layer{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards schematicReveal;transform:translateY(20px)}@keyframes schematicReveal{to{opacity:1;transform:translateY(0)}}.breadcrumb{color:#a8936d;margin-bottom:45px;font-family:JetBrains Mono,monospace;font-size:.8rem}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:#d4af37}.breadcrumb .sep{opacity:.5;margin:0 10px}.section-label{color:#d4af37;letter-spacing:5px;text-transform:uppercase;margin-bottom:35px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:block}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card{cursor:pointer;background:#1a1d23;border:1px solid #ffffff08;border-radius:4px;flex-direction:column;padding:35px;display:flex;position:relative;overflow:hidden}.card:before{content:"";opacity:.03;pointer-events:none;background-color:#e6d18b;width:200px;height:200px;transition:all .4s;position:absolute;bottom:-40px;right:-40px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 21H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h8m2 0h8c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2h-8m-2-4v2M3 13h2M3 9h2m2 8h2m2 0H7m0 0V7m0 10v2M19 17v-2m-2 2h2m-2-4v2m-2-2h2m0-4V7m2 2h-2m2 0v2M19 13v-2m-2 2h2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 21H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h8m2 0h8c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2h-8m-2-4v2M3 13h2M3 9h2m2 8h2m2 0H7m0 0V7m0 10v2M19 17v-2m-2 2h2m-2-4v2m-2-2h2m0-4V7m2 2h-2m2 0v2M19 13v-2m-2 2h2'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover}.card h4{color:#f8fafc;z-index:2;margin-bottom:12px;font-size:1.25rem;font-weight:600;position:relative}.card p{color:#cbd5e1;z-index:2;flex-grow:1;font-size:.95rem;line-height:1.7;position:relative}.card:hover{background-color:#1d2127;border-color:#d4af374d;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(-5px);box-shadow:0 10px 40px #0006}.card:hover:before{opacity:.1;transform:scale(1.1)}.era{gap:40px;margin-bottom:45px;display:flex}.era .era-year{color:#a8936d;min-width:110px;padding-top:5px;font-family:JetBrains Mono,monospace;font-size:.85rem}.era .era-info h4{color:#f8fafc;font-size:1.15rem}.era .era-info p{color:#cbd5e1;margin-top:5px;font-size:.95rem}.contact-form{max-width:650px}.contact-form input,.contact-form textarea{color:#f8fafc;background:#1a1d23;border:1px solid #ffffff0f;border-radius:4px;outline:none;width:100%;margin-bottom:20px;padding:18px;font-family:Inter,sans-serif;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#d4af37}.btn{color:#d4af37;letter-spacing:2px;text-transform:uppercase;cursor:pointer;z-index:2;background:0 0;border:1px solid #d4af37;padding:14px 35px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .3s;position:relative}.btn:hover{color:#0f1115;background:#d4af37}.tag{color:#f8fafc;z-index:2;background-color:#0f11154d;border:1px solid #d4af3726;border-radius:2px;margin-top:15px;margin-right:8px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.65rem;display:inline-block;position:relative}footer{color:#a8936d;letter-spacing:1px;border-top:1px solid #ffffff0d;margin-top:100px;padding:50px 0;font-family:JetBrains Mono,monospace;font-size:.75rem}@media (max-width:1100px){.app-shell{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff0d;border-right:none;width:100%;height:auto;padding:50px 30px;position:relative}.content-area{padding:50px 30px}.grid-2{grid-template-columns:1fr}.era{flex-direction:column;gap:10px}}.detail-view{max-width:900px}.era-header{margin-bottom:60px}.era-header .brand-box{align-items:center;gap:30px;margin-bottom:40px;display:flex}.era-header .brand-box .company-logo-large{filter:grayscale()brightness(.8);background:#fff;border:1px solid #ffffff1a;border-radius:8px;width:80px;height:80px;padding:10px}.era-header .brand-box .external-link{color:#d4af37;font-family:JetBrains Mono,monospace;font-size:.8rem;text-decoration:none}.era-header .brand-box .external-link:hover{text-decoration:underline}.meta-strip{background:#1a1d23;border:1px solid #ffffff0d;border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:25px;display:grid}.meta-strip .meta-item label{color:#a8936d;margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:.6rem;display:block}.meta-strip .meta-item span{font-size:.9rem;font-weight:600}.long-form-text{white-space:pre-wrap;color:#cbd5e1;margin-top:20px;font-size:1.05rem;line-height:1.8}html{scroll-behavior:smooth}.content-area{scroll-behavior:smooth;height:100vh;animation:.3s ease-out viewFadeIn;overflow:hidden auto}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:10px}body,html{scroll-behavior:smooth}body:before,html:before{content:"";pointer-events:none;z-index:9999;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffd7961a 0%, transparent 250px);mix-blend-mode:lighten;width:250vw;height:250vh;transition:background .2s;position:fixed;top:0;left:0}.description-container{max-width:75ch;margin-top:20px}.description-container .era-paragraph{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.description-container .era-paragraph:first-of-type{color:var(--text-main);font-size:1.1rem;font-weight:500}.tech-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:20px;display:flex}.mini-article-row{color:var(--text-muted);border-bottom:1px solid #ffffff08;align-items:center;gap:15px;padding:12px 0;text-decoration:none;transition:color .2s;display:flex}.mini-article-row:hover{color:var(--gold-accent)}.mini-article-row:hover .article-arrow{transform:translate(5px)}.mini-article-row .article-date-mono{font-family:var(--font-mono);color:var(--brass-muted);min-width:60px;font-size:.8rem}.mini-article-row .article-title-truncate{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;overflow:hidden}.full-article-grid{gap:30px;margin-top:40px;display:grid}.verbose-article-card{border-bottom:1px solid #ffffff0d;padding-bottom:30px}.verbose-article-card h3{color:var(--text-main);margin:10px 0;font-size:1.4rem}.verbose-article-card h3:hover{color:var(--gold-accent)}.verbose-article-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}.verbose-article-card .card-meta{font-family:var(--font-mono);color:var(--brass-muted);text-transform:uppercase;font-size:.75rem}.interactive-link,.mini-article-row{color:#e0e0e0;flex-direction:column;align-items:center;font-weight:400;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex;position:relative}.interactive-link:before,.mini-article-row:before{content:attr(data-text);visibility:hidden;-webkit-user-select:none;user-select:none;height:0;font-weight:700;display:block;overflow:hidden}.interactive-link:hover,.mini-article-row:hover{color:#d4af37;text-shadow:0 0 15 px #d4af3726;font-weight:700;transform:translateY(-3px)}.interactive-link:after,.mini-article-row:after{content:"";background-color:#d4af37;width:0;height:1px;transition:width .3s,left .3s;position:absolute;bottom:-2px;left:50%}.interactive-link:hover:after,.mini-article-row:hover:after{width:100%;left:0}.mini-article-row{flex-direction:row;justify-content:flex-start;gap:1.5rem;padding:.8rem 0}.project-actions{border-top:1px solid #ffffff0d;padding-top:20px}.action-link{color:var(--gold-accent);letter-spacing:1px;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.9rem;text-decoration:none;transition:transform .2s,filter .2s;display:flex}.action-link:hover{filter:brightness(1.2);text-decoration:underline;transform:translateY(-2px)}.action-link .action-prefix{opacity:.4;color:var(--text-main)}.hero-intro h1{letter-spacing:-.02em;line-height:1.1}