@import"https://necolas.github.io/normalize.css/8.0.1/normalize.css";.dock-container{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:auto;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;border:1px solid rgb(44,44,44);background:#191919f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000000}.dock,.nav-wrap{display:flex;gap:8px;align-items:center;justify-content:center}nav{display:flex;gap:8px;align-items:center;justify-content:center}.seperator{width:1px;height:20px;background:#2c2c2c;margin:0 -2px}.dock-item{position:relative;height:40px;width:40px;border:none;background:#1a1a1a;border-radius:10px;transition:all .25s;display:flex;align-items:center;justify-content:center;cursor:pointer}.dock-item--active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#cacaca;border-radius:16px;animation:activeIndicator .3s ease-out}@keyframes activeIndicator{0%{opacity:0;transform:translate(-50%) scale(0)}50%{transform:translate(-50%) scale(1.2)}to{opacity:1;transform:translate(-50%) scale(1)}}.dock-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit;border-radius:10px}.dock-item-link-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dock-item-link-wrap:before{content:attr(data-name);position:absolute;top:-8px;left:50%;transform:translate(-50%,-50%);display:none;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:500;color:#fff;background:#191919f2;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.1)}.dock-item-link-wrap svg{width:20px;height:20px;color:#919191;stroke:currentColor;fill:currentColor;transition:all .25s}.dock-item:hover,.dock-item:focus{z-index:999;transform:scale(1.4);margin:0 8px}.dock-item:hover .dock-item-link-wrap:before,.dock-item:focus .dock-item-link-wrap:before{display:block}.dock-item:hover .dock-item-link-wrap svg,.dock-item:focus .dock-item-link-wrap svg{width:28px;height:28px}@media (max-width: 900px){.dock-item{height:36px;width:36px}.dock-item-link-wrap svg{width:18px;height:18px}.dock-item:hover,.dock-item:focus{transform:none;margin:0}.dock-item:hover .dock-item-link-wrap:before,.dock-item:focus .dock-item-link-wrap:before{display:none}.dock-item:hover .dock-item-link-wrap svg,.dock-item:focus .dock-item-link-wrap svg{width:18px;height:18px}}@media (max-width: 600px){.dock-item{height:32px;width:32px}.dock-item-link-wrap svg{width:16px;height:16px}.dock-item:hover,.dock-item:focus{transform:none;margin:0}.dock-item:hover .dock-item-link-wrap:before,.dock-item:focus .dock-item-link-wrap:before{display:none}.dock-item:hover .dock-item-link-wrap svg,.dock-item:focus .dock-item-link-wrap svg{width:16px;height:16px}}.app-icon{display:inline-block;vertical-align:middle}.app-icon.hero-icon{transition:transform .2s ease;color:#cacac4;margin-right:12px;background-color:#1a1a1a;border:1px solid #333333;border-radius:6px;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.app-icon.nav-icon{color:#e5e5e5;transition:color .2s ease}.app-icon.nav-icon:hover{color:#fff}.app-icon.footer-icon{color:#666;transition:color .2s ease}.app-icon.footer-icon:hover{color:#888}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--mono5) transparent}body{background-color:#1a1b1b;overflow-x:hidden;cursor:auto}canvas{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:auto!important;cursor:auto!important}.home-container{position:relative;z-index:10;background:transparent;pointer-events:auto}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-animate]{--stagger: 0;--delay: 80ms;--start: 0ms}@media (prefers-reduced-motion: no-preference){[data-animate]{animation:enter .8s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(var(--stagger) * var(--delay) + var(--start))}}.home-container *{font-feature-settings:"kern" 1,"frac" 1,"ss02" 1;font-variant-numeric:normal;font-variant-position:normal}.home-container{min-height:100vh;background-color:transparent;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation}.home-content{max-width:685px;margin:0 auto;padding:128px 24px 60px;position:relative;z-index:10;pointer-events:auto}.hero-section{margin-bottom:60px}.hero-title{font-size:18px;font-weight:600;line-height:1.2;margin-bottom:28px;color:#cacac4;--stagger: 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;align-items:center}.hero-icon{transition:transform .2s ease;color:#cacac4;margin-right:12px;background-color:#1a1a1a;border:1px solid #333333;border-radius:6px;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.hero-subtitle{font-size:16px;font-weight:400;line-height:1.5;margin-bottom:28px;color:#e5e5e5;--stagger: 2}.hero-subtitle em{font-style:italic;color:#f2f2f2;font-weight:500;font-size:calc(1em + 1px);line-height:normal;font-family:var(--font-serif)}.hero-link{color:#e5e5e5;text-decoration:underline;text-decoration-color:#505050;text-underline-offset:3px;transition:text-decoration-color .2s ease}.hero-link:hover{text-decoration-color:#fff}.hero-description{font-size:16px;font-weight:400;line-height:1.6;color:#e5e5e5;margin-bottom:0;--stagger: 3}.content-sections{display:grid!important;grid-template-columns:192px 192px 192px!important;gap:32px!important;margin-bottom:60px!important;--stagger: 4;align-items:start!important;align-content:start!important}.content-section{margin-bottom:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;max-height:none!important}.section-title{font-size:14px!important;font-weight:400!important;line-height:1.4!important;margin-bottom:16px!important;color:#a0a0a0!important;text-transform:capitalize!important;letter-spacing:.05em!important;margin-top:0!important;padding-top:0!important;height:20px!important;display:flex!important;align-items:center!important;min-height:20px!important;flex-shrink:0!important;max-height:20px!important;overflow:visible!important}.section-link{display:block;font-size:16px;font-weight:400;line-height:1.4;color:#e5e5e5;text-decoration:underline;text-decoration-color:#505050;text-underline-offset:3px;margin-bottom:8px;transition:text-decoration-color .2s ease;margin-top:0;padding-top:0}.section-link:hover{text-decoration-color:#fff}.section-description{font-size:1rem;font-weight:400;line-height:1.6;color:#a0a0a0;margin-bottom:0;margin-top:0;padding-top:0}.building-content{margin-top:0!important;padding-top:0!important;margin-bottom:0!important;padding-bottom:0!important}.projects-list{margin-bottom:0!important;margin-top:0!important;padding-top:0!important;padding-left:0!important;margin-left:0!important;padding-bottom:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:0!important;height:auto!important}.project-item{display:block!important;padding:0!important;margin:0 0 32px!important;min-height:0!important;height:auto!important;max-height:none!important;vertical-align:top!important}.project-item:first-child{padding-top:0!important;margin-top:0!important;margin-bottom:32px!important;height:auto!important;min-height:0!important}.project-item:last-child{margin-bottom:0!important;padding-bottom:0!important;height:auto!important;min-height:0!important}.project-header{display:block!important;margin-bottom:4px!important;padding-left:0!important;margin-left:0!important}.project-link{font-size:16px!important;font-weight:400!important;line-height:1.4!important;color:#e5e5e5!important;text-decoration:underline!important;text-decoration-color:#505050!important;text-underline-offset:3px!important;margin-right:.5rem!important;transition:text-decoration-color .2s ease!important;display:inline!important;margin-left:0!important;padding-left:0!important}.project-link:hover{text-decoration-color:#fff!important}.project-arrow{font-size:16px!important;color:#a0a0a0!important;font-weight:400!important;display:inline!important;margin-left:4px!important}.project-description{font-size:1rem!important;font-weight:400!important;line-height:1.6!important;color:#a0a0a0!important;margin-bottom:0!important;margin-top:4px!important;padding-top:0!important;display:block!important;padding-left:0!important;margin-left:0!important}.writing-list{margin-bottom:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:0!important;height:auto!important}.writing-item{margin-bottom:32px!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important;margin-right:0!important;padding-right:0!important;min-height:0!important;height:auto!important;max-height:none!important;vertical-align:top!important}.writing-item:first-child{padding-top:0!important;margin-top:0!important;margin-bottom:32px!important;height:auto!important;min-height:0!important}.writing-item:last-child{margin-bottom:0!important;padding-bottom:0!important;height:auto!important;min-height:0!important}.writing-link{display:block!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important;color:#e5e5e5!important;text-decoration:underline!important;text-decoration-color:#505050!important;text-underline-offset:3px!important;margin-bottom:8px!important;transition:text-decoration-color .2s ease!important;margin-top:0!important;padding-top:0!important;margin-left:0!important;padding-left:0!important;vertical-align:baseline!important;font-variant-numeric:normal!important;font-variant-position:normal!important;font-feature-settings:"kern" 1,"frac" 1,"ss02" 1!important;text-transform:none!important}.writing-link:hover{text-decoration-color:#fff!important}.writing-link *{vertical-align:baseline!important;font-size:inherit!important;line-height:inherit!important;font-variant-numeric:normal!important;font-variant-position:normal!important;font-feature-settings:normal!important}.writing-link,.footer-text span:last-child,.clock-tooltip{font-feature-settings:normal!important;font-variant-numeric:normal!important;font-variant-position:normal!important}.writing-description{font-size:1rem!important;font-weight:400!important;line-height:1.6!important;color:#a0a0a0!important;margin-bottom:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important;margin-left:0!important;padding-left:0!important}.now-section{margin-bottom:40px;--stagger: 5}.now-description{font-size:1rem;font-weight:400;line-height:1.6;color:#e5e5e5;margin-bottom:16px}.now-description:last-child{margin-bottom:0}.now-description em{font-style:italic;color:#e5e5e5}.connect-section{margin-bottom:40px;--stagger: 6}.connect-description{font-size:1rem;font-weight:400;line-height:1.6;color:#e5e5e5;margin-bottom:0}.connect-link{color:#e5e5e5;text-decoration:underline;text-decoration-color:#505050;text-underline-offset:3px;transition:text-decoration-color .2s ease}.connect-link:hover{text-decoration-color:#fff}.home-footer{margin-top:60px;padding-top:30px;border-top:1px solid #333333;--stagger: 7;margin-left:-100vw;margin-right:-100vw;padding-left:24px;padding-right:24px}.footer-text span:first-child{font-size:.8rem;font-weight:400}.footer-text span:last-child{font-size:.8rem!important;font-weight:400!important;display:flex;align-items:center;gap:4px;font-feature-settings:normal!important;font-variant-numeric:normal!important;font-variant-position:normal!important;line-height:1}.clock-face{width:100%;height:100%;border:1.5px solid #666666;border-radius:50%;background:#1a1a1a;position:relative;display:flex;align-items:center;justify-content:center}.hour-marker{position:absolute;width:1px;height:2px;background:#666;top:50%;left:50%;transform-origin:0 0}.hour-hand{position:absolute;width:1px;height:4px;background:#fff;top:50%;left:50%;transform-origin:0 0;border-radius:1px}.minute-hand{position:absolute;width:1px;height:6px;background:#fff;top:50%;left:50%;transform-origin:0 0;border-radius:1px}.second-hand{position:absolute;width:.5px;height:7px;background:#ff6b6b;top:50%;left:50%;transform-origin:0 0;border-radius:.5px}.clock-center{width:2px;height:2px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.analog-clock:hover .clock-face{border-color:#666;box-shadow:none}.analog-clock:hover .hour-marker{background:#666}.hour-hand,.minute-hand,.second-hand{transition:transform .1s ease-out}.clock-tooltip{position:absolute;bottom:100%;right:0;background-color:#1a1a1a;color:#fff;padding:8px 12px;border-radius:6px;font-size:1rem!important;font-weight:500!important;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s ease;z-index:1000;margin-bottom:8px;box-shadow:0 4px 12px #0000004d;font-feature-settings:normal!important;font-variant-numeric:normal!important;font-variant-position:normal!important;border:1px solid #333333}@media (max-width: 688px){.home-content{max-width:100%;padding:60px 20px 40px}.content-sections{grid-template-columns:192px 192px 192px;gap:32px;overflow-x:auto;overflow-y:hidden;position:relative;padding:0 20px 20px;margin-left:-20px;margin-right:-20px}.content-sections::-webkit-scrollbar{height:4px}.content-sections::-webkit-scrollbar-track{background:#333;border-radius:2px}.content-sections::-webkit-scrollbar-thumb{background:#666;border-radius:2px}.content-sections::-webkit-scrollbar-thumb:hover{background:#888}.hero-title{font-size:1rem;line-height:1.1;margin-bottom:18px}.hero-subtitle{font-size:1rem}.home-footer{margin-top:40px;padding-top:20px;padding-left:20px;padding-right:20px}.hero-title{font-size:.9rem;line-height:1.1;margin-bottom:16px}.footer-text{flex-direction:column;gap:8px;text-align:center;font-size:.9rem}}@media (max-width: 360px){.hero-title{font-size:.85rem;line-height:1.1;margin-bottom:12px}.hero-subtitle,.hero-description{font-size:.85rem}.footer-text span:first-child{font-size:.9rem}.footer-text span:last-child{font-size:.9rem!important;justify-content:center}.analog-clock{width:18px;height:18px}.clock-tooltip{font-size:.9rem!important;padding:6px 10px}}@media (max-width: 480px){.home-content{padding:40px 16px 30px}.content-sections{grid-template-columns:192px 192px 192px;gap:32px;overflow-x:auto;overflow-y:hidden;position:relative;padding:0 20px 20px;margin-left:-20px;margin-right:-20px}.content-sections::-webkit-scrollbar{height:4px}.content-sections::-webkit-scrollbar-track{background:#333;border-radius:2px}.content-sections::-webkit-scrollbar-thumb{background:#666;border-radius:2px}.content-sections::-webkit-scrollbar-thumb:hover{background:#888}.hero-title{font-size:.9rem;line-height:1.1;margin-bottom:16px}.hero-subtitle{font-size:.9rem}.section-title{font-size:.8rem}.project-link,.writing-link,.section-link{font-size:1rem}.home-footer{margin-top:30px;padding-top:15px;padding-left:16px;padding-right:16px}.footer-text{flex-direction:column;gap:6px;text-align:center;font-size:.85rem}.footer-text span:first-child{font-size:.85rem}.footer-text span:last-child{font-size:.85rem!important;justify-content:center}.analog-clock{width:16px;height:16px}.clock-tooltip{font-size:.85rem!important;padding:5px 8px}}.page-labs{width:100%;display:flex;gap:.5em;margin-bottom:10em}.col{flex:1;width:100%;height:100%}.work-item{position:relative;border:1px solid var(--dark-card-border);border-radius:8px;overflow:hidden;margin-bottom:.5em;padding:.25em}.work-item.type-img{padding:0}.work-item-img{position:relative}.work-item-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 20%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:1}.work-item-info{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;padding:1em;z-index:2}p#work-date{color:var(--dark-text-tertiary)}.work-item-info p#work-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.work-item-info p#work-date{color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5)}.col:first-child .work-item:first-child .work-item-info p#work-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.col:last-child .work-item:first-child .work-item-info p#work-name{color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5)}.col:last-child .work-item:nth-child(1) .work-item-info p#work-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.work-item .work-item-info{top:auto;bottom:0}.work-item-img-wrapper{width:100%;height:100%;border-radius:8px;overflow:hidden}.work-item-img-wrapper img{transform:scale(1.125);width:100%;height:100%;object-fit:cover}.work-item:has(img[src*="guy.jpg"]) .work-item-img-wrapper img{transform:scale(1.05);object-position:center 60%;object-fit:cover}.work-item-img-wrapper video{will-change:transform;object-fit:cover;width:100%;height:100%}.work-200 img,.work-200 video{height:200px}.work-250 img,.work-250 video{height:250px}.work-300 img,.work-300 video{height:300px}.work-350 img,.work-350 video{height:350px}.work-400 img,.work-400 video{height:400px}.work-450 img,.work-450 video{height:450px}.work-500 img,.work-500 video{height:500px}.work-550 img,.work-550 video{height:550px}@media (max-width: 900px){.page-labs{flex-direction:column}}@media (max-width: 768px){.work-item-img-wrapper video{object-position:center}.work-item:has(img[src*="guy.jpg"]) .work-item-img-wrapper img{object-position:center 65%;transform:scale(1.02)}.work-500 video{height:350px}.work-450 video{height:300px}.work-400 video{height:280px}.work-350 video{height:250px}.work-300 video{height:220px}.work-250 video{height:200px}.work-200 video{height:180px}}@media (max-width: 480px){.work-item-img-wrapper video{object-position:center}.work-item:has(img[src*="guy.jpg"]) .work-item-img-wrapper img{object-position:center 70%;transform:scale(1)}.work-500 video{height:280px}.work-450 video{height:240px}.work-400 video{height:220px}.work-350 video{height:200px}.work-300 video{height:180px}.work-250 video{height:160px}.work-200 video{height:140px}.work-item-info{padding:.75em}.work-item-info p{font-size:.9em}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.work-item-img-wrapper video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width: 900px) and (orientation: landscape){.work-item:has(img[src*="guy.jpg"]) .work-item-img-wrapper img{object-position:center 55%;transform:scale(1.1)}.work-500 video{height:200px}.work-450 video{height:180px}.work-400 video{height:160px}.work-350 video{height:140px}.work-300 video{height:120px}.work-250 video{height:100px}.work-200 video{height:80px}}.page-writings .project-item{position:relative!important;width:100%!important;display:flex!important;align-items:center!important;border-radius:10px!important;gap:.5em!important;overflow:hidden!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;padding:1em!important;margin:0 0 32px!important;min-height:auto!important;height:auto!important;max-height:none!important;vertical-align:top!important}.page-writings a:hover .project-item{background-color:#2828284d!important;color:#fff!important}.page-writings:hover a:not(:hover) .project-item{opacity:.2!important;filter:blur(1px)!important}.page-writings .project-item *{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.page-writings a:hover .project-item{background-color:#2828284d!important}.project-title,.project-copy{flex-shrink:0}.project-copy p{color:var(--dark-text-tertiary)}.project-divider{flex-grow:1;height:1px;background-color:var(--dark-card-border);margin-left:.5em;margin-right:.5em}.project-year{flex-shrink:0}.project-year p{color:var(--dark-text-secondary)}@media (max-width: 900px){.project-copy{display:none}}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--fs-body: clamp(.95rem, .85rem + .4vw, 1.125rem);--fs-lead: clamp(1.1rem, .9rem + .6vw, 1.375rem);--fs-h2: clamp(1.4rem, 1.1rem + .8vw, 1.75rem);--bg-card: var(--dark-card-bg);--border-card:var(--dark-card-border);--txt-main: var(--dark-text-secondary);--txt-muted: var(--dark-text-tertiary);--txt-heading:#ffffff}.page-post{display:flex;max-width:1080px;margin:0 auto;padding:2rem;min-height:100vh;gap:3rem;scroll-behavior:smooth}.post-sidebar{width:200px;flex-shrink:0;position:relative}.sidebar-content{position:fixed;top:2rem;width:200px;height:fit-content;padding-top:4rem}.sidebar-back{display:flex;align-items:center;gap:.5rem;color:var(--txt-muted);text-decoration:none;font-size:.875rem;font-weight:400;margin-bottom:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .2s ease;padding:.5rem 0}.sidebar-back:hover{color:var(--txt-heading)}.sidebar-back svg{transition:color .2s ease;strokeWidth:1.5}.sidebar-back:hover svg{color:var(--txt-heading)}.sidebar-nav{justify-content:left}.sidebar-nav ul{list-style:none;padding:0;margin:2rem 0 0}.sidebar-nav li{margin-bottom:.75rem}.sidebar-nav a{color:#999;text-decoration:none;font-size:13px;font-family:Geist,sans-serif;font-weight:400;line-height:1.3;transition:color .2s ease;display:block;cursor:pointer;padding:.25rem 0}.sidebar-nav a:hover{color:#ccc}.toc-item.toc-level-2{margin-left:0}.toc-item.toc-level-3{margin-left:1rem;font-size:12px;opacity:.8}.sidebar-nav a.active{color:var(--txt-heading)}.post-main{flex:1;padding-top:4rem;min-width:0}.post-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.responsive-back{display:none}.post-title{font-size:16px;font-weight:600;color:var(--txt-heading);margin:0 0 .25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.2}.post-date{color:var(--txt-muted);font-size:14px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-link{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-card);transition:all .3s ease;cursor:pointer;flex-shrink:0}.post-link:hover{background-color:#262626}.post-link:hover svg{color:var(--txt-heading)}.post-content{color:var(--txt-heading);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-content p{margin-bottom:-1rem;font-size:15px;color:#fff;font-weight:400;line-height:28px;font-family:Geist,sans-serif}.post-content h2{font-size:16px;font-weight:600;color:var(--txt-heading);margin:3rem 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-content h3{font-size:16px;font-weight:600;color:var(--txt-heading);margin:2rem 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-content ul{margin:1rem 0;padding-left:1.5rem}.post-content li{margin-bottom:.25rem;font-size:15px;color:#fff;font-weight:400;line-height:28px;font-family:Geist,sans-serif}.post-content strong{color:#4ade80;font-weight:600}.post-content code{background:var(--bg-card);color:silver;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.9rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.post-content pre{background:var(--bg-card);color:silver;padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.9rem;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.post-content pre code{background:none;padding:0;border-radius:0}.post-img{width:100%;margin:1rem 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-card)}.white-space{height:12.5rem}.table-container{width:100%;overflow-x:auto;margin:1rem 0;border-radius:var(--radius-md);border:1px solid var(--border-card)}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-card);border-radius:var(--radius-sm)}.table-container::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:var(--radius-sm);transition:background .2s ease}.table-container::-webkit-scrollbar-thumb:hover{background:var(--txt-muted)}.cybersecurity-roles-table{width:100%;min-width:800px;border-collapse:collapse;background:var(--bg-card);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.cybersecurity-roles-table th{background:#1f1f1f;color:var(--txt-heading);font-weight:600;text-align:left;padding:.75rem;border-bottom:1px solid var(--border-card);white-space:nowrap;position:sticky;top:0;z-index:10}.cybersecurity-roles-table td{padding:.75rem;border-bottom:1px solid var(--border-card);color:var(--txt-main);line-height:1.4;vertical-align:top}.cybersecurity-roles-table tr:hover{background:#141414}.cybersecurity-roles-table strong{color:#fff;font-weight:600}@media (max-width: 1024px){.page-post{gap:2rem;padding:1.5rem}.post-sidebar,.sidebar-content{width:180px}.sidebar-back{font-size:.8rem;margin-bottom:1.5rem}.sidebar-nav a{font-size:.8rem;padding:.4rem 0}}@media (max-width: 768px){.page-post{flex-direction:column;gap:1rem}.post-sidebar{display:none}.post-main{margin-top:0}.responsive-back{display:flex}.post-header{flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:2rem;gap:1rem}.post-header .sidebar-back{display:flex;align-items:center;gap:.5rem;color:var(--txt-muted);text-decoration:none;font-size:.875rem;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .2s ease;padding:.5rem 0;margin-bottom:0}.post-header .sidebar-back:hover{color:var(--txt-heading)}.post-header .sidebar-back svg{transition:color .2s ease;strokeWidth:1.5}.post-header .sidebar-back:hover svg{color:var(--txt-heading)}.post-header>div:first-child{display:flex;justify-content:space-between;align-items:center;width:100%}.post-header>div:last-child{width:100%}.post-link{display:none}.post-title{font-size:1.2rem}.post-content p{font-size:1.05rem}.sidebar-back{font-size:.9rem;margin-bottom:0;padding:.75rem 0}.sidebar-nav{display:none}}@media (max-width: 480px){.page-post{padding:1.5rem}.post-link{width:2rem;height:2rem}.post-content ul{padding-left:1rem}.sidebar-back{font-size:.85rem;margin-bottom:0;padding:.5rem 0}}@media (max-width: 360px){.sidebar-back{font-size:.8rem}}:root{--gap: 8px;--base: clamp(2rem, 8cqi, 80px);--easing: linear( 0 0%, .1538 4.09%, .2926 8.29%, .4173 12.63%, .5282 17.12%, .6255 21.77%, .7099 26.61%, .782 31.67%, .8425 37%, .8887 42.23%, .9257 47.79%, .9543 53.78%, .9752 60.32%, .9883 67.11%, .9961 75%, 1 100% );--speed: .6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-animate{animation:fadeInUp .6s ease-out forwards;opacity:0}.about-animate:nth-child(1){animation-delay:.1s}.about-animate:nth-child(2){animation-delay:.2s}.about-animate:nth-child(3){animation-delay:.3s}.about-animate:nth-child(4){animation-delay:.4s}.about-animate:nth-child(5){animation-delay:.5s}.about-animate:nth-child(6){animation-delay:.6s}.about-animate:nth-child(7){animation-delay:.7s}.about-animate:nth-child(8){animation-delay:.8s}.about-animate:nth-child(9){animation-delay:.9s}.about-animate:nth-child(10){animation-delay:1s}.about-animate:nth-child(11){animation-delay:1.1s}.about-animate:nth-child(12){animation-delay:1.2s}.about-animate:nth-child(13){animation-delay:1.3s}.about-animate:nth-child(14){animation-delay:1.4s}.about-animate:nth-child(15){animation-delay:1.5s}.about-animate:nth-child(16){animation-delay:1.6s}.about-animate:nth-child(17){animation-delay:1.7s}.about-animate:nth-child(18){animation-delay:1.8s}.about-animate:nth-child(19){animation-delay:1.9s}.about-animate-delayed{animation:fadeInUp .6s ease-out forwards;opacity:0}.about-animate-delayed:nth-child(1){animation-delay:1.9s}.about-animate-delayed:nth-child(2){animation-delay:2s}.about-animate-delayed:nth-child(3){animation-delay:2.1s}.about-animate-delayed:nth-child(4){animation-delay:2.2s}.about-animate-delayed:nth-child(5){animation-delay:2.3s}.about-animate-delayed:nth-child(6){animation-delay:2.4s}.about-animate-delayed:nth-child(7){animation-delay:2.5s}.about-animate-delayed:nth-child(8){animation-delay:2.6s}.about-animate-delayed:nth-child(9){animation-delay:2.7s}.about-animate-delayed:nth-child(10){animation-delay:2.8s}.about-animate-delayed:nth-child(11){animation-delay:2.9s}.about-animate-delayed:nth-child(12){animation-delay:3s}.about-animate-delayed:nth-child(13){animation-delay:3.1s}.about-animate-delayed:nth-child(14){animation-delay:3.2s}.about-animate-delayed:nth-child(15){animation-delay:3.3s}.about-animate-delayed:nth-child(16){animation-delay:3.4s}.about-animate-delayed:nth-child(17){animation-delay:3.5s}.about-animate-delayed:nth-child(18){animation-delay:3.6s}.about-animate-delayed:nth-child(19){animation-delay:3.7s}.about-main{min-height:100vh;background-color:transparent;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:128px 24px 60px;position:relative;z-index:10}.about-container{max-width:685px;margin:0 auto}.about-section{display:flex;flex-direction:column;gap:2rem;align-items:center;min-height:calc(100vh - 4rem)}.about-content{display:flex;flex-direction:column;justify-content:center;padding-top:2rem;width:100%}.about-text-content{max-width:100%}.about-title{font-size:2rem;font-weight:700;color:#e5e5e5;line-height:1.1;margin:0 0 2rem;letter-spacing:-.02em}.about-bio{margin-bottom:3rem}.about-bio-paragraph{font-size:16px;color:#a0a0a0;line-height:1.7;margin:0 0 1.5rem}.about-bio-paragraph em{font-style:italic;color:#f2f2f2;font-weight:500;font-size:calc(1em + 1px);line-height:normal;font-family:var(--font-serif)}.about-current-work-title,.about-section-title{font-size:2rem;font-weight:700;color:#e5e5e5;margin:0 0 2rem;letter-spacing:-.02em}.about-subsection-title{font-size:1.5rem;font-weight:600;color:#e5e5e5;margin:0 0 1.5rem;letter-spacing:-.01em}.about-skills-list{list-style:disc;margin:1.25rem 0 0 1.25rem;padding:0}.about-skill-item{font-size:16px;color:#a0a0a0;line-height:1.7;margin-bottom:1.5rem}.about-skill-title{color:#e5e5e5;font-weight:600}.about-image-container{margin:2rem -48px;text-align:center;width:calc(100% + 96px)}.about-image-box{position:relative;overflow:hidden;cursor:pointer;border-radius:12px;background:#000;width:100%;height:400px}.about-text-heat-canvas{width:100%!important;height:100%!important;border-radius:12px;cursor:pointer;touch-action:none;box-shadow:0 4px 20px #0000004d;display:block;position:relative;z-index:1}.about-link{color:#e5e5e5;text-decoration:underline;text-decoration-color:#505050;text-underline-offset:3px;transition:text-decoration-color .2s ease}.about-link:hover{text-decoration-color:#fff}.about-external-icon{font-size:.8em;margin-left:.2em}.about-footer{margin-top:60px;padding-top:30px;border-top:1px solid #333333;--stagger: 7;margin-left:-100vw;margin-right:-100vw;padding-left:24px;padding-right:24px}.footer-text{font-size:.8rem;font-weight:400;line-height:1.5;color:#666;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;max-width:685px;margin-left:auto;margin-right:auto}.clock-container{position:relative;display:inline-block}.analog-clock{width:16px;height:16px;cursor:pointer;position:relative;display:inline-block;vertical-align:middle;margin-top:-1px}.clock-face{width:100%;height:100%;border:1px solid #666666;border-radius:50%;position:relative;background:transparent}.hour-marker{position:absolute;top:50%;left:50%;width:1px;height:2px;background:#666;transform-origin:0 0}.hour-hand{position:absolute;top:50%;left:50%;width:1px;height:4px;background:#666;transform-origin:0 0;transform:translate(-50%) translateY(-100%)}.minute-hand{position:absolute;top:50%;left:50%;width:1px;height:6px;background:#666;transform-origin:0 0;transform:translate(-50%) translateY(-100%)}.second-hand{position:absolute;top:50%;left:50%;width:1px;height:6px;background:#888;transform-origin:0 0;transform:translate(-50%) translateY(-100%)}.clock-center{position:absolute;top:50%;left:50%;width:2px;height:2px;background:#666;border-radius:50%;transform:translate(-50%,-50%)}.clock-tooltip{position:absolute;bottom:100%;right:8px;background:#1a1a1a;color:#e5e5e5;padding:8px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:1000;border:1px solid #333333}.clock-tooltip:after{content:"";position:absolute;top:100%;right:8px;border:4px solid transparent;border-top-color:#1a1a1a}.clock-container:hover .clock-tooltip{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 1024px){.about-title{font-size:2.5rem}}@media (max-width: 768px){.about-main{padding:64px 16px 40px}.about-title{font-size:2rem}.about-current-work-title,.about-section-title{font-size:1.75rem}.about-image-container{margin:2rem -16px;width:calc(100% + 32px)}.about-image-box{height:300px}.about-setup-image{margin:2rem -16px;width:calc(100% + 32px);height:180px}.about-bio-paragraph,.about-quote-text{font-size:14px}.about-footer{margin-top:40px;padding-top:20px;padding-left:20px;padding-right:20px}.footer-text{flex-direction:column;gap:8px;text-align:center;font-size:.9rem}}@media (max-width: 480px){.about-title{font-size:1.75rem}.about-current-work-title,.about-section-title{font-size:1.5rem}.about-image-container{margin:2rem -8px;width:calc(100% + 16px)}.about-image-box{height:250px}.about-setup-image{margin:2rem -8px;width:calc(100% + 16px);height:160px}.about-quote{padding:1.5rem}.about-footer{margin-top:30px;padding-top:15px;padding-left:16px;padding-right:16px}.footer-text{flex-direction:column;gap:6px;text-align:center;font-size:.85rem}.footer-text span:first-child{font-size:.85rem}.footer-text span:last-child{font-size:.85rem!important;justify-content:center}.analog-clock{width:16px;height:16px}.clock-tooltip{font-size:.85rem!important;padding:5px 8px}}.about-image-caption,.setup-image-caption{text-align:center;color:#666;font-size:14px;margin-top:1rem;font-style:italic;margin-bottom:2rem}.about-setup-image{display:flex;justify-content:center;margin:2rem -48px;width:calc(100% + 96px);height:200px;overflow:hidden;border-radius:12px;position:relative}.setup-image{width:100%;height:100%;border-radius:12px;box-shadow:none;object-fit:cover}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.technology-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a1a1a4d;border-radius:12px;border:1px solid #333333;transition:all .2s ease}.technology-item:hover{background:#1a1a1a80;border-color:#444;transform:translateY(-2px)}.technology-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d}.technology-content{flex:1;min-width:0}.technology-name{font-size:1rem;font-weight:600;color:#fff;font-family:Inter,sans-serif;margin:0 0 .25rem;line-height:1.2}.technology-description{font-size:.875rem;color:#a0a0a0;margin:0;line-height:1.4}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.tool-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a1a1a4d;border-radius:12px;border:1px solid #333333;transition:all .2s ease}.tool-item:hover{background:#1a1a1a80;border-color:#444;transform:translateY(-2px)}.tool-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d}.tool-content{flex:1;min-width:0}.tool-name{font-size:1rem;font-weight:600;color:#fff;font-family:Inter,sans-serif;margin:0 0 .25rem;line-height:1.2}.tool-description{font-size:.875rem;color:#a0a0a0;margin:0;line-height:1.4}@media (min-width: 1025px){.about-setup-image{margin:2.5rem -64px;width:calc(100% + 128px);height:240px}}@media (max-width: 768px){.about-setup-image{margin:2rem -16px;width:calc(100% + 32px);height:180px}}@media (max-width: 480px){.about-setup-image{margin:2rem -8px;width:calc(100% + 16px);height:160px}}@media (max-width: 320px){.about-setup-image{margin:1.5rem -4px;width:calc(100% + 8px);height:140px}.setup-image-caption{font-size:12px;margin-top:.75rem;margin-bottom:1.5rem}}.craft-ui-section{margin:4rem 0;padding:2rem 0}.craft-ui-list{display:grid;container-type:inline-size;grid-template-columns:10fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--gap);list-style-type:none;justify-content:center;padding:0;height:clamp(300px,40dvh,474px);margin:0;width:100%;max-width:100%;transition:grid-template-columns var(--speed) var(--easing)}.craft-ui-list li{background:#1a1a1a4d;position:relative;overflow:hidden;min-width:var(--base);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;padding:0;margin:0}.craft-ui-list li:hover{background:#1a1a1a80;border-color:#fff3}.craft-ui-list li :is(svg,h3){opacity:.6;transition:opacity calc(var(--speed) * 1.2) var(--easing)}.craft-ui-list li img{filter:grayscale(1) brightness(1.5);scale:1.1;transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing)}.craft-ui-list li[data-active=true] :is(h3,svg){opacity:1}.craft-ui-list li[data-active=true] img{filter:grayscale(0) brightness(1);scale:1;transition-delay:calc(var(--speed) * .25)}.craft-ui-list li[data-active=true] article img{filter:grayscale(0) brightness(1);scale:1;object-fit:cover;object-position:center;width:100%;height:100%;transition-delay:calc(var(--speed) * .25);z-index:1}.craft-ui-list li article{width:100%;height:100%;position:absolute;font-family:monospace;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding-inline:calc(var(--base) * .5 - 9px);padding-bottom:1rem;overflow:hidden;box-sizing:border-box}.craft-ui-list li article h3{position:absolute;top:1rem;left:calc(var(--base) * .5);transform-origin:0 50%;rotate:90deg;font-size:1rem;font-weight:300;text-transform:uppercase;font-family:monospace;color:#fff;white-space:nowrap;margin:0;z-index:2}.craft-ui-list li article svg{width:18px;fill:none;z-index:2;position:relative}.craft-ui-list li article img{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) brightness(1.5);scale:1.1;transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing);z-index:1;box-sizing:border-box;margin:0;padding:0}@media (max-width: 1024px){.craft-ui-list{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:6px}.craft-ui-list li{min-width:60px}.craft-ui-list li article h3{font-size:.875rem;left:calc(var(--base) * .3)}}@media (max-width: 768px){.craft-ui-list{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:4px;height:clamp(250px,35dvh,350px)}.craft-ui-list li{min-width:50px}.craft-ui-list li article h3{font-size:.75rem;left:calc(var(--base) * .25)}.craft-ui-list li article svg{width:16px}}@media (max-width: 480px){.craft-ui-list{grid-template-columns:1fr;height:auto;gap:.75rem;max-width:400px;margin:0 auto}.craft-ui-list li{height:180px;min-width:auto}.craft-ui-list li article{padding-inline:1rem;padding-bottom:1rem}.craft-ui-list li article h3{rotate:0deg;position:relative;top:auto;left:auto;margin-bottom:.5rem;font-size:1rem;text-align:center}.craft-ui-list li article svg{width:20px;margin:0 auto;display:block}}@media (max-width: 360px){.craft-ui-list{max-width:320px}.craft-ui-list li{height:160px}.craft-ui-list li article h3{font-size:.875rem}}:root{font-family:Urbanist,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-serif: "Georgia", "Times New Roman", "Times", serif;--dark-bg-color: hsl(0 0% 7.5%);--dark-text-color: hsl(0 0% 90%);--dark-text-secondary: hsl(0 0% 60%);--dark-text-tertiary: hsl(0 0% 40%);--dark-btn-bg: hsl(0 0% 12.5%);--dark-card-bg: hsl(0 0% 10%);--dark-card-border: hsl(0 0% 15%);--accent-1: hsl(0 0% 90%);--accent-2: hsl(0 0% 80%);--accent-3: hsl(0 0% 70%)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;will-change:scroll-position}html,body{width:100%;background-color:#1a1a1a}body{overflow-x:hidden;will-change:scroll-position}img{width:100%;height:100%;object-fit:cover}.container.page-writings,.container.page-post{padding:.5em;width:50%;margin:5em auto}.container{padding:.5em}h1{color:#e5e5e5;font-size:16px;font-weight:500;line-height:20px}p{text-decoration:none;color:#e5e5e5;font-size:14px;font-weight:500;line-height:20px}a{text-decoration:none}button{width:100%;border-radius:8px;padding:1em 0;margin-top:.3em;background-color:#333;outline:none;border:none;color:#e5e5e5;transition:background-color .2s ease}button:hover{background-color:#444}@media (max-width: 900px){.container.page-writings,.container,.container.page-post{width:100%}}