:root{--bg-color:#f4f4f4;--text-color:#0c0c0c;--accent-red:#d92a1c;--line-color:#0c0c0c;--line-light:#d0d0d0;--font-sans:"Aldrich", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--baseline:4px;--grid-gap:24px;--nav-width:320px;--nav-width-collapsed:72px;--text-xs:.65rem;--text-sm:.85rem;--text-base:1rem;--text-lg:1.5rem;--text-xl:3rem;--text-xxl:6rem}.theme-btn[data-theme=default]{background:#f8f8f8;border:1px solid #111}.theme-btn[data-theme=dark]{background:#111;border:1px solid #f8f8f8}.theme-btn[data-theme=warm]{background:#fcfaf5;border:1px solid #c62828}.theme-btn[data-theme=navy]{background:#0d1425;border:1px solid #4fc3f7}.theme-btn[data-theme=forest]{background:#f5faf6;border:1px solid #2e7d32}.theme-btn[data-theme=sepia]{background:#f7f3e8;border:1px solid #8b4513}.theme-btn[data-theme=terminal]{background:#050505;border:1px solid #39ff14}[data-theme=default]{--bg-color:#f8f8f8;--text-color:#111;--accent-red:#d32f2f;--line-color:#333;--line-light:#ddd;--text-muted:#666;--font-sans:"Aldrich", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-theme=dark]{--bg-color:#111;--text-color:#f8f8f8;--accent-red:#f44;--line-color:#666;--line-light:#222;--text-muted:#999;--font-sans:"Aldrich", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-theme=warm]{--bg-color:#fcfaf5;--text-color:#1a1a1a;--accent-red:#c62828;--line-color:#4a4a4a;--line-light:#e5e0d5;--text-muted:#6b6b6b;--font-sans:"Anta", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "SF Mono", Consolas, monospace}[data-theme=navy]{--bg-color:#0d1425;--text-color:#fff;--accent-red:#4fc3f7;--line-color:#5a6a8a;--line-light:#1a2540;--text-muted:#8a9ab0;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "SF Mono", Consolas, monospace}[data-theme=forest]{--bg-color:#f5faf6;--text-color:#0d3318;--accent-red:#2e7d32;--line-color:#2e5a38;--line-light:#d4e8d7;--text-muted:#4a7c55;--font-sans:"Atomic Age", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-theme=sepia]{--bg-color:#f7f3e8;--text-color:#2c2416;--accent-red:#8b4513;--line-color:#5c4a32;--line-light:#e0d8c5;--text-muted:#7a6a52;--font-sans:"Amarante", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "SF Mono", Consolas, monospace}[data-theme=terminal]{--bg-color:#050505;--text-color:#39ff14;--accent-red:#39ff14;--line-color:#1a4d10;--line-light:#0d2807;--text-muted:#248b13;--font-sans:"Share Tech Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Share Tech Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box;cursor:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent-red)!important;outline-offset:4px!important}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.4;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex}.cursor-dot,.cursor-cross{pointer-events:none;z-index:99999;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background-color:var(--accent-red);border-radius:50%;width:4px;height:4px;transition:transform .15s ease-out}.cursor-cross{width:20px;height:20px;transition:width .2s,height .2s}.cursor-cross:before,.cursor-cross:after{content:"";background-color:var(--text-color);position:absolute}.cursor-cross:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.cursor-cross:after{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.sys-clock{top:calc(var(--baseline) * 8);right:calc(var(--baseline) * 12);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;z-index:1000;align-items:center;gap:calc(var(--baseline) * 2);background:var(--bg-color);padding:calc(var(--baseline) * 2) calc(var(--baseline) * 3);border:1px solid var(--line-light);border-radius:4px;display:flex;position:absolute}.sys-latency-value{color:var(--accent-red);font-weight:500}.sys-clock-divider{color:var(--line-light);opacity:.7}.sys-clock:before{content:"";background:var(--accent-red);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-clock}@keyframes pulse-clock{0%{opacity:1;box-shadow:0 0 #d92a1c66}70%{opacity:.5;box-shadow:0 0 0 4px #d92a1c00}to{opacity:1;box-shadow:0 0 #d92a1c00}}#nav-region{width:var(--nav-width);border-right:1px solid var(--line-color);height:100vh;padding:calc(var(--baseline) * 12) calc(var(--baseline) * 8);background:var(--bg-color);z-index:100;flex-direction:column;transition:width .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:visible}.nav-header{flex-shrink:0;align-items:flex-start;display:flex}.logo-container{align-items:center;gap:calc(var(--baseline) * 4);transition:justify-content .4s;display:flex}.logo-h{justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.logo-icon{background-color:var(--text-color);width:54px;height:54px;transition:background-color .3s;-webkit-mask-image:url(/assets/Logo-SmgA_4ED.svg);mask-image:url(/assets/Logo-SmgA_4ED.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-h:hover .logo-icon{background-color:var(--accent-red)}.header-text{white-space:nowrap;opacity:1;flex-direction:column;gap:2px;transition:opacity .3s,width .3s;display:flex;overflow:hidden}.header-text .title{font-size:var(--text-base);text-transform:uppercase;letter-spacing:-.02em;font-weight:600}.sidebar-toggle-btn{border:1px solid var(--line-color);background:var(--bg-color);width:32px;height:32px;color:var(--text-color);z-index:101;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:48px;right:-16px;box-shadow:0 2px 8px #0000000d}.sidebar-toggle-btn:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color);transform:scale(1.1)}.sidebar-toggle-btn svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}.nav-center{flex-direction:column;flex-grow:1;justify-content:center;margin:auto 0;display:flex}.index-list{flex-direction:column;gap:0;list-style:none;display:flex}.index-list-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:calc(var(--baseline) * 4);white-space:nowrap;transition:opacity .3s}.nav-link{color:var(--text-color);align-items:center;gap:calc(var(--baseline) * 4);padding:calc(var(--baseline) * 1.5) calc(var(--baseline) * 4);cursor:none;border-radius:6px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-icon{width:20px;min-width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;transition:color .4s;display:flex}.nav-icon svg{width:100%;height:100%}.nav-text-group{align-items:center;gap:calc(var(--baseline) * 3);white-space:nowrap;opacity:1;transition:opacity .3s;display:flex;position:relative}.nav-text-group:after{content:"";background:var(--accent-red);transform-origin:100%;width:100%;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover .nav-text-group:after{transform-origin:0;transform:scaleX(1)}.nav-link:hover .nav-icon{color:var(--accent-red)}.nav-link:hover{background:#0000000a}[data-theme=dark] .nav-link:hover,[data-theme=navy] .nav-link:hover{background:#ffffff0f}.nav-link.active{background:0 0}.nav-link.active .nav-icon,.nav-link.active .nav-num{color:var(--accent-red)}.nav-link.active .nav-text-group:after{transform:scaleX(0)}.nav-num{font-variant-numeric:tabular-nums;font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.nav-label{font-size:var(--text-base);font-weight:400}.sidebar-bottom{gap:calc(var(--baseline) * 2);flex-direction:column;flex-shrink:0;margin-top:auto;display:flex}.sidebar-settings-module{gap:calc(var(--baseline) * 3);flex-direction:column;display:flex;position:relative}.settings-module-header{justify-content:space-between;align-items:center;display:flex}.settings-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;white-space:nowrap;font-size:10px;transition:opacity .3s}.settings-collapsed-btn{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;margin:0 auto;transition:all .3s;display:none}.settings-collapsed-btn:hover{color:var(--accent-red);background:#00000008}[data-theme=dark] .settings-collapsed-btn:hover,[data-theme=navy] .settings-collapsed-btn:hover{background:#ffffff0d}.settings-popup{background:var(--bg-color);border:1px solid var(--line-light);z-index:1001;border-radius:4px;width:240px;padding:24px;display:none;position:absolute;bottom:-10px;left:calc(100% + 24px);box-shadow:0 24px 48px -12px #0003}.settings-popup:before{content:"";background:var(--bg-color);border-left:1px solid var(--line-light);border-bottom:1px solid var(--line-light);width:10px;height:10px;position:absolute;bottom:24px;left:-6px;transform:rotate(45deg)}.settings-popup.visible{animation:.4s cubic-bezier(.16,1,.3,1) forwards popInSettings;display:block}@keyframes popInSettings{0%{opacity:0;transform:translate(-15px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.theme-swatches-popup{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.theme-swatches-popup .theme-btn{cursor:pointer;border:2px solid;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:transform .2s,box-shadow .2s}.theme-swatches-popup .theme-btn:hover{transform:scale(1.15)}.theme-swatches-popup .theme-btn.active{box-shadow:0 0 0 2px var(--bg-color), 0 0 0 4px var(--accent-red)}.settings-popup-header{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line-light);margin-bottom:16px;padding-bottom:12px;font-size:11px}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:10px;display:block}.language-toggle-popup{gap:8px;display:flex}.lang-btn{font-family:var(--font-mono);border:1px solid var(--line-light);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:11px;transition:all .2s}.lang-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.lang-btn.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.audio-toggle-popup{gap:8px;display:flex}.audio-toggle-btn{font-family:var(--font-mono);border:1px solid var(--line-light);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:4px;width:60px;padding:6px 12px;font-size:11px;transition:all .2s}.audio-toggle-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.audio-toggle-btn.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.audio-toggle-mini{display:flex}.audio-toggle-btn-mini{font-family:var(--font-mono);border:1px solid var(--line-light);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:4px;min-width:50px;padding:4px 10px;font-size:10px;transition:all .2s}.audio-toggle-btn-mini:hover{border-color:var(--accent-red);color:var(--accent-red)}.audio-toggle-btn-mini.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.settings-expanded{gap:calc(var(--baseline) * 2);flex-direction:column;display:flex}.settings-row{align-items:center;gap:calc(var(--baseline) * 3);display:flex}.settings-mini-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:40px;font-size:10px}.theme-swatches-mini{gap:calc(var(--baseline) * 2);flex-wrap:wrap;display:flex}.theme-swatches-mini .theme-btn{width:16px;height:16px}.language-toggle-mini{gap:6px;display:flex}.language-toggle-mini .lang-btn{padding:4px 8px;font-size:10px}.theme-btn{cursor:pointer;border:1px solid #0000;border-radius:50%;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;position:relative}.theme-btn:hover{transform:scale(1.2)}.theme-btn.active{box-shadow:0 0 0 2px var(--bg-color), 0 0 0 3px var(--text-muted)}.theme-btn.active:after{content:"";border:1px solid var(--accent-red);opacity:.5;border-radius:50%;position:absolute;inset:-5px}.nav-footer{border-top:1px solid var(--line-light);padding-top:calc(var(--baseline) * 6);gap:calc(var(--baseline) * 2);flex-direction:column;display:flex}.footer-line{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:10px;transition:opacity .3s}.footer-line-short{text-align:center;font-weight:700;display:none}#nav-region.collapsed{width:var(--nav-width-collapsed);padding:calc(var(--baseline) * 12) 0;align-items:center;overflow:visible}#nav-region.collapsed .sidebar-toggle-btn svg{transform:rotate(180deg)}#nav-region.collapsed .logo-container{justify-content:center}#nav-region.collapsed .header-text,#nav-region.collapsed .index-list-title,#nav-region.collapsed .nav-text-group,#nav-region.collapsed .theme-label,#nav-region.collapsed .theme-swatches-mini,#nav-region.collapsed .footer-line.footer-text-long{opacity:0;pointer-events:none;visibility:hidden;position:absolute}#nav-region.collapsed .nav-link{padding:calc(var(--baseline) * 3) 0;justify-content:center;width:40px;margin:0 auto}#nav-region.collapsed .footer-line-short{opacity:1;visibility:visible;display:block;position:relative}#nav-region.collapsed .sidebar-bottom{align-items:center;width:100%}[data-tooltip]{position:relative}#nav-region.collapsed [data-tooltip]:before{content:attr(data-tooltip);background:var(--text-color);color:var(--bg-color);font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;border-radius:4px;padding:6px 12px;font-size:11px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)translate(-10px);box-shadow:0 4px 12px #0000001a}#nav-region.collapsed [data-tooltip]:hover:before{opacity:1;transform:translateY(-50%)translate(0)}#nav-region.collapsed .sidebar-settings-module .settings-collapsed-btn{display:flex}#nav-region.collapsed .sidebar-settings-module .settings-expanded{display:none}#nav-region.collapsed .sidebar-settings-module .settings-label{opacity:0;visibility:hidden;position:absolute}#content-region{margin-left:var(--nav-width);width:calc(100% - var(--nav-width));background:var(--bg-color);z-index:2;min-height:100vh;transition:margin-left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1);position:relative}#content-region.expanded{margin-left:var(--nav-width-collapsed);width:calc(100% - var(--nav-width-collapsed))}.opaque-layout-wrapper{z-index:2;box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.opaque-layout-bg{background-color:var(--bg-color);z-index:-2;pointer-events:none;position:absolute;inset:0}@media (width>=1025px){#content-region.expanded section{padding-left:calc(var(--baseline) * 20);padding-right:calc(var(--baseline) * 20)}}h1,h2,h3,h4,h5{letter-spacing:-.02em;margin-bottom:calc(var(--baseline) * 4);font-weight:500}.meta-text{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:block}.red-text{color:var(--accent-red)}p{font-size:var(--text-sm);max-width:60ch;margin-bottom:calc(var(--baseline) * 4);color:var(--text-muted);text-align:left}section{padding:calc(var(--baseline) * 24) calc(var(--baseline) * 12);border-bottom:1px solid var(--line-color);flex-direction:column;justify-content:center;min-height:100vh;transition:padding .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.section-inner{z-index:5;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.section-header{margin-bottom:calc(var(--baseline) * 16);justify-content:space-between;align-items:center;display:flex}.section-title-wrap{flex-grow:1;grid-template-columns:160px 1fr;align-items:baseline;display:grid}.section-num{font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:500}.section-title{font-size:var(--text-lg);text-transform:uppercase;margin-bottom:0}#intro{padding-top:calc(var(--baseline) * 20);justify-content:flex-start}.intro-container{gap:calc(var(--baseline) * 12);flex-direction:column;display:flex}.intro-header{justify-content:space-between;align-items:flex-start;display:flex}.intro-badge{align-items:center;gap:calc(var(--baseline) * 2);font-family:var(--font-mono);font-size:var(--text-xs);padding:calc(var(--baseline) * 2) calc(var(--baseline) * 4);border:1px solid var(--line-light);background:var(--bg-color);display:flex}.intro-badge:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.intro-availability{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right}.intro-availability strong{color:var(--accent-red);font-weight:500}.hero-section{gap:calc(var(--baseline) * 16);grid-template-columns:1fr auto;align-items:flex-start;display:grid}.hero-content{gap:calc(var(--baseline) * 8);flex-direction:column;max-width:880px;display:flex}.hero-visual{padding-top:calc(var(--baseline) * 8);justify-content:flex-end;display:flex}.hero-stat-card{border:1px solid var(--line-color);padding:calc(var(--baseline) * 8) calc(var(--baseline) * 10);background:var(--bg-color);text-align:center;min-width:140px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hero-stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -12px #00000026}.hero-stat-card .stat-value{font-size:var(--text-xl);color:var(--text-color);margin-bottom:calc(var(--baseline) * 3);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hero-stat-card .stat-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.hero-eyebrow{align-items:center;gap:calc(var(--baseline) * 4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:calc(var(--baseline) * 4);display:flex}.hero-eyebrow:before{content:"";background:var(--accent-red);width:40px;height:2px}.hero-title{letter-spacing:-.03em;margin-bottom:calc(var(--baseline) * 6);text-transform:uppercase;font-size:clamp(3.2rem,6.4vw,5.8rem);font-weight:600;line-height:.92;position:relative}.hero-title-animated{height:2.8em;position:relative;overflow:hidden}.text-rotator-wrapper{flex-direction:column;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex}.text-rotator{flex-direction:column;gap:0;height:2.8em;line-height:.92;display:flex}.rotator-line{letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;font-size:clamp(3.2rem,6.4vw,5.8rem);font-weight:600;line-height:.92;display:block}.rotator-line.accent{color:#0000;-webkit-text-stroke:1.5px var(--accent-red)}.hero-statement{font-size:var(--text-base);max-width:90ch;color:var(--text-muted);margin-bottom:calc(var(--baseline) * 8);font-weight:400;line-height:1.7}.hero-actions{align-items:center;gap:calc(var(--baseline) * 10);margin-top:calc(var(--baseline) * 4);display:flex}.cta-primary{align-items:center;gap:calc(var(--baseline) * 3);padding:calc(var(--baseline) * 5) calc(var(--baseline) * 10);background:var(--text-color);color:var(--bg-color);font-size:var(--text-sm);border:1px solid var(--text-color);letter-spacing:.02em;cursor:none;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cta-link{align-items:center;gap:calc(var(--baseline) * 2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:none;padding-bottom:4px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.hero-content{gap:calc(var(--baseline) * 6);flex-direction:column;display:flex}.cta-secondary{justify-content:center;align-items:center;gap:calc(var(--baseline) * 3);padding:calc(var(--baseline) * 4) calc(var(--baseline) * 8);color:var(--text-color);font-size:var(--text-sm);border:1px solid var(--line-light);box-sizing:border-box;background:0 0;width:100%;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cta-secondary:before{content:"";background:var(--text-color);transform-origin:100%;z-index:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.cta-secondary:hover:before{transform-origin:0;transform:scaleX(1)}.cta-secondary span,.cta-secondary svg{z-index:1;transition:all .3s;position:relative}.cta-secondary svg{width:16px;height:16px}.cta-secondary:hover span,.cta-secondary:hover svg{color:var(--bg-color)}.cta-secondary:hover{border-color:var(--text-color)}.hero-visual{justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.hero-stat-card{border:1px solid var(--line-light);padding:calc(var(--baseline) * 6);background:var(--bg-color);min-width:180px;position:relative}.hero-stat-card:before{content:"";background:var(--accent-red);transform-origin:0;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hero-stat-card:hover:before{transform:scaleX(1)}.stat-value{font-size:var(--text-xl);color:var(--text-color);margin-bottom:calc(var(--baseline) * 2);font-weight:600;line-height:1}.stat-value .red-text{font-weight:700}.stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.intro-divider{background:var(--line-light);height:1px;margin:calc(var(--baseline) * 8) 0}.intro-footer{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.spec-card{padding:calc(var(--baseline) * 4);border:1px solid var(--line-light);background:var(--bg-color);cursor:none;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.spec-card:before{content:"";background:var(--accent-red);transform-origin:0;width:100%;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.spec-card:hover{border-color:var(--line-color);box-shadow:0 12px 24px -8px #0000001a}.spec-card:hover:before{transform:scaleX(1)}.spotlight-card{border:1px solid var(--line-light);background:#ffffff05;position:relative;overflow:hidden}.spotlight-overlay{pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #ffffff0f, transparent 40%);z-index:0;opacity:0;transition:opacity .3s;position:absolute;inset:0}[data-theme=default] .spotlight-overlay,[data-theme=warm] .spotlight-overlay,[data-theme=forest] .spotlight-overlay,[data-theme=sepia] .spotlight-overlay{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #0000000a, transparent 40%)}.spotlight-card:hover .spotlight-overlay{opacity:1}.spec-card .label,.spec-card .value{z-index:1;position:relative}.spec-card .label{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:calc(var(--baseline) * 3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.spec-card .value{font-size:var(--text-base);color:var(--text-color);font-weight:500}.matrix-dashboard{gap:calc(var(--baseline) * 8);flex-direction:column;display:flex}.matrix-main-grid{gap:calc(var(--baseline) * 6);grid-template-columns:1.2fr .8fr;display:grid}.matrix-block{border:1px solid var(--line-light);background:var(--bg-color);transition:border-color .3s,box-shadow .3s}.matrix-block:hover{border-color:var(--line-color);box-shadow:0 8px 24px -8px #00000014}.matrix-block-header{align-items:center;gap:calc(var(--baseline) * 3);padding:calc(var(--baseline) * 4);border-bottom:1px solid var(--line-light);background:#00000005;display:flex}.matrix-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:24px}.matrix-title{font-size:var(--text-base);flex-grow:1;margin:0;font-weight:500}.matrix-count{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--line-light);white-space:nowrap;padding:2px 8px;font-size:10px}.matrix-filters{gap:calc(var(--baseline) * 2);margin-right:calc(var(--baseline) * 2);display:flex}.matrix-select{border:1px solid var(--line-light);color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;outline:none;max-width:120px;padding:2px 8px;font-size:10px;transition:all .3s}.matrix-select:hover{border-color:var(--text-color);color:var(--text-color)}.matrix-select option{background:var(--bg-color);color:var(--text-color)}.no-results{padding:calc(var(--baseline) * 8);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);border:1px dashed var(--line-light)}.matrix-skills{padding:calc(var(--baseline) * 3);gap:calc(var(--baseline) * 3);flex-direction:column;display:flex}.skill-item{gap:calc(var(--baseline) * 2);padding:calc(var(--baseline) * 2);cursor:default;grid-template-columns:1fr auto;align-items:center;transition:background-color .2s;display:grid}.skill-item:hover{background:#00000005}.skill-item:hover .skill-fill{filter:brightness(1.2)}.skill-bar{background:var(--line-light);grid-column:1/-1;height:2px;position:relative;overflow:hidden}.skill-fill{background:var(--accent-red);transform-origin:0;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1),filter .3s}.skill-name{font-size:var(--text-sm);font-weight:500}.skill-level{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.skill-advanced .skill-level{color:var(--accent-red)}.matrix-side-blocks{gap:calc(var(--baseline) * 4);grid-template-rows:1fr 1fr;display:grid}.matrix-block-secondary .matrix-block-header{padding:calc(var(--baseline) * 3)}.matrix-compact-list{padding:calc(var(--baseline) * 2);list-style:none}.matrix-compact-list li{padding:calc(var(--baseline) * 2) calc(var(--baseline) * 1.5);font-size:var(--text-sm);border-bottom:1px solid var(--line-light);cursor:default;justify-content:space-between;align-items:center;transition:background-color .15s,transform .15s;display:flex}.matrix-compact-list li:last-child{border-bottom:none}.matrix-compact-list li:hover{background:#00000005;transform:translate(4px)}.tag-mini{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--line-light);padding:2px 6px;font-size:9px;transition:all .2s}.matrix-compact-list li:hover .tag-mini{border-color:var(--accent-red);color:var(--accent-red)}.matrix-metrics{gap:var(--grid-gap);padding-top:calc(var(--baseline) * 6);border-top:1px solid var(--line-light);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{gap:calc(var(--baseline));padding:calc(var(--baseline) * 3);border:1px solid var(--line-light);text-align:center;cursor:none;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.metric-card:hover{border-color:var(--line-color);transform:translateY(-5px);box-shadow:0 12px 24px -8px #0000001a}.metric-card.highlight{border-color:var(--accent-red);background:#d92a1c08}.metric-value{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.metric-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.about-grid{gap:calc(var(--baseline) * 20);grid-template-columns:.85fr 1.15fr;align-items:start;display:grid}.about-photo-col{top:calc(var(--baseline) * 24);position:sticky}.profile-photo-card{border:1px solid var(--line-light);padding:calc(var(--baseline) * 4);gap:calc(var(--baseline) * 4);background:#ffffff03;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.profile-photo-card:hover{border-color:var(--accent-red);transform:translateY(-4px);box-shadow:0 20px 40px -15px #0000001f}.profile-image-container{width:100%;position:relative;overflow:hidden}.profile-image-inner{aspect-ratio:4/4.5;background:var(--line-light);position:relative;overflow:hidden}.profile-image-inner:after{content:"";background:linear-gradient(135deg, transparent 40%, color-mix(in srgb, var(--accent-red) 3%, transparent) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.profile-image-inner img{object-fit:cover;filter:grayscale()contrast(1.15);width:100%;height:100%;transition:all .8s cubic-bezier(.16,1,.3,1)}.profile-photo-card:hover .profile-image-inner img{filter:grayscale(0%)contrast(1.05);transform:scale(1.08)}.corner-bracket{z-index:3;pointer-events:none;border:2px solid #0000;width:8px;height:8px;position:absolute}.corner-bracket.tl{border-top-color:var(--accent-red);border-left-color:var(--accent-red);top:6px;left:6px}.corner-bracket.tr{border-top-color:var(--accent-red);border-right-color:var(--accent-red);top:6px;right:6px}.corner-bracket.bl{border-bottom-color:var(--accent-red);border-left-color:var(--accent-red);bottom:6px;left:6px}.corner-bracket.br{border-bottom-color:var(--accent-red);border-right-color:var(--accent-red);bottom:6px;right:6px}.scanner-line{background:var(--accent-red);opacity:.6;height:2px;box-shadow:0 0 15px var(--accent-red), 0 0 30px var(--accent-red);z-index:2;mix-blend-mode:overlay;animation:3s cubic-bezier(.4,0,.2,1) infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{opacity:0;top:0}10%{opacity:.6}90%{opacity:.6}to{opacity:0;top:100%}}.profile-photo-meta{padding:0 calc(var(--baseline) * 1) calc(var(--baseline) * 1);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.profile-photo-meta .meta-id{font-family:var(--font-mono);color:var(--accent-red);letter-spacing:.05em;font-size:10px;font-weight:600}.profile-photo-meta .meta-size{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:10px}.profile-telemetry-card{margin-top:calc(var(--baseline) * 6);border:1px solid var(--line-light);padding:calc(var(--baseline) * 5) calc(var(--baseline) * 6);gap:calc(var(--baseline) * 3);background:#ffffff01;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.profile-telemetry-card:hover{border-color:var(--accent-red);transform:translateY(-4px);box-shadow:0 20px 40px -15px #0000001f}.telemetry-header{align-items:center;gap:calc(var(--baseline) * 3);z-index:1;display:flex;position:relative}.telemetry-header .status-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite status-pulse;box-shadow:0 0 8px #22c55e}@keyframes status-pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #22c55e66}70%{opacity:.7;transform:scale(1.15);box-shadow:0 0 0 6px #22c59600}to{opacity:1;transform:scale(1);box-shadow:0 0 #22c59600}}.telemetry-header .status-text{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-color);font-size:11px;font-weight:700}.telemetry-divider{background:var(--line-light);opacity:.6;height:1px;margin:calc(var(--baseline) * 1) 0;z-index:1;position:relative}.telemetry-grid{gap:calc(var(--baseline) * 4);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.telemetry-item{gap:calc(var(--baseline) * 1.5);flex-direction:column;display:flex}.telemetry-item .telemetry-value{font-family:var(--font-mono);color:var(--text-color);font-size:11px;font-weight:600}.telemetry-item .telemetry-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px}.about-text-col{flex-direction:column;display:flex}.about-bio{gap:calc(var(--baseline) * 6);margin-bottom:calc(var(--baseline) * 12);flex-direction:column;display:flex}.about-bio h3{font-size:var(--text-xl);margin-bottom:calc(var(--baseline) * 4);text-transform:uppercase;letter-spacing:-.02em;padding-bottom:calc(var(--baseline) * 4);font-weight:600;line-height:1.1;position:relative}.about-bio h3:after{content:"";background:var(--accent-red);width:60px;height:3px;position:absolute;bottom:0;left:0}.about-bio p{font-size:var(--text-base);color:var(--text-muted);max-width:55ch;margin:0;line-height:1.8}.timeline{border-left:2px solid var(--line-light);padding-left:calc(var(--baseline) * 10);margin-top:calc(var(--baseline) * 8);flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-red) 0%, var(--line-light) 30%);opacity:.3;width:2px;position:absolute;top:0;bottom:0;left:-2px}.timeline-item{padding-bottom:calc(var(--baseline) * 10);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";left:calc(var(--baseline) * -10 - 5px);background:var(--bg-color);border:2px solid var(--text-muted);z-index:1;border-radius:50%;width:10px;height:10px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:4px}.timeline-item:after{content:"";left:calc(var(--baseline) * -10 - 1px);background:var(--accent-red);transform-origin:top;z-index:0;width:2px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:14px;bottom:-20px;transform:scaleY(0)}.timeline-item:hover{transform:translate(16px)}.timeline-item:hover:before{background:var(--accent-red);border-color:var(--accent-red);transform:scale(1.3);box-shadow:0 0 0 4px #d92a1c1a}.timeline-item:hover:after{transform:scaleY(1)}.timeline-year{font-family:var(--font-mono);color:var(--accent-red);margin-bottom:calc(var(--baseline) * 3);letter-spacing:.05em;font-size:11px;font-weight:700;display:block}.timeline-role{font-size:var(--text-lg);margin-bottom:calc(var(--baseline) * 2);color:var(--text-color);font-weight:500;line-height:1.3}.timeline-company{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.skills-container{margin-top:calc(var(--baseline) * 12);gap:calc(var(--baseline) * 3);border-top:2px solid var(--line-color);padding-top:calc(var(--baseline) * 10);flex-wrap:wrap;display:flex}.skill-badge{font-family:var(--font-mono);padding:calc(var(--baseline) * 3) calc(var(--baseline) * 5);border:1px solid var(--line-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;z-index:1;cursor:default;background:0 0;font-size:11px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skill-badge:before{content:"";background:var(--text-color);z-index:-1;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.skill-badge:hover{color:var(--bg-color);border-color:var(--text-color);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 20px -6px #00000026}.skill-badge:hover:before{transform:translate(0)}.skill-badge.reveal{opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.skill-badge.reveal.active{opacity:1;transform:translateY(0)}.view-toggle{border:1px solid var(--line-light);background:var(--bg-color);gap:2px;padding:3px;display:flex}.view-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .3s;display:flex;position:relative}.view-btn svg{fill:var(--text-muted);transition:all .25s cubic-bezier(.16,1,.3,1)}.view-btn:hover svg{fill:var(--text-color)}.view-btn.active{background:var(--text-color)}.view-btn.active svg{fill:var(--bg-color)}.view-container{display:none}.view-container.active{animation:.5s cubic-bezier(.16,1,.3,1) forwards viewEnter;display:block}@keyframes viewEnter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.works-grid{background-color:var(--line-light);border:1px solid var(--line-light);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.work-card{background:var(--bg-color);color:inherit;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.work-card:hover{background:var(--text-color);border-color:var(--line-color);box-shadow:0 24px 48px -12px #00000026;color:var(--bg-color)!important}.work-card:hover .work-card-title,.work-card:hover .work-card-id,.work-card:hover .work-card-year,.work-card:hover .tag{color:var(--bg-color)!important}.work-card:hover .tag{border-color:var(--bg-color)}.work-card-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color .3s}.work-card:before{content:"";background:var(--accent-red);transform-origin:0;z-index:5;height:2px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.work-card:hover:before{transform:scaleX(1)}.work-card-image{aspect-ratio:1;border-bottom:1px solid var(--line-light);background:var(--line-light);position:relative;overflow:hidden}.work-card-image img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.work-card:hover .work-card-image img{filter:grayscale(0%)contrast();transform:scale(1.05)}.work-card-overlay{opacity:0;z-index:2;background:#0006;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.work-card-overlay span{background:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:10px 20px;font-size:11px;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.work-card:hover .work-card-overlay{opacity:1}.work-card:hover .work-card-overlay span{transform:translateY(0)}.work-card-info{padding:calc(var(--baseline) * 4);flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.work-card-meta{margin-bottom:calc(var(--baseline) * 3);justify-content:space-between;align-items:center;display:flex}.work-card-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color .3s}.work-card-title{font-size:var(--text-base);text-transform:uppercase;letter-spacing:-.01em;margin:0;margin-bottom:calc(var(--baseline) * 4);color:var(--text-color);font-weight:500;line-height:1.3;transition:color .3s}.work-card-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.tag{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--line-light);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;font-size:10px}.work-table{border-collapse:collapse;width:100%}.work-row{border-bottom:1px solid var(--line-light);cursor:pointer;transition:background-color .2s,color .2s}.work-row:hover{background-color:var(--text-color);color:var(--bg-color)}.work-row:hover .work-id,.work-row:hover .work-scope,.work-row:hover .work-year{color:var(--bg-color)}.work-cell{padding:calc(var(--baseline) * 6) calc(var(--baseline) * 2);vertical-align:top}.work-id{width:10%;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color .2s}.work-title{width:40%;font-size:var(--text-lg);font-weight:500}.work-scope{width:30%;font-size:var(--text-sm);color:var(--text-muted);transition:color .2s}.work-year{text-align:right;font-variant-numeric:tabular-nums;width:20%;color:var(--text-muted);transition:color .2s}.work-image-container{top:50%;right:calc(var(--baseline) * 12);pointer-events:none;opacity:0;z-index:10;background:var(--line-color);border:1px solid var(--line-color);width:320px;height:400px;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;overflow:hidden;transform:translateY(-50%);box-shadow:0 30px 60px -15px #0003}.work-image-container.visible{opacity:1}.work-img{object-fit:cover;filter:grayscale()contrast(1.2);mix-blend-mode:luminosity;width:100%;height:100%}.approach-hero{margin-bottom:calc(var(--baseline) * 12)}.approach-tagline{font-size:var(--text-xl);max-width:40ch;margin-bottom:calc(var(--baseline) * 6);color:var(--text-color);font-weight:500;line-height:1.3}.approach-lead{font-size:var(--text-lg);color:var(--accent-red);margin-bottom:calc(var(--baseline) * 4);font-weight:500}.approach-content{gap:calc(var(--grid-gap) * 4);grid-template-columns:1fr 1fr;display:grid}.col-left,.col-right{gap:calc(var(--baseline) * 4);flex-direction:column;display:flex}.approach-block{border-left:2px solid var(--line-light);padding-left:calc(var(--baseline) * 6);transition:border-color .3s}.approach-block:hover{border-left-color:var(--accent-red)}.approach-block-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--baseline) * 2)}.marginalia{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--line-light);padding:calc(var(--baseline) * 4);margin-top:calc(var(--baseline) * 8);background:#00000003}.marginalia:before{content:"NOTE: ";color:var(--accent-red)}.principles-grid{gap:var(--grid-gap);margin-top:calc(var(--baseline) * 12);padding-top:calc(var(--baseline) * 8);border-top:1px solid var(--line-light);grid-template-columns:repeat(4,1fr);display:grid}.principle-card{border:1px solid var(--line-light);padding:calc(var(--baseline) * 4);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.principle-card:before{content:"";background:var(--accent-red);transform-origin:0;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.principle-card:hover{border-color:var(--line-color);transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.principle-card:hover:before{transform:scaleX(1)}.principle-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-red);margin-bottom:calc(var(--baseline) * 2);display:block}.principle-title{font-size:var(--text-base);margin-bottom:calc(var(--baseline) * 2);font-weight:500}.principle-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.contact-content{gap:calc(var(--baseline) * 12);flex-direction:column;display:flex}.contact-header{max-width:50ch}.contact-description{font-size:var(--text-base);color:var(--text-muted);margin:calc(var(--baseline) * 4) 0 0 0}.contact-cta{gap:calc(var(--baseline) * 6);padding:calc(var(--baseline) * 8) 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);flex-direction:column;display:flex}.contact-email{color:var(--text-color);cursor:none;flex-direction:column;width:fit-content;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.email-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:calc(var(--baseline) * 2);transition:color .3s}.email-address{font-size:var(--text-xl);padding-bottom:calc(var(--baseline) * 2);font-weight:500;position:relative}.email-address:after{content:"";background:var(--accent-red);transform-origin:0;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.contact-email:hover .email-address:after{transform:scaleX(1)}.contact-email:hover .email-label{color:var(--accent-red)}.email-meta{align-items:center;gap:calc(var(--baseline) * 8);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);row-gap:calc(var(--baseline) * 2);flex-wrap:wrap;display:flex}.status-indicator,.status-indica{align-items:center;gap:calc(var(--baseline) * 2);display:flex}.status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.social-section{gap:calc(var(--baseline) * 4);flex-direction:column;display:flex}.social-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.social-icon{display:none}.social-link{color:var(--text-color);border:1px solid var(--line-light);padding:calc(var(--baseline) * 4);cursor:none;justify-content:space-between;align-items:flex-start;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.social-link:before{content:"";background:var(--accent-red);transform-origin:0;width:100%;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.social-link:hover{border-color:var(--line-color);transform:translateY(-3px);box-shadow:0 12px 24px -8px #0000001a}.social-link:hover:before{transform:scaleX(1)}.social-link-content{gap:calc(var(--baseline));flex-direction:column;display:flex}.social-name{font-size:var(--text-base);font-weight:500;transition:transform .3s}.social-link:hover .social-name{transform:translate(4px)}.social-handle{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);transition:color .3s}.social-link:hover .social-handle{color:var(--text-color)}.social-tag{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--line-light);padding:2px 6px;font-size:10px;transition:all .3s}.social-link:hover .social-tag{border-color:var(--accent-red);color:var(--accent-red)}.contact-footer{margin-top:calc(var(--baseline) * 4)}.footer-divider{background:var(--line-light);height:1px;margin-bottom:calc(var(--baseline) * 6)}.footer-note{font-size:var(--text-sm);color:var(--text-muted);margin:0}.page-coord{bottom:calc(var(--baseline) * 4);right:calc(var(--baseline) * 12);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);position:absolute}body{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}body.transition-crossfade{transition:background-color .6s ease-in-out,color .6s ease-in-out}*,:before,:after{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.asset-3d-container{pointer-events:none;z-index:-1;opacity:0;width:90vh;height:90vh;transition:opacity .8s,transform .8s;animation:1.5s cubic-bezier(.16,1,.3,1) forwards logoEnter;position:fixed;bottom:-25vh;right:-13vh;rotate:2deg}.logo-asset{background-color:var(--text-color);opacity:.08;width:100%;height:100%;-webkit-mask-image:url(/assets/Logo-SmgA_4ED.svg);mask-image:url(/assets/Logo-SmgA_4ED.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes logoEnter{0%{opacity:0;transform:scale(.9)translate(50px,50px)}to{opacity:.6;transform:scale(1)translate(0)}}.asset-3d-container.hidden{opacity:0;transform:scale(.9)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;visibility:hidden;padding:calc(var(--baseline) * 10);background:#000000b3;justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}body.modal-open #content-region{z-index:10000}.modal-container{background:var(--bg-color);border:1px solid var(--line-light);opacity:0;perspective:1000px;border-radius:8px;width:85vw;min-width:900px;max-width:1400px;max-height:90vh;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(30px)scale(.97)rotateX(2deg);box-shadow:0 40px 100px -20px #0006}.modal-overlay.active .modal-container{opacity:1;transform:translateY(0)scale(1)rotateX(0)}.modal-content>*{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.modal-overlay.active .modal-content>*{opacity:1;transform:translateY(0)}.modal-overlay.active .modal-content>.modal-section-id{transition-delay:.1s}.modal-overlay.active .modal-content>.modal-email-hero{transition-delay:.18s}.modal-overlay.active .modal-content>.modal-socials{transition-delay:.26s}.modal-overlay.active .modal-content>.modal-form-title{transition-delay:.34s}.modal-overlay.active .modal-content>.modal-form{transition-delay:.42s}.modal-form>*{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.modal-overlay.active .modal-form>*{opacity:1;transform:translateY(0)}.modal-overlay.active .modal-form>.form-row{transition-delay:.45s}.modal-overlay.active .modal-form>.form-group:nth-child(2){transition-delay:.52s}.modal-overlay.active .modal-form>.form-group:nth-child(3){transition-delay:.59s}.modal-overlay.active .modal-form>.form-actions{transition-delay:.66s}.form-group{margin-bottom:calc(var(--baseline) * 2);position:relative}.form-group:after{content:"";background:var(--accent-red);width:0;height:2px;transition:width .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%}.form-group:focus-within:after{width:100%;left:0}.modal-close{top:calc(var(--baseline) * 8);right:calc(var(--baseline) * 8);border:1px solid var(--line-light);width:44px;height:44px;color:var(--text-color);cursor:pointer;z-index:10;background:0 0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute}.modal-close:hover{background:var(--accent-red);border-color:var(--accent-red);color:var(--bg-color);transform:rotate(90deg)}.modal-close svg{width:18px;height:18px}.modal-content{padding:calc(var(--baseline) * 20) calc(var(--baseline) * 16)}.modal-section-id{font-family:var(--font-mono);color:var(--accent-red);letter-spacing:.15em;text-transform:uppercase;margin-bottom:calc(var(--baseline) * 6);font-size:12px;display:block}.modal-email-hero{margin-bottom:calc(var(--baseline) * 12);padding-bottom:calc(var(--baseline) * 10);border-bottom:1px solid var(--line-light)}.modal-email-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:calc(var(--baseline) * 4);display:block}.modal-email-big{letter-spacing:-.02em;color:var(--text-color);cursor:pointer;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.1;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.modal-email-big:after{content:"";background:var(--accent-red);transform-origin:0;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.modal-email-big:hover{color:var(--accent-red)}.modal-email-big:hover:after{transform:scaleX(1)}.modal-socials{gap:calc(var(--baseline) * 8);margin-bottom:calc(var(--baseline) * 12);display:flex}.modal-social-link{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:calc(var(--baseline) * 2) 0;font-size:11px;text-decoration:none;transition:color .3s;position:relative}.modal-social-link:after{content:"";background:var(--accent-red);transform-origin:0;width:100%;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.modal-social-link:hover{color:var(--text-color)}.modal-social-link:hover:after{transform:scaleX(1)}.modal-form-title{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:calc(var(--baseline) * 8);color:var(--text-color);font-weight:500}.modal-form{gap:calc(var(--baseline) * 6);flex-direction:column;display:flex}.form-group{position:relative}.form-group label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:calc(var(--baseline) * 2);font-size:10px;transition:color .3s;display:block}.form-group:focus-within label{color:var(--accent-red)}.form-input{width:100%;padding:calc(var(--baseline) * 3) 0 calc(var(--baseline) * 4);border:none;border-bottom:1px solid var(--line-color);color:var(--text-color);font-family:var(--font-sans);font-size:var(--text-base);background:0 0;outline:none;font-weight:400;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-input:hover{border-color:var(--text-muted)}.form-input:focus{border-color:var(--accent-red)}.form-input::placeholder{color:var(--text-muted);opacity:.5}textarea.form-input{resize:vertical;min-height:120px;line-height:1.6}.form-row{gap:calc(var(--baseline) * 6);grid-template-columns:1fr 1fr;display:grid}.form-actions{margin-top:calc(var(--baseline) * 8);justify-content:flex-end;gap:calc(var(--baseline) * 4);display:flex}.modal-btn{padding:calc(var(--baseline) * 4) calc(var(--baseline) * 8);font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #0000;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1)}.modal-btn-secondary{color:var(--text-muted);border-color:var(--line-light)}.modal-btn-secondary:hover{border-color:var(--text-color);color:var(--text-color)}.modal-btn-primary{color:var(--text-color);border-color:var(--text-color);position:relative;overflow:hidden}.modal-btn-primary:before{content:"";background:var(--accent-red);transform-origin:100%;z-index:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.modal-btn-primary:hover:before{transform-origin:0;transform:scaleX(1)}.modal-btn-primary:hover{border-color:var(--accent-red);color:var(--bg-color)}.modal-btn-primary span{z-index:1;position:relative}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-btn-primary:disabled:before{display:none}.modal-container::-webkit-scrollbar{width:4px}.modal-container::-webkit-scrollbar-track{background:0 0}.modal-container::-webkit-scrollbar-thumb{background:var(--line-light);border-radius:2px}.modal-container::-webkit-scrollbar-thumb:hover{background:var(--accent-red)}.overflow-hidden{overflow:hidden}.reveal-slide-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards revealSlideUp;transform:translateY(100%)}@keyframes revealSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-fab,.mobile-nav-overlay{display:none}@media (width<=1024px){body{display:block}#content-region{padding:0;width:100%!important;margin-left:0!important}.section-inner{padding-left:0;padding-right:0}#nav-region.desktop-nav{display:none}.mobile-fab{background:var(--bg-color);border:1px solid var(--line-light);z-index:5000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000026}.mobile-fab:active{transform:scale(.9)}.fab-icon-container{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.fab-logo{transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;width:24px!important;height:24px!important}.fab-close-icon{opacity:0;color:var(--text-color);transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;transform:rotate(-45deg)scale(.5)}.mobile-fab.active .fab-logo{opacity:0;transform:rotate(90deg)scale(.5)}.mobile-fab.active .fab-close-icon{opacity:1;transform:rotate(0)scale(1)}.mobile-nav-overlay{background:var(--bg-color);z-index:4999;opacity:0;pointer-events:none;flex-direction:column;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(20px)}.mobile-nav-overlay.open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav-content{flex-direction:column;height:100%;padding:40px 24px;display:flex;overflow-y:auto}.mobile-nav-header{align-items:center;gap:16px;margin-bottom:40px;display:flex}.mobile-nav-header .logo-icon{width:40px;height:40px}.mobile-header-text .title{text-transform:uppercase;font-size:1.1rem;font-weight:600}.mobile-nav-list{margin:0;padding:0;list-style:none}.mobile-nav-link{color:var(--text-color);text-transform:uppercase;opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--index) * 80ms);align-items:baseline;gap:20px;padding:8px 0;font-size:1.6rem;font-weight:600;text-decoration:none;display:flex;transform:translateY(20px)}.mobile-nav-overlay.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-nav-link .num{font-family:var(--font-mono);color:var(--accent-red);font-size:.9rem}.mobile-nav-link.active .label{color:var(--accent-red)}.mobile-nav-bottom{margin-top:auto;padding-top:40px}.setting-group{margin-bottom:24px}.setting-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:10px;display:block}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-dot{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:44px;display:flex;position:relative}.theme-name{font-family:var(--font-mono);text-transform:uppercase;color:inherit;filter:invert()grayscale()contrast(100);opacity:.5;font-size:8px}.theme-dot.active{box-shadow:inset 0 0 0 2px var(--accent-red)}.lang-switcher{gap:8px;display:flex}.lang-switcher button{border:1px solid var(--line-light);color:var(--text-color);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;flex:1;padding:12px;font-size:12px}.lang-switcher button.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.mobile-footer{flex-direction:column;gap:8px;margin-top:32px;display:flex}.meta-row{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}section{padding:calc(var(--baseline) * 12) calc(var(--baseline) * 5);min-height:auto}.section-header{align-items:flex-start;gap:calc(var(--baseline) * 2);margin-bottom:calc(var(--baseline) * 8);flex-direction:column}.section-title-wrap{gap:calc(var(--baseline) * 3);grid-template-columns:auto 1fr}.section-num,.section-title{font-size:var(--text-base)}.sys-clock,.page-coord{display:none}.asset-3d-container{width:50vh;height:50vh;bottom:-10vh;right:-10vh}#intro{padding-top:calc(var(--baseline) * 12)}.intro-header{gap:calc(var(--baseline) * 4);flex-direction:column}.intro-availability{text-align:left}.hero-section{gap:calc(var(--baseline) * 8);grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.hero-stat-card{min-width:unset;max-width:160px}.hero-title,.rotator-line{font-size:clamp(2.2rem,10vw,4rem)!important}.hero-title-animated{height:2.8em;overflow:hidden}.text-rotator{height:2.8em}.hero-actions{align-items:flex-start;gap:calc(var(--baseline) * 4);flex-direction:column}.intro-footer{gap:calc(var(--baseline) * 3);grid-template-columns:repeat(2,1fr)}.matrix-main-grid{grid-template-columns:1fr}.matrix-side-blocks{grid-template-rows:auto auto}.matrix-block-header{gap:calc(var(--baseline) * 2);flex-wrap:wrap}.matrix-filters{flex-wrap:wrap;width:100%}.matrix-select{flex:1;max-width:none}.about-grid{gap:calc(var(--baseline) * 10);grid-template-columns:1fr}.about-photo-col{position:static}.about-bio h3{font-size:clamp(1.8rem,6vw,3rem)}.works-grid{grid-template-columns:repeat(2,1fr)}.work-cell.work-id,.work-cell.work-scope{display:none}.work-title{width:70%;font-size:var(--text-base)}.work-year{width:30%}.work-image-container{display:none}.approach-content{gap:calc(var(--baseline) * 8);grid-template-columns:1fr}.approach-tagline{font-size:clamp(1.5rem,5vw,3rem)}.principles-grid,.social-grid{grid-template-columns:repeat(2,1fr)}.email-address{word-break:break-all;font-size:clamp(1.2rem,5vw,3rem)}.contact-footer>div{gap:calc(var(--baseline) * 4);flex-direction:column}.modal-overlay{padding:0}.modal-container{min-width:unset;border:none;border-radius:0;width:100%;max-height:100vh}.modal-content{padding:calc(var(--baseline) * 10) calc(var(--baseline) * 6)}.form-row{grid-template-columns:1fr}.modal-socials{gap:calc(var(--baseline) * 4);flex-wrap:wrap}.modal-email-big{font-size:clamp(1.5rem,5vw,3rem)}.form-actions{flex-direction:column}.form-actions .modal-btn{text-align:center;width:100%}.section-inner{max-width:100%;overflow-x:hidden}.email-meta{flex-direction:column;align-items:flex-start;gap:8px}.contact-header h2{word-break:break-word;font-size:clamp(1.8rem,6vw,3rem)}.approach-lead{font-size:var(--text-base)}.hero-eyebrow{font-size:10px}.cta-primary svg{width:14px;height:14px}.stat-value,.metric-value{font-size:clamp(1.5rem, 8vw, var(--text-xl))}.metric-card{padding:calc(var(--baseline) * 2)}.matrix-metrics{grid-template-columns:repeat(2,1fr)}.skills-container{gap:calc(var(--baseline) * 2)}.skill-badge{padding:calc(var(--baseline) * 2) calc(var(--baseline) * 3);font-size:10px}.timeline-role{font-size:var(--text-base)}.hero-visual{display:none}.intro-footer{gap:calc(var(--baseline) * 3);flex-wrap:wrap;display:flex}.spec-card{min-width:140px;padding:calc(var(--baseline) * 3);flex:calc(50% - 6px)}.spec-card .label{font-size:9px}.spec-card .value{font-size:var(--text-sm)}.matrix-side-blocks--desktop{display:none}.matrix-stats-grid{grid-template-columns:repeat(2,1fr)!important}.work-row:nth-child(n+5),.work-card:nth-child(n+5){display:none}.social-grid{gap:calc(var(--baseline) * 2);display:grid;grid-template-columns:repeat(4,1fr)!important}.social-link{text-align:center;padding:calc(var(--baseline) * 3) calc(var(--baseline) * 2);justify-content:center;align-items:center;gap:calc(var(--baseline) * 2);flex-direction:column}.social-icon{color:var(--text-color);opacity:.8;display:block!important}.social-link-content{flex-direction:column;align-items:center;gap:0}.social-handle,.social-tag{display:none!important}.social-name{text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:10px}}@media (width<=768px){.intro-footer{grid-template-columns:1fr}.principles-grid{grid-template-columns:1fr;gap:8px}.principles-grid .principle-card{padding:calc(var(--baseline) * 2) calc(var(--baseline) * 4);align-items:center;gap:16px;display:flex}.principles-grid .principle-num{min-width:45px;margin-bottom:0}.principles-grid .principle-title{font-size:var(--text-sm);margin:0}.principles-grid .principle-desc{display:none}.social-grid{grid-template-columns:repeat(4,1fr)!important}.works-grid{grid-template-columns:1fr}}@media (width<=480px){.matrix-stats-grid{grid-template-columns:repeat(2,1fr)!important}.telemetry-grid{grid-template-columns:1fr 1fr}section{padding:calc(var(--baseline) * 8) calc(var(--baseline) * 4)}}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-cross{display:none!important}*{cursor:auto!important}}.cookie-consent-overlay{z-index:99999;width:380px;max-width:calc(100vw - 48px);animation:.6s cubic-bezier(.16,1,.3,1) both cookieSlideIn;position:fixed;bottom:24px;right:24px}.cookie-container{background:var(--bg-color);border:1px solid var(--line-light);-webkit-backdrop-filter:none;padding:calc(var(--baseline) * 4);position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.cookie-container:before{content:"";background:var(--accent-red);width:100%;height:2px;position:absolute;top:0;left:0}.cookie-header{margin-bottom:calc(var(--baseline) * 2);justify-content:space-between;align-items:center;display:flex}.cookie-id{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10px}.cookie-dot-active{background:var(--accent-red);width:6px;height:6px;box-shadow:0 0 8px var(--accent-red);border-radius:50%}.cookie-text{font-size:var(--text-xs);color:var(--text-color);margin-bottom:calc(var(--baseline) * 4);line-height:1.6}.cookie-actions{gap:calc(var(--baseline) * 2);justify-content:flex-end;display:flex}.cookie-btn{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:calc(var(--baseline) * 2) calc(var(--baseline) * 4);cursor:none;border:1px solid #0000;font-size:10px;transition:all .3s}.cookie-btn-decline{border-color:var(--line-light);color:var(--text-color);background:0 0}.cookie-btn-decline:hover{border-color:var(--text-color);background:#ffffff08}.cookie-btn-accept{background:var(--text-color);color:var(--bg-color)}.cookie-btn-accept:hover{opacity:.9;transform:translateY(-1px)}@keyframes cookieSlideIn{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.cookie-consent-overlay{max-width:calc(100vw - 32px);bottom:16px;right:16px}.cookie-container{padding:calc(var(--baseline) * 3)}.cookie-actions{gap:calc(var(--baseline) * 2);width:100%}.cookie-btn{text-align:center;flex:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid var(--line-light)}::-webkit-scrollbar-thumb{background:var(--line-color);border:1px solid var(--bg-color);transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent-red)}@media (width<=1024px){::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}}section,.contact-section{z-index:3;position:relative;background:0 0!important}section#contact{z-index:10;position:relative;background:var(--bg-color)!important}.outro-section{background:var(--text-color);color:var(--bg-color);padding:calc(var(--baseline) * 12) calc(var(--baseline) * 6);text-align:center;z-index:1;border-top:1px solid var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex;position:sticky;bottom:0}.outro-grid-lines{pointer-events:none;opacity:.05;position:absolute;inset:0}.outro-grid-line.line-h{background:var(--bg-color);width:100%;height:1px;position:absolute;top:50%;left:0}.outro-grid-line.line-v{background:var(--bg-color);width:1px;height:100%;position:absolute;top:0;left:50%}.outro-content{z-index:3;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;display:flex}.outro-terminal-panel{width:100%;max-width:600px;font-family:var(--font-mono);letter-spacing:.1em;color:var(--bg-color);opacity:.45;border-bottom:1px solid rgba(from var(--bg-color) r g b / .15);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:8px;font-size:10px;display:flex}.outro-meta-code{text-align:left}.outro-meta-live{text-align:right;font-variant-numeric:tabular-nums}.outro-name-container{margin:4px 0;padding:0 20px;position:relative;overflow:visible}.outro-name-giant{font-family:var(--font-sans);letter-spacing:-.04em;text-transform:uppercase;color:var(--bg-color);cursor:pointer;white-space:nowrap;margin:0;font-size:clamp(2rem,7vw,7.8rem);font-weight:900;line-height:.85;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.outro-name-giant:before,.outro-name-giant:after{content:attr(data-text);width:100%;height:100%;clip-path:rect(0 0 0 0);opacity:0;background:0 0;position:absolute;top:0;left:0}.outro-name-giant:before{text-shadow:-2px 0 var(--accent-red);color:var(--bg-color);left:2px}.outro-name-giant:after{text-shadow:2px 0 #3b82f6;color:var(--bg-color);left:-2px}.outro-name-giant:hover{transform:scale(1.02)}.outro-name-giant:hover:before{opacity:.85;animation:1s linear infinite alternate-reverse glitch-anim-1}.outro-name-giant:hover:after{opacity:.85;animation:1s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip-path:inset(40% 0 61%)}20%{clip-path:inset(92% 0 1%)}40%{clip-path:inset(25% 0 58%)}60%{clip-path:inset(76% 0 5%)}80%{clip-path:inset(3% 0 88%)}to{clip-path:inset(54% 0 32%)}}@keyframes glitch-anim-2{0%{clip-path:inset(24% 0 71%)}20%{clip-path:inset(8% 0 91%)}40%{clip-path:inset(62% 0 18%)}60%{clip-path:inset(89% 0 3%)}80%{clip-path:inset(14% 0 55%)}to{clip-path:inset(33% 0 45%)}}.outro-telemetry-row{justify-content:center;align-items:center;gap:calc(var(--baseline) * 6);flex-wrap:wrap;width:100%;max-width:600px;margin:15px 0;display:flex}.telemetry-box{border:1px solid rgba(from var(--bg-color) r g b / .15);background:rgba(from var(--bg-color) r g b / .02);border-radius:2px;flex-direction:column;flex:1;align-items:center;min-width:135px;padding:8px 16px;display:flex}.telemetry-box .box-label{font-family:var(--font-mono);color:var(--bg-color);opacity:.4;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:8px}.telemetry-box .box-value{font-family:var(--font-mono);color:var(--bg-color);letter-spacing:.05em;font-size:10px;font-weight:500}.telemetry-box .text-glow-green{text-shadow:0 0 8px #22c55e66;color:#22c55e!important}.outro-scroll-top-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--bg-color);background:0 0;border:none;align-items:center;gap:6px;margin-top:10px;margin-bottom:15px;padding:10px 24px;font-size:10px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.outro-scroll-top-btn .btn-bracket{color:var(--accent-red);font-weight:700;transition:transform .3s}.outro-scroll-top-btn .btn-text{position:relative}.outro-scroll-top-btn .btn-text:after{content:"";background:var(--bg-color);width:0%;height:1px;transition:width .3s;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.outro-scroll-top-btn:hover{color:var(--accent-red);letter-spacing:.18em}.outro-scroll-top-btn:hover .btn-bracket:first-child{transform:translate(-4px)}.outro-scroll-top-btn:hover .btn-bracket:last-child{transform:translate(4px)}.outro-scroll-top-btn:hover .btn-text:after{background:var(--accent-red);width:100%}.outro-footer-meta{align-items:center;gap:calc(var(--baseline) * 3);font-family:var(--font-mono);letter-spacing:.1em;color:var(--bg-color);opacity:.35;font-size:9px;display:flex}.outro-dot{background:var(--bg-color);border-radius:50%;width:4px;height:4px}.not-found-container{min-height:calc(100vh - 200px);padding:calc(var(--baseline) * 8) calc(var(--baseline) * 4);background:var(--bg-color);z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.terminal-monitor{background:var(--bg-card);border:1px solid var(--line-light);border-radius:8px;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.terminal-monitor:before{content:"";background:var(--accent-red);width:100%;height:2px;position:absolute;top:0;left:0}.terminal-header{padding:calc(var(--baseline) * 3) calc(var(--baseline) * 4);border-bottom:1px solid var(--line-light);background:#ffffff03;align-items:center;gap:8px;display:flex}.terminal-dot-warning{background:var(--accent-red);border-radius:50%;width:8px;height:8px;animation:1s infinite alternate clock-flash}@keyframes clock-flash{0%{opacity:.3}to{opacity:1}}.terminal-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10px}.terminal-body{padding:calc(var(--baseline) * 6) calc(var(--baseline) * 8);gap:calc(var(--baseline) * 4);flex-direction:column;display:flex}.error-code{letter-spacing:-.04em;color:var(--accent-red);text-shadow:0 0 20px rgba(var(--accent-red), .2);font-size:clamp(4rem,15vw,6.5rem);font-weight:900;line-height:1}.error-message{font-size:var(--text-sm);color:var(--text-color);letter-spacing:.05em;border-left:2px solid var(--accent-red);margin-bottom:calc(var(--baseline) * 2);padding-left:12px;font-weight:500}.diagnostic-log{border:1px solid var(--line-light);padding:calc(var(--baseline) * 4);font-family:var(--font-mono);letter-spacing:.05em;background:#0000000d;flex-direction:column;gap:4px;font-size:10px;line-height:1.6;display:flex}[data-theme=dark] .diagnostic-log,[data-theme=navy] .diagnostic-log,[data-theme=terminal] .diagnostic-log{background:#ffffff05}.log-line{margin:0}.log-line.text-muted{color:var(--text-muted)}.log-line.text-accent,.log-line.text-success{color:var(--accent-red)}.recovery-bar-wrap{background:var(--line-light);width:100%;height:4px;margin-top:8px;position:relative;overflow:hidden}.recovery-bar-fill{background:var(--accent-red);width:0%;height:100%;position:absolute;top:0;left:0}.terminal-actions{margin-top:calc(var(--baseline) * 4);display:flex}.terminal-btn-recovery{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:calc(var(--baseline) * 3) calc(var(--baseline) * 6);background:var(--text-color);color:var(--bg-color);cursor:none;text-align:center;border:1px solid #0000;width:100%;font-size:10px;transition:all .3s cubic-bezier(.16,1,.3,1)}.terminal-btn-recovery:hover:not(:disabled){color:var(--text-color);border-color:var(--text-color);background:0 0;transform:translateY(-1px)}.terminal-btn-recovery:disabled{opacity:.5}@media (width<=480px){.terminal-body{padding:calc(var(--baseline) * 4) calc(var(--baseline) * 4)}}@media (width<=768px){.outro-section{padding:calc(var(--baseline) * 8) calc(var(--baseline) * 4)}}.crt-overlay{pointer-events:none;z-index:99999;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;animation:25s linear infinite crt-scanlines;position:fixed;top:0;left:0}.crt-overlay:before{content:" ";opacity:.25;pointer-events:none;z-index:100000;background:radial-gradient(circle,#12101000 60%,#0006 100%);display:block;position:absolute;inset:0}@keyframes crt-scanlines{0%{background-position:0 0}to{background-position:0 100%}}.space-dust-canvas{transition:opacity .5s}.border-top-settings{border-top:1px solid var(--line-light);margin-top:calc(var(--baseline) * 3)!important;padding-top:calc(var(--baseline) * 2)!important}.advanced-toggle-trigger{font-family:var(--font-mono);letter-spacing:.08em;border:1px dashed var(--line-light);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:4px;width:100%;padding:6px 12px;font-size:10px;font-weight:500;transition:all .25s}.advanced-toggle-trigger:hover,.advanced-toggle-trigger.active{border-color:var(--accent-red);color:var(--accent-red);background:rgba(var(--accent-red), .03)}.settings-advanced-subpopup{margin-top:calc(var(--baseline) * 2);gap:calc(var(--baseline) * 2);padding-top:calc(var(--baseline) * 2);border-top:1px dashed var(--line-light);flex-direction:column;display:flex}.settings-row-advanced-trigger{margin-top:calc(var(--baseline) * 2);width:100%}.advanced-toggle-trigger-mini{font-family:var(--font-mono);letter-spacing:.05em;border:1px dashed var(--line-light);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:3px;width:100%;padding:4px 8px;font-size:9px;font-weight:500;transition:all .2s}.advanced-toggle-trigger-mini:hover,.advanced-toggle-trigger-mini.active{border-color:var(--accent-red);color:var(--accent-red)}.settings-expanded-advanced-pane{gap:calc(var(--baseline) * 2);margin-top:calc(var(--baseline) * 2);padding-top:calc(var(--baseline) * 2);border-top:1px dashed var(--line-light);flex-direction:column;width:100%;display:flex}.dust-toggle-popup,.crt-toggle-popup{gap:8px;display:flex}.dust-toggle-btn,.crt-toggle-btn{font-family:var(--font-mono);border:1px solid var(--line-light);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:4px;width:60px;padding:6px 12px;font-size:11px;transition:all .2s}.dust-toggle-btn:hover,.crt-toggle-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.dust-toggle-btn.active,.crt-toggle-btn.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.dust-toggle-mini,.crt-toggle-mini{display:flex}.dust-toggle-btn-mini,.crt-toggle-btn-mini{font-family:var(--font-mono);border:1px solid var(--line-light);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:4px;min-width:50px;padding:4px 10px;font-size:10px;transition:all .2s}.dust-toggle-btn-mini:hover,.crt-toggle-btn-mini:hover{border-color:var(--accent-red);color:var(--accent-red)}.dust-toggle-btn-mini.active,.crt-toggle-btn-mini.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.settings-label-slider-wrap,.settings-mini-label-slider-wrap{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.settings-slider-value{font-family:var(--font-mono);color:var(--accent-red);font-size:10px;font-weight:700}.settings-row-slider{flex-direction:column;gap:2px;width:100%;display:flex}.dust-slider-popup-wrap{width:100%;padding-top:2px}.cyber-range-slider{appearance:none;background:var(--line-light);cursor:none;border-radius:2px;outline:none;width:100%;height:3px;margin:6px 0}.cyber-range-slider::-webkit-slider-thumb{appearance:none;background:var(--text-color);border:1px solid var(--bg-card);border-radius:50%;width:10px;height:10px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 4px #0003}.cyber-range-slider:hover::-webkit-slider-thumb{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);transform:scale(1.3)}.cyber-range-slider:active::-webkit-slider-thumb{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);transform:scale(1.3)}.cyber-range-slider::-moz-range-thumb{border:1px solid var(--bg-card);background:var(--text-color);cursor:none;border-radius:50%;width:10px;height:10px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 4px #0003}.cyber-range-slider:hover::-moz-range-thumb{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);transform:scale(1.3)}.cyber-range-slider:active::-moz-range-thumb{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);transform:scale(1.3)}.archive-section,.project-details-page,.blog-section{z-index:10;background:var(--bg-color)!important}@media (width<=1250px){.hero-section{gap:calc(var(--baseline) * 8);grid-template-columns:1fr}.hero-visual{justify-content:flex-start}}.archive-section{padding:calc(var(--baseline) * 24) calc(var(--baseline) * 12);min-height:100vh}.btn-view-all{justify-content:center;align-items:center;gap:calc(var(--baseline) * 3);padding:calc(var(--baseline) * 4) calc(var(--baseline) * 8);color:var(--text-color);border:1px solid var(--line-color);font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-top:calc(var(--baseline) * 8);background:0 0;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-view-all:before{content:"";background:var(--text-color);transform-origin:100%;z-index:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.btn-view-all:hover:before{transform-origin:0;transform:scaleX(1)}.btn-view-all:hover{color:var(--bg-color);border-color:var(--text-color)}.btn-view-all span,.btn-view-all svg{z-index:1;transition:transform .3s;position:relative}.btn-view-all svg{width:16px;height:16px}.btn-view-all:hover svg{transform:translate(4px)}.archive-toolbar{justify-content:space-between;align-items:center;gap:calc(var(--baseline) * 6);margin-bottom:calc(var(--baseline) * 12);background:var(--bg-color);z-index:50;padding:calc(var(--baseline) * 4) 0;border-bottom:1px solid var(--line-light);flex-wrap:wrap;display:flex;position:sticky;top:0}.search-wrapper{flex-grow:1;min-width:280px;max-width:400px;position:relative}.search-wrapper svg{color:var(--text-muted);width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{border:1px solid var(--line-light);width:100%;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;background:0 0;padding:12px 16px 12px 48px;transition:all .3s}.search-input:focus{border-color:var(--text-color);box-shadow:0 0 0 1px var(--text-color);outline:none}.search-input::placeholder{color:var(--text-muted)}.filters-group{gap:calc(var(--baseline) * 4);flex-wrap:wrap;display:flex}.dropdown{position:relative}.dropdown-btn{border:1px solid var(--line-light);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;background:0 0;align-items:center;gap:12px;padding:12px 20px;transition:all .3s;display:flex}.dropdown-btn:hover{border-color:var(--text-color)}.dropdown-btn svg{width:14px;height:14px;transition:transform .3s}.dropdown.active .dropdown-btn svg{transform:rotate(180deg)}.dropdown.active .dropdown-btn{border-color:var(--text-color);background:var(--text-color);color:var(--bg-color)}.dropdown-menu{background:#f4f4f4d9;background:color-mix(in srgb, var(--bg-color) 90%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-color);width:220px;padding:calc(var(--baseline) * 2);opacity:0;visibility:hidden;z-index:100;flex-direction:column;gap:2px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 4px);left:0;transform:translateY(10px);box-shadow:0 20px 40px -10px #0000001a}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.filter-option{font-family:var(--font-mono);color:var(--text-color);text-transform:uppercase;align-items:center;gap:12px;padding:10px 12px;font-size:11px;transition:background .2s;display:flex}.filter-option:hover{background:#0000000d}[data-theme=dark] .filter-option:hover,[data-theme=navy] .filter-option:hover{background:#ffffff0d}.filter-option input[type=checkbox]{appearance:none;border:1px solid var(--text-muted);background:0 0;border-radius:2px;place-content:center;width:14px;height:14px;transition:all .2s;display:grid}.filter-option input[type=checkbox]:before{content:"";width:8px;height:8px;box-shadow:inset 1em 1em var(--accent-red);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.filter-option input[type=checkbox]:checked{border-color:var(--accent-red)}.filter-option input[type=checkbox]:checked:before{transform:scale(1)}.project-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);transition:opacity .4s;display:grid}.project-card{border:1px solid var(--line-light);background:var(--bg-color);color:inherit;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.project-card:before{content:"";background:var(--accent-red);transform-origin:0;z-index:10;height:3px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:-1px;left:-1px;right:-1px;transform:scaleX(0)}.project-card:hover{border-color:var(--line-color);transform:translateY(-8px);box-shadow:0 30px 60px -15px #0000001a}.project-card:hover:before{transform:scaleX(1)}.card-image-wrap{aspect-ratio:1;border-bottom:1px solid var(--line-light);background:var(--line-light);width:100%;position:relative;overflow:hidden}.card-image-wrap img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:all .7s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-image-wrap img{filter:grayscale(0%)contrast();transform:scale(1.05)}.card-status{font-family:var(--font-mono);background:var(--bg-color);border:1px solid var(--line-color);text-transform:uppercase;z-index:2;align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:flex;position:absolute;top:12px;right:12px}.status-indicator{border-radius:50%;width:6px;height:6px}.status-completed{background:#22c55e}.status-progress{background:#eab308}.status-case{background:#3b82f6}.card-content{padding:calc(var(--baseline) * 6);flex-direction:column;flex-grow:1;display:flex}.card-meta{margin-bottom:calc(var(--baseline) * 4);font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.card-id{color:var(--accent-red)}.card-title{font-size:var(--text-lg);text-transform:uppercase;margin-bottom:calc(var(--baseline) * 3);font-weight:500;line-height:1.2;transition:color .3s}.project-card:hover .card-title{color:var(--accent-red)}.card-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:calc(var(--baseline) * 6);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.card-bottom{gap:calc(var(--baseline) * 5);flex-direction:column;margin-top:auto;display:flex}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{font-family:var(--font-mono);border:1px solid var(--line-light);color:var(--text-muted);text-transform:uppercase;padding:4px 8px;font-size:9px}.card-action{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-color);border-top:1px solid var(--line-light);padding-top:calc(var(--baseline) * 4);justify-content:space-between;align-items:center;font-size:11px;transition:all .3s;display:flex}.card-action svg{width:14px;height:14px;transition:transform .3s}.project-card:hover .card-action{border-color:var(--line-color)}.project-card:hover .card-action svg{color:var(--accent-red);transform:translate(5px)rotate(-45deg)}.project-list{border-top:1px solid var(--line-light);flex-direction:column;transition:opacity .4s;display:none}.list-row{gap:calc(var(--baseline) * 6);padding:calc(var(--baseline) * 4) 0;border-bottom:1px solid var(--line-light);color:inherit;grid-template-columns:80px 1fr 2fr 1.5fr auto;align-items:center;text-decoration:none;transition:all .3s;display:grid;position:relative}.list-row:after{content:"";background:var(--accent-red);width:0%;height:2px;transition:width .4s;position:absolute;bottom:-1px;left:0}.list-row:hover{padding-left:calc(var(--baseline) * 4);padding-right:calc(var(--baseline) * 4);background:#00000005}[data-theme=dark] .list-row:hover,[data-theme=navy] .list-row:hover{background:#ffffff08}.list-row:hover:after{width:100%}.list-thumb{border:1px solid var(--line-light);width:80px;height:50px;overflow:hidden}.list-thumb img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s}.list-row:hover .list-thumb img{filter:grayscale(0%)}.list-info{flex-direction:column;gap:4px;display:flex}.list-title{font-size:var(--text-base);text-transform:uppercase;font-weight:500}.list-row:hover .list-title{color:var(--accent-red)}.list-type{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.list-desc{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.list-tags{flex-wrap:wrap;gap:6px;display:flex}.list-action{opacity:0;border:1px solid var(--line-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;transform:translate(-10px)}.list-row:hover .list-action{opacity:1;background:var(--text-color);color:var(--bg-color);transform:translate(0)}.pagination{justify-content:center;align-items:center;gap:calc(var(--baseline) * 2);margin-top:calc(var(--baseline) * 16);padding-top:calc(var(--baseline) * 8);border-top:1px solid var(--line-light);display:flex}.page-btn{border:1px solid var(--line-light);width:40px;height:40px;font-family:var(--font-mono);color:var(--text-color);background:0 0;justify-content:center;align-items:center;font-size:12px;text-decoration:none;transition:all .3s;display:flex}.page-btn:hover:not(.disabled){border-color:var(--text-color);background:#00000008}[data-theme=dark] .page-btn:hover:not(.disabled),[data-theme=navy] .page-btn:hover:not(.disabled){background:#ffffff0d}.page-btn.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.page-btn.disabled{color:var(--line-light);border-color:var(--line-light);pointer-events:none}.page-dots{font-family:var(--font-mono);color:var(--text-muted);padding:0 8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.project-grid{grid-template-columns:repeat(2,1fr)}.list-row{grid-template-columns:80px 1fr 1.5fr auto}.list-desc{display:none}}@media (width<=1024px){.archive-section{padding:calc(var(--baseline) * 12) calc(var(--baseline) * 5);min-height:auto}.archive-toolbar{align-items:stretch;gap:calc(var(--baseline) * 3);margin-bottom:calc(var(--baseline) * 6);flex-direction:column}.search-wrapper{max-width:none;min-width:unset;width:100%}.search-input{padding:10px 12px 10px 40px;font-size:11px}.filters-group{-webkit-overflow-scrolling:touch;gap:calc(var(--baseline) * 2);flex-wrap:nowrap;width:100%;overflow-x:auto}.dropdown-btn{white-space:nowrap;padding:10px 14px;font-size:10px}.view-toggle{align-self:flex-end}.card-title{font-size:var(--text-base)}.card-content{padding:calc(var(--baseline) * 4)}.list-row{grid-template-columns:80px 1fr auto}.list-tags{display:none}.card-action{letter-spacing:.05em;font-size:10px}}@media (width<=768px){.project-grid{grid-template-columns:1fr}.list-row{gap:calc(var(--baseline) * 2);grid-template-columns:1fr}.list-thumb{width:100%;height:140px}.list-action{display:none}.pagination{flex-wrap:wrap}}.view-section{padding:calc(var(--baseline) * 24) calc(var(--baseline) * 12);min-height:100vh;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.section-inner{flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.detail-toolbar{margin-bottom:calc(var(--baseline) * 12);justify-content:space-between;align-items:center;display:flex}.back-btn{align-items:center;gap:calc(var(--baseline) * 3);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-color);border:1px solid var(--line-light);padding:10px 20px;font-size:11px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.back-btn:before{content:"";background:var(--text-color);transform-origin:100%;z-index:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.back-btn:hover:before{transform-origin:0;transform:scaleX(1)}.back-btn span,.back-btn svg{z-index:1;transition:all .3s;position:relative}.back-btn svg{width:14px;height:14px}.back-btn:hover{border-color:var(--text-color)}.back-btn:hover span,.back-btn:hover svg{color:var(--bg-color)}.back-btn:hover svg{transform:translate(-4px)}.detail-header{margin-bottom:calc(var(--baseline) * 12)}.detail-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-red);margin-bottom:calc(var(--baseline) * 4);display:block}.detail-title{text-transform:uppercase;margin-bottom:calc(var(--baseline) * 6);letter-spacing:-.03em;max-width:20ch;font-size:clamp(3rem,5vw,5.5rem);font-weight:500;line-height:.95}.detail-meta-grid{gap:calc(var(--grid-gap));border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);padding:calc(var(--baseline) * 6) 0;margin-bottom:calc(var(--baseline) * 12);grid-template-columns:repeat(4,1fr);display:grid}.meta-item{gap:calc(var(--baseline) * 2);border-right:1px solid var(--line-light);padding-right:calc(var(--baseline) * 4);flex-direction:column;display:flex}.meta-item:last-child{border-right:none}.meta-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:10px}.meta-value{font-size:var(--text-base);font-weight:500}.detail-hero{aspect-ratio:2.2;width:100%;margin-bottom:calc(var(--baseline) * 16);border:1px solid var(--line-light);background:var(--bg-color);position:relative;overflow:hidden}.detail-hero img{object-fit:cover;background:var(--bg-color);width:100%;height:100%;transition:all .8s cubic-bezier(.16,1,.3,1)}.detail-hero:hover img{transform:scale(1.02)}.hero-video-hover{object-fit:cover;background:var(--bg-color);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.detail-content-grid{gap:calc(var(--baseline) * 12);grid-template-columns:1fr 280px;align-items:start;display:grid}.detail-body{gap:calc(var(--baseline) * 16);flex-direction:column;display:flex}.detail-sections-wrap{gap:calc(var(--baseline) * 12);flex-wrap:wrap;display:flex}.content-section{gap:calc(var(--baseline) * 3);flex-direction:column;flex:300px;display:flex}.content-section h2{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:-.02em;padding-bottom:calc(var(--baseline) * 3);font-weight:600;position:relative}.content-section h2:after{content:"";background:var(--accent-red);width:60px;height:3px;position:absolute;bottom:0;left:0}.content-section p{font-size:var(--text-base);color:var(--text-muted);max-width:55ch;margin:0;line-height:1.7}.detail-sidebar{top:calc(var(--baseline) * 24);gap:calc(var(--baseline) * 8);flex-direction:column;display:flex;position:sticky}.tech-stack{border:1px solid var(--line-light);padding:calc(var(--baseline) * 6);background:var(--bg-color)}.tech-stack h4{font-family:var(--font-mono);text-transform:uppercase;margin-bottom:calc(var(--baseline) * 6);color:var(--text-muted);border-bottom:1px solid var(--line-light);letter-spacing:.1em;padding-bottom:12px;font-size:11px}.tech-list{flex-direction:column;gap:16px;display:flex}.tech-item{font-size:var(--text-sm);border-bottom:1px dashed var(--line-light);justify-content:space-between;padding-bottom:4px;display:flex}.tech-item span:first-child{color:var(--text-muted)}.tech-item span:last-child{font-weight:500}.cta-primary{justify-content:center;align-items:center;gap:calc(var(--baseline) * 3);padding:calc(var(--baseline) * 4) calc(var(--baseline) * 8);background:var(--text-color);color:var(--bg-color);font-size:var(--text-sm);border:1px solid var(--text-color);width:100%;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cta-primary:before{content:"";background:var(--accent-red);transform-origin:100%;z-index:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.cta-primary:hover:before{transform-origin:0;transform:scaleX(1)}.cta-primary span,.cta-primary svg{z-index:1;transition:transform .3s;position:relative}.cta-primary svg{width:16px;height:16px}.cta-primary:hover svg{transform:translate(4px)}.cta-primary:hover{border-color:var(--accent-red)}.gallery-carousel-wrapper{width:100%;margin-top:calc(var(--baseline) * 16);padding-bottom:calc(var(--baseline) * 8);position:relative;overflow:visible}.carousel-track-container{background:var(--bg-color);box-sizing:border-box;border-radius:4px;width:100%;padding:16px 8px;position:relative;overflow:hidden}.carousel-track{will-change:transform}.carousel-slide{aspect-ratio:4/3;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gallery-img{aspect-ratio:auto;background:var(--bg-color);border:none;width:100%;height:100%;position:relative;overflow:hidden}.gallery-img img{object-fit:cover;background:var(--bg-color);width:100%;height:100%;transition:all .6s cubic-bezier(.16,1,.3,1)}.gallery-img:hover img{transform:scale(1.03)}.carousel-controls{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.carousel-nav-btn{border:1px solid var(--line-light);width:32px;height:32px;color:var(--text-color);cursor:pointer;z-index:10;opacity:.5;box-sizing:border-box;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.carousel-nav-btn svg{width:14px;height:14px}.carousel-nav-btn:hover{opacity:1;background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.carousel-indicators{justify-content:center;align-items:center;gap:8px;margin-top:0;display:flex}.carousel-indicator-dot{background:var(--line-light);cursor:pointer;border:none;width:24px;height:3px;padding:0;transition:all .3s}.carousel-indicator-dot.active{background:var(--accent-red);width:40px}@media (width<=768px){.carousel-controls{gap:12px;margin-top:16px}.carousel-nav-btn{width:28px;height:28px}.carousel-nav-btn svg{width:12px;height:12px}}.project-nav{border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);margin-top:calc(var(--baseline) * 32);grid-template-columns:1fr 1px 1fr;display:grid;position:relative}.nav-divider{background:var(--line-color);width:1px;height:100%}.nav-proj-btn{padding:calc(var(--baseline) * 12) calc(var(--baseline) * 6);color:var(--text-color);flex-direction:column;justify-content:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-proj-btn.prev{align-items:flex-start}.nav-proj-btn.next{text-align:right;align-items:flex-end}.nav-proj-bg{background:var(--text-color);transform-origin:bottom;z-index:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleY(0)}.nav-proj-btn:hover .nav-proj-bg{transform-origin:top;transform:scaleY(1)}.nav-proj-content{z-index:1;gap:calc(var(--baseline) * 3);flex-direction:column;transition:color .4s;display:flex;position:relative}.nav-proj-btn:hover .nav-proj-content{color:var(--bg-color)}.nav-proj-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-size:10px}.nav-proj-title{text-transform:uppercase;letter-spacing:-.01em;align-items:center;gap:12px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;line-height:1.1;display:flex}.nav-proj-title svg{width:clamp(20px,3vw,32px);height:clamp(20px,3vw,32px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-proj-btn.prev:hover .nav-proj-title svg{transform:translate(-8px)}.nav-proj-btn.next:hover .nav-proj-title svg{transform:translate(8px)}.detail-actions{gap:calc(var(--baseline) * 4);margin-top:calc(var(--baseline) * 8);flex-direction:column;display:flex}.detail-actions .cta-primary{box-sizing:border-box;justify-content:center;width:100%}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=1024px){.view-section{padding:calc(var(--baseline) * 12) calc(var(--baseline) * 5)}.project-details-page .section-inner{max-width:100%;overflow-x:hidden}.detail-meta-grid{grid-template-columns:repeat(2,1fr)}.detail-content-grid{grid-template-columns:1fr}.detail-sidebar{width:100%;max-width:550px;margin:0 auto;position:static}.gallery-carousel-wrapper{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.detail-title{font-size:clamp(2rem,8vw,3.5rem)}.detail-header{margin-bottom:calc(var(--baseline) * 8)}.detail-hero{aspect-ratio:2.2;margin-bottom:calc(var(--baseline) * 8)}}@media (width<=768px){.detail-meta-grid,.detail-gallery{grid-template-columns:1fr}.detail-toolbar{align-items:flex-start;gap:calc(var(--baseline) * 4);flex-direction:column}.detail-title{font-size:clamp(2rem,8vw,3.5rem)}.detail-sidebar{width:100%;max-width:500px;float:none!important;margin:0 auto!important}.tech-stack{box-sizing:border-box;width:100%}.tech-stack h4{text-align:center}.gallery-carousel-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin:calc(var(--baseline) * 12) auto 0 auto!important;float:none!important}.project-nav{grid-template-columns:1fr}.nav-divider{width:100%;height:1px}.nav-proj-btn.next{text-align:left;align-items:flex-start}.detail-hero{aspect-ratio:2.2}.nav-proj-title{font-size:clamp(1.2rem,4vw,2rem)}}.blog-section{justify-content:center;align-items:center;min-height:100vh;display:flex}.blog-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-content{gap:calc(var(--baseline) * 16);width:100%;max-width:600px;padding:calc(var(--baseline) * 8);flex-direction:column;display:flex}.blog-header{gap:calc(var(--baseline) * 4);flex-direction:column;display:flex}.blog-meta-text{font-family:var(--font-mono);color:var(--accent-red);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.blog-title{text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(3rem,6vw,4.5rem);font-weight:500;line-height:1}.blog-subtitle{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-color);margin-top:calc(var(--baseline) * 2);font-weight:400}.blog-desc{font-size:var(--text-base);color:var(--text-muted);max-width:500px;margin-top:calc(var(--baseline) * 4);line-height:1.6}.newsletter-wrapper{border-top:1px solid var(--line-light);padding-top:calc(var(--baseline) * 12);gap:calc(var(--baseline) * 4);background:0 0;flex-direction:column;display:flex}.newsletter-title{font-size:var(--text-lg);color:var(--text-color);font-weight:500}.newsletter-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:calc(var(--baseline) * 4)}.newsletter-form{width:100%}.input-group{border-bottom:1px solid var(--line-color);width:100%;transition:border-color .3s;display:flex;position:relative}.input-group:focus-within{border-color:var(--accent-red)}.newsletter-input{width:100%;padding:calc(var(--baseline) * 4) 0;font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-color);background:0 0;border:none;outline:none;padding-right:48px}.newsletter-input::placeholder{color:var(--text-muted);opacity:.5}.newsletter-submit{width:48px;height:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;transition:color .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0}.newsletter-submit svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.newsletter-submit:hover{color:var(--accent-red)}.newsletter-submit:hover svg{transform:translate(4px)}@media (width<=1024px){.blog-content{padding:calc(var(--baseline) * 4)}}.loader-overlay{z-index:99999;background:var(--bg-color);justify-content:center;align-items:center;transition:background-color .4s;display:flex;position:fixed;inset:0}.loader-exit{animation:.8s cubic-bezier(.76,0,.24,1) forwards loaderSlideUp}@keyframes loaderSlideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.loader-bar-wrap{flex-direction:column;gap:12px;width:280px;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-bar-wrap.done{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.95)}.loader-bar-track{background:var(--line-light);width:100%;height:1px;position:relative;overflow:hidden}.loader-bar-fill{background:var(--accent-red);width:0%;height:100%;animation:1.8s cubic-bezier(.25,.46,.45,.94) forwards barFill;position:absolute;top:0;left:0}@keyframes barFill{0%{width:0%}15%{width:12%}30%{width:28%}50%{width:55%}70%{width:78%}90%{width:95%}to{width:100%}}.loader-bar-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex}.loader-bar-pct{color:var(--text-color);font-weight:500;animation:1.8s cubic-bezier(.25,.46,.45,.94) forwards countUp}@keyframes countUp{0%{}to{}}.loader-brand{align-items:center;gap:calc(var(--baseline) * 6);opacity:0;flex-direction:column;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:scale(.9)}.loader-brand.active{opacity:1;transform:scale(1)}.loader-logo{width:120px;height:120px}.loader-logo svg{width:100%;height:100%;display:block}.loader-path{fill:none;stroke:var(--text-color);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5000;stroke-dashoffset:5000px}.loader-brand.active .loader-path{animation:1.2s cubic-bezier(.65,0,.35,1) forwards drawPath}.loader-brand.active .p1{animation-delay:0s}.loader-brand.active .p2{animation-delay:.1s}.loader-brand.active .p3{animation-delay:.2s}.loader-brand.active .p4{animation-delay:.3s}@keyframes drawPath{0%{stroke-dashoffset:5000px;fill:#0000}65%{stroke-dashoffset:0;fill:#0000}to{stroke-dashoffset:0;fill:var(--text-color);stroke:#0000}}.loader-welcome{opacity:0;text-align:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(8px)}.loader-welcome.active{opacity:1;transform:translateY(0)}.loader-greeting{text-align:center;font-size:clamp(1rem,2.5vw,1.4rem);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent-red);text-shadow:0 0 12px rgba(var(--accent-red), .25);font-weight:500;display:block}.decrypt-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-weight:500}@media (width<=768px){.loader-logo{width:90px;height:90px}.loader-bar-wrap{width:220px}}