@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-x:hidden}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;letter-spacing:-.011em;backface-visibility:hidden;background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.6;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a,button,[role=button],img,video,iframe{transform:translateZ(0)}main,section,article{will-change:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}::selection{color:#fff;background:#ffffff26}:focus-visible{outline-offset:3px;outline:2px solid #ffffff80}.scroll-to-top{cursor:pointer;opacity:0;visibility:hidden;z-index:999;color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:40px;right:40px;transform:translateY(20px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-4px)}.scroll-to-top:active{transform:translateY(-2px)}@media (max-width:768px){.scroll-to-top{width:44px;height:44px;bottom:24px;right:24px}}.image-carousel{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.carousel-main{background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.carousel-track{will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{justify-content:center;align-items:center;min-width:100%;display:flex;position:relative}.carousel-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.carousel-nav{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#fff;opacity:0;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:hover{background:#000c;border-color:#ffffff4d;transform:translateY(-50%)scale(1.1)}.image-carousel:hover .carousel-nav{opacity:1}.carousel-nav-prev{left:16px}.carousel-nav-next{right:16px}.carousel-autoplay-toggle{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#fff;opacity:0;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.image-carousel:hover .carousel-autoplay-toggle{opacity:1}.carousel-autoplay-toggle:hover{background:#000c;border-color:#ffffff4d}.carousel-progress{z-index:10;-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:8px 16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.progress-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.progress-dot:hover{background:#fff9;transform:scale(1.2)}.progress-dot.active{background:#fff;border-radius:4px;width:24px}.carousel-thumbnails{scrollbar-width:thin;scrollbar-color:#fff3 transparent;gap:8px;padding:12px;display:flex;overflow-x:auto}.carousel-thumbnails::-webkit-scrollbar{height:4px}.carousel-thumbnails::-webkit-scrollbar-track{background:0 0}.carousel-thumbnails::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.thumbnail{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;min-width:80px;height:80px;padding:0;transition:all .3s;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail:hover{border-color:#fff6;transform:scale(1.05)}.thumbnail.active{border-color:#fff;box-shadow:0 4px 12px #fff3}.carousel-counter{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:10;letter-spacing:.5px;background:#00000080;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-family:monospace;font-size:12px;font-weight:500;position:absolute;top:16px;left:16px}@media (max-width:768px){.carousel-nav{width:40px;height:40px}.carousel-nav-prev{left:8px}.carousel-nav-next{right:8px}.carousel-autoplay-toggle{width:32px;height:32px;top:12px;right:12px}.carousel-counter{padding:4px 10px;font-size:11px;top:12px;left:12px}.thumbnail{min-width:60px;height:60px}.carousel-progress{padding:6px 12px}.progress-dot{width:6px;height:6px}.progress-dot.active{width:18px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.image-carousel{animation:.4s ease-out fadeIn}.image-carousel:hover .carousel-image{transition:transform .6s cubic-bezier(.4,0,.2,1);transform:scale(1.02)}.timeline-carousel{width:100%;max-width:600px;margin:0 auto;position:relative}.timeline-container{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:60px;padding:16px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.timeline-container:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.timeline-item{color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:400;line-height:1;transition:all .3s;display:inline-flex}.timeline-item>*{white-space:nowrap;display:inline}.timeline-year{letter-spacing:-.5px;font-size:18px;font-weight:600;transition:all .3s;display:inline}.timeline-separator{color:#fff6;padding:0 4px;font-weight:300;display:inline}.timeline-icon{font-size:16px;line-height:1;transition:all .3s;display:inline}.timeline-title{letter-spacing:-.2px;padding:0 2px;font-size:16px;font-weight:500;display:inline}.timeline-location{opacity:.8;padding:0 2px;font-size:14px;font-weight:400;display:inline}.timeline-nav{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#fff;opacity:0;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.timeline-nav:hover{background:#000c;border-color:#ffffff4d;transform:translateY(-50%)scale(1.1)}.timeline-carousel:hover .timeline-nav{opacity:1}.timeline-nav-prev{left:12px}.timeline-nav-next{right:12px}.timeline-autoplay-toggle{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#fff;opacity:0;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.timeline-carousel:hover .timeline-autoplay-toggle{opacity:1}.timeline-autoplay-toggle:hover{background:#000c;border-color:#ffffff4d}.timeline-progress{z-index:10;-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;gap:6px;padding:6px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.timeline-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.timeline-dot:hover{background:#fff9;transform:scale(1.3)}.timeline-dot.active{background:#fff;border-radius:3px;width:16px;transform:scale(1.2)}.timeline-counter{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:10;letter-spacing:.5px;background:#00000080;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:10px;font-weight:500;position:absolute;top:12px;left:12px}.timeline-preview{text-align:center;color:#ffffff80;opacity:0;margin-top:16px;font-size:12px;transition:opacity .3s}.timeline-carousel:hover .timeline-preview{opacity:1}.timeline-up-next{margin-right:8px;font-weight:500}.timeline-next-label{color:#ffffffb3;font-weight:600}@media (max-width:768px){.timeline-container{max-width:100%;min-height:46px;padding:12px 14px}.timeline-nav{width:30px;height:30px}.timeline-nav-prev{left:4px}.timeline-nav-next{right:4px}.timeline-autoplay-toggle{width:22px;height:22px;top:4px;right:4px}.timeline-counter{padding:2px 4px;font-size:7px;top:4px;left:4px}.timeline-item{gap:4px;font-size:13px}.timeline-year{font-size:14px}.timeline-icon,.timeline-title{font-size:13px}.timeline-location{font-size:11px}.timeline-separator{padding:0 2px}}@keyframes timelineFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-item{animation:.4s ease-out timelineFadeIn}.timeline-item[data-type=email]:hover .timeline-icon{color:#ea4335!important}.timeline-item[data-type=website]:hover .timeline-icon{color:#0f8!important}.timeline-item[data-type=linkedin]:hover .timeline-icon{color:#0077b5!important}.timeline-item[data-type=github]:hover .timeline-icon{color:#fff!important}.timeline-item[data-type=research]:hover .timeline-icon{color:#0cb!important}.timeline-item[data-type=scholar]:hover .timeline-icon{color:#4285f4!important}@media (max-width:480px){.scroll-to-top{width:40px;height:40px;bottom:20px;right:20px}.scroll-to-top svg{width:14px;height:14px}}.portfolio-container{flex-direction:column;width:100%;min-height:100vh;margin:0 auto;display:flex}.top-header{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;box-sizing:border-box;background:#000000eb;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;width:100%;max-width:1600px;margin:0 auto;padding:60px 80px 48px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.top-header.scrolled{border-bottom-color:#ffffff1a;padding:30px 80px 24px;box-shadow:0 8px 32px #00000080}.top-header.scrolled .header-description{opacity:0;max-height:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),max-height .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.header-description{opacity:1;max-height:200px;transition:opacity .5s cubic-bezier(.16,1,.3,1),max-height .5s cubic-bezier(.16,1,.3,1)}.header-left{flex:1;max-width:680px}.header-name{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400}.header-description{color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.65}.highlight-text{color:#fff;background:linear-gradient(90deg,#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500;position:relative}.header-container{flex-direction:column;gap:40px;max-width:1200px;margin:0 auto;padding:48px 60px;display:flex}.header-process-meta{letter-spacing:.12em;color:#ffffff80;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-family:Courier New,monospace;font-size:10px;font-weight:500;display:flex}.header-process-meta .process-label{opacity:.6}.header-process-meta .process-version,.header-process-meta .process-status{color:#fffc;font-weight:600}.header-process-meta .process-divider{opacity:.3;margin:0 4px}.header-breadcrumbs{letter-spacing:.15em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-family:Courier New,monospace;font-size:10px;font-weight:500;display:flex}.header-breadcrumbs .breadcrumb-item{color:#ffffffb3;position:relative}.header-breadcrumbs .breadcrumb-divider{color:#ffffff4d;font-size:12px}.header-brand{justify-content:center;align-items:center;gap:16px;display:flex}.header-quote{color:#ffffff26;-webkit-user-select:none;user-select:none;font-family:SF Mono,Monaco,Courier New,monospace;font-size:48px;font-weight:700;line-height:.8}.header-name{letter-spacing:.2em;color:#fff;text-transform:uppercase;margin:0;font-family:SF Mono,Monaco,Courier New,monospace;font-size:36px;font-weight:300}.header-description{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.description-marker{letter-spacing:.15em;text-transform:uppercase;color:#ffffffe6;background:#ffffff08;border:1px solid #ffffff4d;padding:6px 12px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.description-divider{opacity:.4;margin:0 4px}.header-nav{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:0;display:flex}.nav-item{color:#fff;will-change:background,color;border-right:1px solid #ffffff14;align-items:center;gap:12px;padding:24px 40px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.nav-item:before{content:"";z-index:-1;background:#fff;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translateY(100%)}.nav-item:last-child{border-right:none}.nav-item:hover{color:#000}.nav-item:hover:before{transform:translateY(0)}.nav-item:hover .nav-number,.nav-item:hover .nav-label{color:#000}.nav-number{color:#ffffff59;letter-spacing:.1em;z-index:1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:10px;font-weight:400;transition:color .35s cubic-bezier(.16,1,.3,1);position:relative}.nav-label{letter-spacing:.2em;color:#fff;text-transform:uppercase;z-index:1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;font-weight:500;transition:color .35s cubic-bezier(.16,1,.3,1);position:relative}.header-description{color:#fff9;text-align:center;max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:300;line-height:1.7}.top-header.scrolled .header-container{gap:24px;padding:24px 60px}.top-header.scrolled .header-description{display:none}.top-header.scrolled .header-quote{font-size:28px}.top-header.scrolled .header-name{font-size:24px}.top-header.scrolled .nav-item{padding:16px 32px}@media (max-width:1024px){.header-container{gap:32px;padding:36px 32px}.header-quote{font-size:36px}.header-name{font-size:32px}.nav-item{padding:20px 32px}}@media (max-width:768px){.header-container{gap:32px;padding:32px 20px}.header-brand{gap:12px}.header-quote{font-size:32px}.header-name{letter-spacing:.15em;font-size:28px}.header-description{max-width:100%;padding:0 8px;font-size:14px;line-height:1.65}.header-nav{flex-direction:column;width:calc(100% + 40px);margin:0 -20px}.nav-item{-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ffffff1a;border-right:none;justify-content:flex-start;width:100%;min-height:60px;padding:22px 32px}.nav-item:last-child{border-bottom:none}.nav-item:active{background:#ffffff0d}.nav-number{min-width:24px;font-size:10px}.nav-label{letter-spacing:.18em;font-size:11px}.top-header.scrolled .header-container{gap:20px;padding:20px}.top-header.scrolled .header-brand{gap:10px}.top-header.scrolled .header-quote{font-size:24px}.top-header.scrolled .header-name{font-size:22px}.top-header.scrolled .nav-item{min-height:54px;padding:18px 28px}}@media (max-width:480px){.header-container{gap:28px;padding:28px 16px}.header-brand{gap:10px}.header-quote{font-size:28px}.header-name{letter-spacing:.12em;font-size:24px}.header-description{padding:0 4px;font-size:13px;line-height:1.6}.header-nav{width:calc(100% + 32px);margin:0 -16px}.nav-item{min-height:56px;padding:20px 24px}.nav-number{min-width:20px;font-size:9px}.nav-label{letter-spacing:.15em;font-size:10px}.top-header.scrolled .header-container{gap:16px;padding:16px}.top-header.scrolled .header-quote{font-size:20px}.top-header.scrolled .header-name{letter-spacing:.1em;font-size:18px}.top-header.scrolled .nav-item{min-height:50px;padding:16px 20px}.top-header.scrolled .nav-number{font-size:8px}.top-header.scrolled .nav-label{font-size:9px}}@media (max-width:360px){.header-container{gap:24px;padding:24px 12px}.header-quote{font-size:24px}.header-name{letter-spacing:.1em;font-size:20px}.header-description{font-size:12px;line-height:1.5}.nav-item{min-height:52px;padding:18px 20px}.nav-number{font-size:8px}.nav-label{letter-spacing:.12em;font-size:9px}}.freegame-display{color:#0ef3c5;align-items:center;margin-top:0;margin-right:12px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;display:inline-flex;position:relative}.typing-cursor{margin-left:2px;font-weight:400;animation:1.2s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-group{flex-direction:column;gap:0;display:flex}.nav-status{color:#666;margin:0 0 12px;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;font-style:normal;font-weight:400}.nav-links-vertical{flex-direction:column;gap:0;display:flex}.header-nav-link{color:#fff;cursor:pointer;text-align:left;letter-spacing:0;background:0 0;border:none;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.header-nav-link:after{content:"";background:#fff;width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.header-nav-link:hover:after{width:100%}.header-nav-link:hover{transform:translate(4px)}.works-link.active,.about-link.active{font-weight:700}.header-projects-link{color:#ffffffb3;cursor:pointer;background:0 0;align-items:center;min-height:44px;margin-top:0;margin-right:12px;padding:12px 20px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.header-projects-link:after{content:"";background:#fff;width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:8px;left:16px}.header-projects-link:hover{color:#fff;transform:translate(2px)}.header-projects-link:hover:after{width:calc(100% - 32px)}.header-contact-box{color:#fff;cursor:pointer;background:0 0;align-items:center;min-height:44px;margin-top:0;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.header-contact-box:before{content:"";border:1px solid #333;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.header-contact-box:after{content:"";z-index:-1;background:#fff;width:0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.header-contact-box:hover:before{border-color:#fff;transform:translate(4px,4px)}.header-contact-box:hover:after{width:100%}.header-contact-box:hover{color:#000;transform:translate(-2px,-2px)}.header-contact-link{color:#666;cursor:pointer;text-align:right;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:400;transition:color .2s;position:relative}.header-contact-link:hover{color:#fff}.main-content{width:100%;max-width:1600px;margin:0 auto;padding:60px 80px}.content-section{opacity:0;margin-bottom:120px;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.content-section:first-child{animation-delay:50ms}.content-section:nth-child(2){animation-delay:.15s}.content-section:nth-child(3){animation-delay:.25s}.content-section:nth-child(4){animation-delay:.35s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.works-section{contain:layout style;margin-bottom:160px}.content-section{contain:layout style;clear:both;margin-bottom:200px;position:relative}.works-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.works-cultural-context{letter-spacing:.2em;text-transform:uppercase;color:#fff9;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;font-size:13px;font-weight:600;display:flex}.works-cultural-context .context-quote{opacity:.3;color:#fff;font-size:32px;font-weight:700;line-height:.8}.works-cultural-context .context-text{position:relative}.index-title{color:#fff;letter-spacing:-.03em;text-transform:uppercase;align-items:center;gap:20px;margin-bottom:20px;font-size:180px;font-weight:800;line-height:.85;display:flex}.index-title .title-quote{opacity:.15;font-size:160px;font-weight:700}.works-process-annotation{letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3;align-items:center;gap:12px;margin-bottom:28px;font-family:Courier New,monospace;font-size:10px;font-weight:600;display:flex}.works-process-annotation .annotation-marker{opacity:.4;font-size:16px;font-weight:700}.works-intro{color:#888;text-align:center;letter-spacing:.01em;max-width:700px;font-size:16px;font-weight:300;line-height:1.7}.works-controls{border-bottom:1px solid #1a1a1a;flex-direction:column;gap:30px;margin-bottom:50px;padding-bottom:30px;display:flex}.view-toggle{border:1px solid #1a1a1a;border-radius:4px;gap:0;display:flex;overflow:hidden}.toggle-btn{color:#666;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;border-right:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 18px;font-size:11px;font-style:italic;font-weight:400;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.toggle-btn:last-child{border-right:none}.toggle-btn:hover{color:#fff;background:#ffffff0a}.toggle-btn.active{color:#fff;background:#ffffff0f}.toggle-icon{font-size:14px;font-style:normal;transition:transform .3s cubic-bezier(.16,1,.3,1)}.toggle-btn:hover .toggle-icon{transform:scale(1.1)}.filter-tabs{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex;position:relative}.filter-btn{color:#777;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;will-change:color,background,transform;background:0 0;border:none;border-radius:999px;padding:10px 20px;font-size:10px;font-style:italic;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.filter-btn:before{content:"";will-change:border-color;border-top:1px solid #0000;border-left:1px solid #0000;width:8px;height:8px;transition:border-color .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.filter-btn:after{content:"";will-change:border-color;border-bottom:1px solid #0000;border-right:1px solid #0000;width:8px;height:8px;transition:border-color .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;right:0}.filter-btn:hover{color:#fff}.filter-btn:hover:before{border-top-color:#666;border-left-color:#666;width:12px;height:12px}.filter-btn:hover:after{border-bottom-color:#666;border-right-color:#666;width:12px;height:12px}.filter-btn.active{color:#fff}.filter-btn.active:before{border-top-color:#fff;border-left-color:#fff;width:14px;height:14px}.filter-btn.active:after{border-bottom-color:#fff;border-right-color:#fff;width:14px;height:14px}.filter-btn:focus-visible{outline-offset:2px;outline:2px solid #0ef3c5}.works-table{border-collapse:collapse;width:100%}.work-row{cursor:pointer;will-change:background-color,transform;border-bottom:1px solid #ffffff0f;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.work-row:before{content:"";background:#fff;width:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.work-row:hover{background-color:#ffffff05}.work-row:hover:before{transform:scaleY(1)}.work-row td{vertical-align:top;padding:20px 0;font-size:14px}.work-title{color:#fff;letter-spacing:-.011em;width:25%;padding-right:20px;font-style:italic;font-weight:400}.work-title-wrapper{align-items:center;gap:16px;display:flex}.work-index{color:#ffffff80;letter-spacing:.1em;min-width:24px;font-family:Courier New,monospace;font-size:10px;font-style:normal;font-weight:600}.work-title-text{flex:1}.work-type{color:#666;text-transform:uppercase;letter-spacing:.05em;width:15%;font-size:10px;font-style:italic}.work-type-wrapper{align-items:center;gap:8px;font-style:normal;display:flex}.work-version{color:#fff9;letter-spacing:.08em;background:#ffffff08;border:1px solid #ffffff1a;padding:2px 6px;font-family:Courier New,monospace;font-size:9px;font-weight:600}.work-type-divider{opacity:.3;font-style:normal}.work-type-text{font-style:italic}.work-domain{color:#999;text-transform:uppercase;letter-spacing:.05em;width:20%;font-size:10px;font-style:italic}.work-description{color:#666;width:30%;padding-right:20px}.work-date{color:#666;text-align:right;width:10%}.work-date-wrapper{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.work-year{font-size:14px;font-weight:500}.work-constraint{letter-spacing:.1em;text-transform:uppercase;color:#fff6;background:#ffffff05;border:1px solid #ffffff1a;padding:2px 6px;font-family:Courier New,monospace;font-size:8px}.works-grid-view{grid-template-columns:repeat(2,1fr);gap:60px 40px;display:grid}.work-card{cursor:pointer;will-change:transform;backface-visibility:hidden;border:none;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.work-card:after{content:"";background:linear-gradient(90deg,#fff 0%,#0000 100%);width:0;height:1px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-8px;left:0}.work-card:hover{transform:translateY(-6px)translateZ(0)}.work-card:hover:after{width:60%}.work-card:hover .work-card-title{color:#fff}.work-card-index{color:#fff6;letter-spacing:.1em;background:#ffffff08;border:1px solid #ffffff1a;padding:4px 8px;font-family:Courier New,monospace;font-size:10px;font-weight:700;position:absolute;top:0;left:0}.work-card-meta{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-top:40px;margin-bottom:20px;font-family:Courier New,monospace;font-size:9px;display:flex}.work-card-version{color:#fff9;background:#ffffff08;border:1px solid #ffffff1a;padding:3px 8px;font-weight:600}.work-card-divider{opacity:.3;color:#666}.work-card-type-text{color:#666;font-size:10px;font-style:italic}.work-card-title{color:#ccc;letter-spacing:-.011em;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:24px;font-style:italic;font-weight:400;line-height:1.3;transition:color .2s;display:flex}.card-title-quote{opacity:.2;font-size:28px;font-style:normal;font-weight:700;line-height:.9}.work-card-category{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:10px;font-style:italic}.work-card-description{color:#666;margin-bottom:20px;font-size:14px;line-height:1.6}.work-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.work-card-year{color:#666;font-size:12px;font-weight:500}.work-card-constraint{letter-spacing:.1em;text-transform:uppercase;color:#fff6;background:#ffffff05;border:1px solid #ffffff1a;padding:2px 6px;font-family:Courier New,monospace;font-size:8px}.about-section{text-align:center;contain:layout style;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.about-cultural-context{letter-spacing:.2em;text-transform:uppercase;color:#fff9;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;font-size:13px;font-weight:600;display:flex}.about-cultural-context .context-quote{opacity:.3;color:#fff;font-size:32px;font-weight:700;line-height:.8}.about-process{letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3;align-items:center;gap:12px;margin-bottom:40px;font-family:Courier New,monospace;font-size:10px;font-weight:600;display:flex}.about-process .process-marker{opacity:.4;font-size:16px;font-weight:700}.section-heading{color:#666;letter-spacing:.05em;justify-content:center;align-items:center;gap:12px;margin-bottom:80px;font-size:12px;font-weight:400;display:flex}.section-heading .heading-quote{opacity:.2;font-size:24px;font-weight:700;line-height:.8}.about-content{flex-direction:column;gap:60px;display:flex}.about-lead{color:#fff;letter-spacing:-.01em;font-size:24px;font-weight:400;line-height:1.65}.about-lead strong{color:#fff;font-weight:600}.about-body{color:#888;margin-bottom:24px;font-size:16px;font-weight:300;line-height:1.85}.about-expertise{border-top:1px solid #1a1a1a;padding-top:60px}.expertise-heading{color:#666;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:12px;font-weight:400;display:flex}.expertise-heading .expertise-quote{opacity:.2;font-size:24px;font-weight:700;line-height:.8}.expertise-grid{grid-template-columns:repeat(3,1fr);gap:20px 24px;display:grid}.expertise-item{color:#888;align-items:center;gap:12px;padding:8px 0;font-size:14px;line-height:1.6;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.expertise-marker{color:#ffffff40;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.expertise-item:hover{color:#fff;transform:translate(4px)}.expertise-item:hover .expertise-marker{color:#ffffffb3}.about-now{border-top:1px solid #1a1a1a;margin-top:60px;padding-top:80px}.now-heading{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:40px;font-size:12px;font-style:italic;font-weight:400}.now-grid{align-items:flex-start;gap:80px;display:flex}.now-item{flex:1;min-width:0}.contact-section{text-align:center;contain:layout style;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;display:flex}.contact-cultural-context{letter-spacing:.2em;text-transform:uppercase;color:#fff9;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;font-size:13px;font-weight:600;display:flex}.contact-cultural-context .context-quote{opacity:.3;color:#fff;font-size:32px;font-weight:700;line-height:.8}.contact-content{flex-direction:column;gap:0;display:flex}.contact-primary{border-bottom:1px solid #1a1a1a;margin-bottom:80px;padding-bottom:80px}.contact-email{color:#fff;letter-spacing:-.02em;align-items:center;gap:16px;font-size:48px;font-weight:300;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.contact-email:after{content:"";background:#fff;width:0;height:1px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.contact-email .email-quote{opacity:.15;font-size:56px;font-weight:700;line-height:.8;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.contact-email:hover{letter-spacing:.01em}.contact-email:hover:after{width:80%}.contact-email:hover .email-quote{opacity:.3}.contact-links .section-heading{margin-bottom:40px}.contact-links .section-heading .connect-quote{opacity:.2;font-size:24px;font-weight:700;line-height:.8}.contact-links{padding-top:0}.contact-links-grid{grid-template-columns:repeat(4,1fr);gap:32px 48px;max-width:900px;display:grid}.credentials-section{text-align:center;max-width:600px;margin:0 auto}.credentials-content{justify-content:center;align-items:center;display:flex}.credentials-button{color:#fff;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:0;align-items:center;gap:12px;padding:18px 36px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:14px;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.credentials-button:before{content:"";border:1px solid #ffffff40;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.credentials-button:after{content:"";z-index:-1;background:#fff;width:0;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.credentials-button:hover:before{border-color:#fff;transform:translate(4px,4px)}.credentials-button:hover:after{width:100%}.credentials-button:hover{color:#000;transform:translate(-2px,-2px)}.credentials-button svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.credentials-button:hover svg{transform:translate(6px)}.credentials-main-section{max-width:1200px;margin:0 auto;padding:0 20px}.credentials-header{text-align:center;margin-bottom:80px}.credentials-title{color:#fff;letter-spacing:-.03em;margin-bottom:24px;font-size:56px;font-weight:800}.credentials-subtitle{color:#999;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.credentials-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-bottom:80px;display:grid}.credential-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.credential-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.credential-icon{margin-bottom:16px;font-size:32px}.credential-title{color:#fff;letter-spacing:-.01em;margin-bottom:24px;font-size:20px;font-weight:600}.credential-content{flex-direction:column;gap:24px;display:flex}.credential-item{border-bottom:1px solid #ffffff0d;padding-bottom:16px}.credential-item:last-child{border-bottom:none;padding-bottom:0}.credential-item h4{color:#fff;letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:600}.credential-meta{color:#0ef3c5;margin-bottom:8px;font-size:14px;font-weight:500}.credential-item p{color:#ccc;margin:0;font-size:14px;line-height:1.5}.skill-category{margin-bottom:20px}.skill-category h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:14px;font-weight:600}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:#0ef3c5;letter-spacing:.02em;background:#0ef3c51a;border:1px solid #0ef3c533;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}@media (max-width:768px){.credentials-title{font-size:42px}.credentials-subtitle{font-size:16px}.credentials-grid{grid-template-columns:1fr;gap:32px;margin-bottom:60px}.credential-card{padding:24px}.credential-icon{font-size:28px}.credential-title{margin-bottom:20px;font-size:18px}.skill-tags{gap:6px}.skill-tag{padding:4px 10px;font-size:11px}}@media (max-width:480px){.credentials-title{font-size:36px}.credentials-subtitle{font-size:15px}.credential-card{padding:20px}.credential-icon{margin-bottom:12px;font-size:24px}}.contact-link{color:#666;align-items:center;gap:10px;padding:6px 0;font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.contact-link .link-marker{color:#ffffff40;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.contact-link:after{content:"";background:#fff;width:0;height:1px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:22px}.contact-link:hover{color:#fff;transform:translate(4px)}.contact-link:hover .link-marker{color:#ffffffb3}.contact-link:hover:after{width:calc(100% - 22px)}.minimal-music,.minimal-reading{color:#999;font-size:12px}.music-line,.reading-line{align-items:center;gap:8px;margin-bottom:6px;display:flex}.reading-insight{color:#ffffff73;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.reading-insight.current{color:#0ef3c5}.reading-insight-title{color:#ffffffb3}.reading-insight-value{color:#fff;font-weight:600}.days-text,.pace-text,.updated-text{color:#ffffffb3}.progress-missing{color:#fff6;font-style:italic}@media (max-width:768px){.minimal-reading{font-size:13px}.reading-line{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .2s}.reading-line:active{background:#ffffff0d;transform:scale(.98)}.reading-line:hover{background:#ffffff08}.book-nav{gap:8px;margin-left:auto;display:flex}.nav-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.nav-btn:hover{background:#ffffff26;border-color:#ffffff4d}.nav-btn:active{transform:scale(.95)}.nav-indicator{color:#fff9;margin:0 8px;font-size:12px}.reading-details{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:16px;padding:16px}.detail-line{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-line:last-child{border-bottom:none}.detail-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.progress-minimal{align-items:center;gap:12px;display:flex}.progress-track{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0ef3c5,#0f8);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:#0ef3c5;text-align:right;min-width:35px;font-size:13px;font-weight:600}.rating-minimal{letter-spacing:2px;font-size:14px}}.music-icon,.reading-icon{color:#666;font-size:12px}.track-title,.book-title{color:#fff;font-size:13px;font-weight:500}.track-artist,.book-author{color:#666;font-size:12px}.separator{color:#333}@media (max-width:1200px){.index-title{font-size:140px}.main-content{padding:50px 60px}.filter-tabs{gap:8px 10px}}@media (max-width:1024px){.side-nav{width:240px;padding:30px 20px}.main-content{width:calc(100% - 240px);margin-left:240px;padding:40px}.index-title{font-size:100px}.filter-tabs{gap:8px}.works-table{font-size:13px}.work-row td{padding:16px 0}.expertise-grid,.contact-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-header{flex-direction:column;gap:20px;padding:30px 20px 20px}.header-left{max-width:100%}.header-name{font-size:14px}.header-description{font-size:13px}.header-nav{justify-content:flex-start;width:100%}.nav-status{margin-right:20px}.header-nav-link{justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:13px;display:flex}.freegame-display{margin-top:0;margin-right:0;font-size:14px}.main-content{flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:40px 24px;display:flex}.index-title{letter-spacing:-.02em;text-align:center;width:100%;max-width:100%;font-size:56px;line-height:.9}.works-controls{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:100%}.view-toggle{width:100%}.toggle-btn{flex:1;justify-content:center;padding:10px 0;font-size:12px}.filter-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;gap:12px;width:100%;max-width:100%;margin:0;padding:8px 0 16px;overflow-x:auto}.filter-tabs:before,.filter-tabs:after{content:"";pointer-events:none;z-index:1;width:24px;position:absolute;top:0;bottom:0}.filter-tabs:before{background:linear-gradient(90deg,#000 0%,#0000 100%);left:0}.filter-tabs:after{background:linear-gradient(270deg,#000 0%,#0000 100%);right:0}.filter-tabs::-webkit-scrollbar{display:none}.filter-btn{scroll-snap-align:start;color:#ccc;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.filter-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.filter-btn:active{transform:translateY(0)scale(.98)}.filter-btn.active{color:#0ef3c5;background:#0ef3c51f;border-color:#0ef3c559}.filter-tabs .filter-btn:first-child{margin-left:8px}.filter-tabs .filter-btn:last-child{margin-right:8px}.works-table{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:100%;display:block;overflow-x:auto}.work-row{box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;width:100%;max-width:100%;margin-bottom:20px;padding:24px;display:flex}.work-row:last-of-type{margin-bottom:0}.project-dropdown td{padding:0!important}.project-dropdown .dropdown-content{padding:16px 0 0}.work-row td{padding:6px 0;width:100%!important}.work-row td:not(:first-child):before{content:"";letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;margin-bottom:4px;font-size:10px;display:block}.work-row td:nth-child(2):before{content:"TYPE"}.work-row td:nth-child(3):before{content:"DOMAIN"}.work-row td:nth-child(4):before{content:"DESCRIPTION"}.work-row td:nth-child(5):before{content:"YEAR"}.work-title{margin-bottom:8px;font-size:16px;font-weight:600}.works-grid-view{grid-template-columns:1fr;gap:32px;width:100%;max-width:100%}.work-card{cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:100%;min-height:200px;padding:28px}.work-card-title{font-size:20px}.work-card:hover{transform:none}.work-card:active{transition:transform .1s;transform:scale(.98)}.about-lead{font-size:20px}.about-body{font-size:15px}.expertise-grid{grid-template-columns:1fr;gap:12px}.now-grid{grid-template-columns:1fr;gap:30px}.contact-email{font-size:32px}.contact-links-grid{grid-template-columns:repeat(2,1fr);gap:20px}.directory-count{letter-spacing:.1em;font-size:10px}}@media (max-width:480px){.index-title{font-size:48px}.section-heading{font-size:12px}.about-lead{font-size:18px}.about-body{font-size:14px}.contact-email{font-size:24px}.filter-tabs{width:calc(100% + 32px);margin:0 -16px;padding:4px 16px 10px}.filter-tabs:before,.filter-tabs:after{width:18px}.filter-btn{padding:8px 14px;font-size:9px}.toggle-btn{padding:9px 0;font-size:11px}.work-row{border-radius:16px;padding:16px}.work-row td{font-size:13px}.work-row td:not(:first-child):before{letter-spacing:.18em;font-size:9px}.contact-links-grid,.expertise-grid{grid-template-columns:1fr}}.reading-status-footer{box-sizing:border-box;background:#000;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;width:100%;max-width:1600px;margin:0 auto;padding:40px 80px}@media (max-width:768px){.reading-status-footer{padding:32px 20px}}.goodreads-csv-reader{opacity:0;color:#fff;font-size:14px;line-height:1.6;animation:.6s forwards fadeInUp}.goodreads-csv-reader.visible{opacity:1}.goodreads-csv-reader.loading,.goodreads-csv-reader.error-state,.goodreads-csv-reader.empty-state{text-align:center}.reading-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.reading-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.book-icon{color:#666;font-size:16px;transition:all .3s}.book-icon.animated{animation:2s ease-in-out infinite pulse}.book-icon.error{color:#ff6b6b}.book-icon.empty{color:#666}.reading-label{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:500}.reading-badge{color:#0f8;letter-spacing:.05em;text-transform:uppercase;background:#00ff881a;border:1px solid #0f83;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.live-dot{background:#0f8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.reading-stats{flex-shrink:0;align-items:center;gap:20px;display:flex}.book-navigation{align-items:center;gap:8px;display:flex}.nav-arrow{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:4px 8px;font-size:14px;transition:all .2s;display:flex}.nav-arrow:hover:not(:disabled){background:#ffffff0d;border-color:#fff6}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.book-counter{color:#666;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.current-book{color:#fff}.book-separator{color:#333}.total-books{color:#666}.reading-time{color:#666;cursor:help;align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.reading-time:hover{color:#fff}.tooltip{color:#fff;white-space:nowrap;z-index:1000;background:#000000e6;border:1px solid #ffffff1a;border-radius:6px;margin-top:25px;padding:8px 12px;font-size:11px;position:absolute}.reading-content,.book-info{margin-bottom:24px}.book-title{color:#fff;cursor:pointer;margin-bottom:8px;font-size:28px;font-weight:400;line-height:1.2;transition:color .3s;position:relative}.book-title:hover{color:#ccc}.quote-left,.quote-right{color:#ffffff4d;font-size:24px}.title-underline{background:linear-gradient(90deg,#fff 0%,#ffffff4d 100%);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.book-title:hover .title-underline{width:100%}.book-author{color:#666;margin-bottom:16px;font-size:16px}.by-text{color:#fff6}.book-details{flex-direction:column;gap:12px;display:flex}.book-rating{align-items:center;gap:8px;font-size:14px;display:flex}.star{color:#ffd93d;transition:transform .2s}.star.filled{color:#ffd93d}.star:not(.filled){color:#fff3}.rating-text{color:#fff9;font-size:12px}.book-meta{color:#ffffffb3;align-items:center;gap:16px;font-size:13px;display:flex}.pages-info,.year-info{align-items:center;gap:4px;display:flex}.reading-progress{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin:32px 0;padding:24px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.progress-label{color:#fff;font-size:14px;font-weight:500}.progress-percentage{font-size:16px;font-weight:600}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:16px;position:relative;overflow:hidden}.progress-bar{border-radius:4px;height:100%;transition:width .5s;position:relative}.progress-bar.animating{animation:.5s progressGlow}.progress-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1s ease-in-out infinite slideGlow;position:absolute;inset:0}.progress-track{background:#ffffff0d;position:absolute;inset:0}.progress-labels{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;font-size:11px;display:flex}.reading-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.goodreads-badge{color:#ffffffb3;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;transition:all .3s;display:flex}.goodreads-badge:hover{background:#ffffff0d;border-color:#ffffff1a}.goodreads-icon{font-size:14px}.goodreads-text{font-weight:500}.data-source{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.meta-info{align-items:center;gap:20px;font-size:12px;display:flex}.last-updated{color:#fff9;align-items:center;gap:6px;display:flex}.update-icon{font-size:12px}.navigation-hint{color:#fff9;align-items:center;gap:6px;display:flex}.nav-icon{font-size:12px}@keyframes progressGlow{0%{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 8px 2px #ffffff4d}to{box-shadow:0 0 #ffffff4d}}@keyframes slideGlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.goodreads-csv-reader{font-size:13px}.reading-header{flex-direction:column;align-items:flex-start;gap:16px}.reading-header-left{width:100%}.reading-stats{justify-content:space-between;width:100%}.book-navigation{order:2}.reading-time{order:1}.book-title{font-size:24px}.quote-left,.quote-right{font-size:20px}.book-author{font-size:15px}.book-meta{flex-direction:column;align-items:flex-start;gap:8px}.reading-progress{margin:24px 0;padding:20px}.progress-header{flex-direction:column;align-items:flex-start;gap:8px}.progress-percentage{font-size:14px}.reading-meta{flex-direction:column;gap:16px}.meta-info{flex-direction:column;align-items:flex-start;gap:12px}.nav-arrow{min-width:32px;height:32px;font-size:16px}.book-counter,.reading-time{font-size:13px}}@media (max-width:480px){.book-title{font-size:20px}.book-author{font-size:14px}.reading-progress{padding:16px}.goodreads-badge{padding:6px 12px;font-size:11px}.nav-arrow{min-width:30px;height:30px;font-size:14px}}.footer-comprehensive{z-index:1;background:linear-gradient(#000 0%,#050505 100%);border-top:1px solid #ffffff14;margin-top:200px;padding:120px 80px 100px;position:relative}.footer-wrapper{grid-template-columns:repeat(3,1fr);gap:80px 100px;max-width:1600px;margin:0 auto;display:grid}.footer-system-specs{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:60px;margin-bottom:60px;display:flex}.footer-system-specs .spec-group{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:10px;display:flex}.footer-system-specs .spec-label{color:#fff6;font-weight:400}.footer-system-specs .spec-value{color:#ffffffb3;font-weight:600}.footer-divider-line{background:#fff3;grid-column:1/-1;width:80px;height:1px;margin:0 auto 60px}.footer-manifesto{flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;margin-bottom:80px;display:flex}.footer-manifesto .manifesto-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.footer-manifesto .manifesto-item{letter-spacing:.15em;text-transform:uppercase;color:#fff9;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:11px;font-weight:600;display:flex}.footer-manifesto .manifesto-quote{opacity:.3;color:#fff;font-size:20px;font-weight:700;line-height:.8}.footer-manifesto .manifesto-divider{opacity:.3;color:#fff6;font-size:16px}.footer-heading{color:#666;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:11px;font-style:italic;font-weight:400;display:flex}.footer-heading .footer-heading-quote{opacity:.2;font-size:16px;font-style:normal;font-weight:700;line-height:.8}.footer-section{flex-direction:column;display:flex}.footer-links-list{flex-direction:column;gap:16px;display:flex}.footer-text-link{color:#666;align-items:center;gap:10px;width:fit-content;padding:4px 0;font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.footer-text-link svg{opacity:.6;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.footer-text-link:hover svg{opacity:1;transform:translate(2px)}.footer-text-link span{position:relative}.footer-text-link span:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-text-link:hover{color:#fff}.footer-text-link:hover svg{transform:translateY(-2px)}.footer-text-link:hover span:after{width:100%}.footer-bottom{border-top:1px solid #1a1a1a;grid-column:1/-1;margin-top:60px;padding-top:40px}.footer-identity{color:#666;align-items:center;gap:12px;font-size:13px;display:flex}.footer-name{color:#fff;align-items:center;gap:8px;font-weight:400;display:flex}.footer-name .name-quote{opacity:.2;font-size:18px;font-weight:700;line-height:.8}.footer-timestamp{letter-spacing:.1em;color:#fff6;margin-top:12px;font-family:Courier New,monospace;font-size:10px}.footer-year,.footer-location{color:#666}.footer-details{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.footer-year{color:#666}.footer-separator{color:#333}.footer-location{color:#666;align-items:center;gap:8px;display:flex;position:relative}.location-dot{background:#0f8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 8px #0f86}.footer-links-column{justify-content:flex-end}.footer-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-link{color:#666;justify-content:center;align-items:center;transition:all .3s;display:flex}.footer-link:hover{color:#fff;transform:translateY(-2px)}@media (max-width:768px){.footer-comprehensive{margin-top:100px;padding:60px 20px 40px}.footer-wrapper{grid-template-columns:1fr;gap:60px}.footer-email{font-size:28px}.footer-contact{margin-bottom:20px}.footer-bottom{margin-top:40px}.footer-minimal{padding:40px 20px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));justify-content:center;gap:12px;max-width:100%}.footer-text-link{-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;min-height:52px;padding:14px 18px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.footer-text-link:active{background:#ffffff14;transform:scale(.95)}.footer-link{-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;min-width:48px;min-height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.footer-link:active{background:#ffffff0d;transform:scale(.9)}}@media (max-width:480px){.footer-links{grid-template-columns:repeat(4,auto);gap:12px}.footer-text-link{min-height:44px;padding:10px 12px;font-size:13px}.footer-link{min-width:40px;min-height:40px}.section-heading{letter-spacing:.08em;font-size:16px}.about-lead{text-align:center;max-width:100%;margin:0 auto 24px;font-size:18px;line-height:1.4}.about-body{text-align:center;max-width:100%;margin:0 auto 32px;font-size:15px;line-height:1.6}.expertise-item{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:12px 16px;font-size:14px;transition:all .2s}.expertise-item:hover{background:#ffffff14;border-color:#ffffff26}.contact-email{letter-spacing:-.01em;text-align:center;max-width:100%;margin:0 auto;font-size:24px}.credentials-button{min-height:48px;padding:14px 24px;font-size:14px}.credentials-section{margin-bottom:60px}.content-section{flex-direction:column;align-items:center;width:100%;max-width:100%;margin-bottom:100px;display:flex}.about-section,.contact-section,.credentials-section{text-align:center;width:100%;max-width:100%;margin-bottom:120px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.main-content{padding:32px 20px}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600}.section-heading{text-align:center;margin-bottom:32px;font-size:18px}.work-title,.work-card-title{font-weight:600;line-height:1.3}*{-webkit-tap-highlight-color:#ffffff1a}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:none}}.projects-directory-section{padding:0}.category-hero-section{border-bottom:2px solid #ffffff26;padding:60px 0;position:relative}.category-hero-section:before{content:"\"";color:#ffffff05;pointer-events:none;z-index:0;font-size:240px;font-weight:700;line-height:1;position:absolute;top:-20px;right:60px}.category-header{text-align:left;z-index:1;max-width:1200px;margin:0 auto;padding:0 60px;position:relative}.category-breadcrumb{letter-spacing:.15em;align-items:center;gap:12px;margin-bottom:32px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;font-weight:600;display:flex}.breadcrumb-link{color:#ffffff80;text-decoration:none;transition:all .3s}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:#ffffff4d;font-size:14px}.breadcrumb-current{color:#fff;font-weight:700}.category-title-group{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.category-quote-mark{color:#fff;opacity:.15;margin-top:-10px;font-size:100px;font-weight:700;line-height:.8}.category-title{letter-spacing:.05em;color:#fff;margin:0;font-size:56px;font-weight:200;line-height:1.1}.category-meta-badges{flex-wrap:wrap;gap:16px;margin-bottom:32px;display:flex}.category-meta-badge{background:#ffffff05;border:1px solid #fff3;flex-direction:column;gap:4px;min-width:80px;padding:12px 20px;display:flex}.category-meta-badge .meta-label{letter-spacing:.15em;color:#fff6;font-family:SF Mono,Monaco,Courier New,monospace;font-size:9px;font-weight:600}.category-meta-badge .meta-value{color:#fff;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace;font-size:24px;font-weight:700}.category-meta-badge.status-active .meta-value{color:#ffffffe6}.category-meta-badge.status-completed .meta-value{color:#ffffffb3}.category-meta-badge.status-progress .meta-value{color:#fffc}.badge-animate{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards badgeFadeIn}.badge-animate:first-child{animation-delay:.1s}.badge-animate:nth-child(2){animation-delay:.3s}.badge-animate:nth-child(3){animation-delay:.5s}.badge-animate:nth-child(4){animation-delay:.7s}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-meta-badge .meta-value{transition:color .3s}.category-description{color:#fff9;letter-spacing:.01em;max-width:700px;margin:0;font-size:16px;line-height:1.7}.category-content-section{max-width:1200px;margin:0 auto;padding:80px 60px}.category-overview{border-bottom:1px solid #ffffff1a;margin-bottom:100px;padding-bottom:60px}.section-heading{letter-spacing:.2em;color:#fff;text-transform:uppercase;align-items:center;gap:20px;margin-bottom:40px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:16px;font-weight:700;display:flex}.section-number{letter-spacing:0;font-variant-numeric:tabular-nums;border:1px solid #fff;justify-content:center;align-items:center;width:50px;height:50px;font-size:14px;font-weight:700;display:inline-flex}.section-count{color:#ffffff80;margin-left:auto;font-size:14px}.overview-text{color:#ffffffb3;letter-spacing:.01em;max-width:800px;margin:0;font-size:16px;line-height:1.8}.category-technologies{border-bottom:1px solid #ffffff1a;margin-bottom:100px;padding-bottom:60px}.technologies-grid{flex-wrap:wrap;gap:12px;display:flex}.technology-tag{color:#fff;letter-spacing:.05em;background:0 0;border:1px solid #fff3;align-items:center;gap:12px;padding:12px 20px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:500;transition:all .3s;display:flex}.tech-index{color:#fff6;font-size:10px;font-weight:700}.technology-tag:hover{color:#000;background:#fff;border-color:#fff}.technology-tag:hover .tech-index{color:#0006}.category-projects{border-bottom:1px solid #ffffff1a;margin-bottom:100px;padding-bottom:60px}.projects-list{border-top:2px solid #fff;flex-direction:column;gap:0;display:flex}.projects-grid{gap:24px;display:grid}.project-item-wrapper{border-bottom:1px solid #ffffff26}.project-item-wrapper:last-child{border-bottom:2px solid #fff}.project-card{cursor:pointer;background:#000;border:none;grid-template-columns:60px 1fr 60px;align-items:start;gap:32px;padding:40px 0;transition:all .3s;display:grid;position:relative}.project-card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:#fff;transition:opacity .3s;position:absolute;inset:0 -60px}.project-card:hover:before,.project-card.selected:before{opacity:1}.project-card-index{color:#fff;z-index:1;font-variant-numeric:tabular-nums;border:1px solid #fff;grid-column:1;justify-content:center;align-items:center;width:60px;height:60px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:16px;font-weight:700;transition:all .3s;display:flex;position:relative}.project-card:hover .project-card-index,.project-card.selected .project-card-index{background:#000;border-color:#000}.project-card-content{z-index:1;grid-column:2;position:relative}.project-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.project-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.project-status{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.project-status.active{color:#0f8;background:#00ff881a;border:1px solid #0f83}.project-status.completed{color:#08f;background:#0088ff1a;border:1px solid #08f3}.project-status.planned{color:#f80;background:#ff88001a;border:1px solid #f803}.project-year{color:#fff9;font-size:14px;font-weight:500}.project-title{color:#fff;flex:1;min-width:0;margin:0;font-size:20px;font-weight:600;line-height:1.3}.project-description{color:#ffffffb3;margin:0 0 20px;font-size:15px;line-height:1.6}.project-link{color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.project-link:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.project-link:hover:after{width:100%}.related-fields-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.related-field{color:#fffc;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:12px 16px;font-size:14px;transition:all .3s}.related-field:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}@media (max-width:1024px){.category-hero-section{padding:60px 0 40px}.category-title{font-size:40px}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.related-fields-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.category-hero-section{padding:40px 24px 30px}.category-header{text-align:left}.category-breadcrumb{justify-content:flex-start;margin-bottom:24px}.category-title{margin-bottom:16px;font-size:32px}.category-description{text-align:left;max-width:none;font-size:16px}.category-content-section{padding:60px 24px}.section-heading{margin-bottom:24px;font-size:20px}.overview-text{font-size:15px}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.technology-tag{padding:10px 16px;font-size:13px}.projects-grid{gap:20px}.project-card{padding:24px 20px}.project-title{font-size:18px}.project-description{font-size:14px}.related-fields-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.related-field{padding:10px 12px;font-size:13px}}@media (max-width:480px){.category-hero-section{padding:32px 20px 24px}.category-title{font-size:28px}.category-description{font-size:15px}.category-content-section{padding:40px 20px}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.technology-tag{padding:8px 12px;font-size:12px}.project-card{padding:20px 16px}.project-header{flex-direction:column;align-items:flex-start;gap:8px}.project-meta{order:2}.project-title{order:1;font-size:16px}.related-fields-grid{grid-template-columns:1fr}}.projects-header{text-align:center;margin-bottom:80px;position:relative}.projects-process-meta{letter-spacing:.12em;color:#ffffff80;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-family:Courier New,monospace;font-size:10px;display:flex}.process-label{opacity:.5}.process-version,.process-status{color:#fffc;font-weight:600}.process-divider{opacity:.3}.projects-cultural-context{letter-spacing:.2em;text-transform:uppercase;color:#fff9;justify-content:center;align-items:center;gap:16px;margin:24px 0;font-size:13px;font-weight:600;display:flex}.context-quote{opacity:.3;color:#fff;font-size:32px;line-height:.8}.context-text{position:relative}.projects-intro{color:#ffffffb3;letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:700px;margin:30px auto 0;font-size:16px;font-weight:400;line-height:1.6;display:flex}.intro-marker{letter-spacing:.15em;text-transform:uppercase;color:#ffffffe6;background:#ffffff08;border:1px solid #ffffff4d;padding:6px 12px;font-family:Courier New,monospace;font-size:11px}.intro-divider{opacity:.4}.projects-meta-stats{background:#ffffff05;border:1px solid #fff3;align-items:center;gap:20px;padding:16px 24px;font-family:Courier New,monospace;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-number{color:#fff;letter-spacing:.05em;font-size:24px;font-weight:700}.stat-label{letter-spacing:.15em;color:#ffffff80;text-transform:uppercase;font-size:9px}.stat-divider{opacity:.3;color:#fff;font-size:20px}.projects-directory-grid{border-top:2px solid #fff;border-bottom:2px solid #fff;flex-direction:column;gap:0;display:flex}.directory-card{color:#fff;cursor:pointer;background-color:#000;border:none;border-bottom:1px solid #ffffff26;outline:none;grid-template-columns:60px 1fr 60px;align-items:center;gap:32px;padding:40px 48px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.directory-card:focus-visible{color:#000;outline-offset:-2px;background-color:#fff;outline:2px solid #fff6}.directory-card:last-child{border-bottom:none}.directory-card:before{content:"";opacity:0;pointer-events:none;background:#fff;transition:opacity .3s;position:absolute;inset:0}.directory-card:hover{color:#000;background-color:#fff}.directory-card:hover:before{opacity:1}.directory-card-inner{z-index:1;flex-direction:column;grid-column:2;gap:16px;display:flex;position:relative}.directory-icon{color:#fff;letter-spacing:.15em;text-align:center;font-variant-numeric:tabular-nums;border:1px solid #fff;flex-shrink:0;grid-column:1;width:60px;height:auto;margin-top:4px;padding:8px 12px;font-size:14px;font-weight:700;transition:all .3s}.directory-card:hover .directory-icon{color:#fff;background:#000;border-color:#000}.directory-info{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.directory-process{letter-spacing:.1em;color:#fff6;text-transform:uppercase;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:9px;display:flex}.directory-version{color:#fff9;font-weight:600}.directory-status-dot{background:#0f8c;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.directory-card:hover .directory-process{color:#0006}.directory-card:hover .directory-version{color:#0009}.directory-card:hover .directory-status-dot{background:#000c}.directory-name{letter-spacing:.05em;color:#fff;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:200;line-height:1.2;transition:color .3s;display:flex}.name-quote{opacity:.2;font-size:32px;font-weight:700;line-height:.8}.directory-card:hover .directory-name{color:#000}.directory-card:hover .name-quote{opacity:.4}.directory-meta{align-items:center;gap:12px;display:flex}.directory-path{color:#ffffff80;letter-spacing:.08em;font-family:Courier New,monospace;font-size:11px;transition:color .3s}.directory-meta-divider{opacity:.3;color:#fff;font-size:12px}.project-count-badge{letter-spacing:.12em;color:#fff9;background:#ffffff08;border:1px solid #fff3;padding:4px 8px;font-family:Courier New,monospace;font-size:10px;font-weight:600}.directory-card:hover .directory-path,.directory-card:hover .directory-meta-divider{color:#00000080}.directory-card:hover .project-count-badge{color:#000000b3;background:#00000008;border-color:#0003}.directory-count{letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-top:0;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;display:inline-block}.project-number{color:#ffffffb3;font-weight:600}.directory-card:hover .directory-count{color:#00000080}.directory-card:hover .project-number{color:#000c}.directory-arrow{color:#fff6;text-align:center;z-index:1;flex-shrink:0;grid-column:3;width:60px;height:auto;margin-top:4px;font-size:20px;transition:all .3s;position:relative}.directory-card:hover .directory-arrow{color:#000;transform:translate(6px)}.portfolio-container{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.portfolio-container.loaded{opacity:1}.header-name-link{color:inherit;text-decoration:none}.header-name-link:hover .header-name{opacity:.7}.projects-header{position:relative}.projects-header:before{content:"\"";color:#ffffff05;pointer-events:none;z-index:0;font-size:280px;font-weight:700;line-height:1;position:absolute;top:-40px;right:40px}.projects-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.projects-title-group{z-index:1;align-items:flex-start;gap:16px;display:flex;position:relative}.projects-quote-mark{color:#fff;opacity:.15;-webkit-user-select:none;user-select:none;margin-top:-20px;font-size:120px;font-weight:700;line-height:.8;transition:all .4s cubic-bezier(.4,0,.2,1)}.projects-quote-left{margin-right:16px;animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInLeft}.projects-quote-right{opacity:0;margin-left:16px;animation:.8s cubic-bezier(.4,0,.2,1) .2s forwards fadeInRight}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:.15;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:.15;transform:translate(0)}}.projects-meta{letter-spacing:.15em;color:#ffffff80;background:#ffffff05;border:1px solid #fff3;align-items:center;gap:16px;padding:12px 20px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;display:flex}.projects-meta-item{font-weight:600}.projects-meta-divider{opacity:.3}.projects-subtitle{letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin:0 0 24px;padding-bottom:16px;font-size:13px;font-weight:600;position:relative}.projects-subtitle:after{content:"";opacity:.2;background:#fff;width:60px;height:2px;position:absolute;bottom:0;left:0}.projects-controls{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:48px;padding:32px 0;display:flex}.projects-search-wrapper{flex:1;min-width:300px;position:relative}.projects-search{color:#fff;letter-spacing:.1em;background:0 0;border:1px solid #fff3;width:100%;padding:14px 20px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:500;transition:all .3s}.projects-search::placeholder{color:#ffffff4d;letter-spacing:.15em}.projects-search:focus{background:#ffffff05;border-color:#ffffff80;outline:none}.projects-search-clear{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.projects-search-clear:hover{color:#000;background:#fff;border-color:#fff}.projects-sort{align-items:center;gap:12px;display:flex}.projects-sort-label{letter-spacing:.15em;color:#fff6;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;font-weight:600}.projects-sort-btn{color:#ffffff80;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #fff3;padding:10px 16px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;font-weight:600;transition:all .3s}.projects-sort-btn:hover{color:#fffc;background:#ffffff0d;border-color:#ffffff80}.projects-sort-btn.active{color:#000;background:#fff;border-color:#fff}.projects-sort-btn.sorting{opacity:.6;pointer-events:none;transform:scale(.95)}.projects-sort-btn:disabled{cursor:not-allowed;opacity:.6}.projects-status{background:#ffffff05;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;margin:20px 0;padding:16px 0}.projects-status-content{letter-spacing:.15em;color:#fff9;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;display:flex}.projects-status-text{color:#fffc;font-weight:700}.projects-status-sort,.projects-status-search{color:#ffffffb3;font-weight:600}.projects-no-results{text-align:center;border-top:2px solid #fff;border-bottom:2px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:120px 40px;display:flex}.projects-no-results-icon{color:#ffffff1a;margin-bottom:24px;font-size:80px;font-weight:200;display:block}.projects-no-results-text{letter-spacing:.2em;color:#fff6;margin:0 0 32px;font-size:16px;font-weight:600}.projects-no-results-btn{color:#fff;letter-spacing:.15em;cursor:pointer;background:0 0;border:2px solid #fff;padding:14px 32px;font-size:11px;font-weight:600;transition:all .3s}.projects-no-results-btn:hover{color:#000;background:#fff}.projects-footer{border-top:2px solid #ffffff26;flex-direction:column;gap:32px;margin-top:80px;padding:60px 0 40px;display:flex}.projects-footer-specs{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.spec-group{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:10px;display:flex}.spec-label{color:#fff6;font-weight:400}.spec-value{color:#ffffffb3;font-weight:600}.projects-footer-divider-line{background:#fff3;width:60px;height:1px;margin:0 auto}.projects-footer-manifesto{letter-spacing:.2em;text-transform:uppercase;color:#fff9;justify-content:center;align-items:center;gap:16px;font-size:14px;font-weight:600;display:flex}.manifesto-quote{opacity:.3;color:#fff;font-size:32px;font-weight:700;line-height:.8}.manifesto-text{position:relative}.projects-footer-content{letter-spacing:.15em;color:#ffffff4d;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;font-family:Courier New,monospace;font-size:10px;display:flex}.projects-footer-meta{font-weight:600}.projects-footer-timestamp{color:#fff6;font-size:9px}.projects-footer-divider{opacity:.3;font-weight:300}.projects-directory-grid{-webkit-overflow-scrolling:touch}.directory-card{will-change:transform,background-color}@media (max-width:768px){.projects-header:before{font-size:180px;top:-20px;right:20px}.projects-process-meta{gap:8px;margin-bottom:24px;font-size:9px}.projects-header-top{flex-direction:column;gap:16px}.projects-quote-mark{margin-top:-10px;font-size:60px}.projects-meta-stats{gap:16px;padding:12px 20px}.stat-number{font-size:20px}.stat-label{font-size:8px}.projects-cultural-context{gap:12px;font-size:11px}.context-quote{font-size:24px}.projects-intro{font-size:14px}.intro-marker{padding:5px 10px;font-size:10px}.projects-meta{justify-content:center;width:100%;padding:10px 16px;font-size:10px}.projects-subtitle{font-size:11px}.projects-controls{flex-direction:column;gap:20px;padding:24px 0}.projects-search-wrapper{width:100%;min-width:100%}.projects-search{padding:12px 16px;font-size:11px}.projects-sort{flex-wrap:wrap;justify-content:center;width:100%}.projects-sort-label{text-align:center;width:100%;margin-bottom:8px}.projects-sort-btn{flex:1;min-width:80px}.projects-status-content{text-align:center;flex-direction:column;gap:8px;font-size:10px}.projects-no-results{padding:80px 24px}.projects-no-results-icon{font-size:60px}.projects-no-results-text{font-size:14px}.projects-footer{gap:24px;margin-top:60px;padding:40px 0 32px}.projects-footer-specs{flex-direction:column;gap:16px}.spec-group{font-size:9px}.projects-footer-manifesto{gap:12px;font-size:12px}.manifesto-quote{font-size:24px}.projects-footer-content{flex-direction:column;gap:12px;font-size:9px}.projects-footer-timestamp{font-size:8px}.projects-footer-divider{display:none}.directory-card{grid-template-columns:40px 1fr 40px;gap:24px;padding:28px 32px}.directory-icon{width:40px;padding:6px 8px;font-size:12px}.directory-process{gap:6px;font-size:8px}.directory-status-dot{width:5px;height:5px}.directory-name{gap:8px;font-size:18px}.name-quote{font-size:24px}.directory-meta{gap:8px}.directory-path{font-size:10px}.project-count-badge{padding:3px 6px;font-size:9px}.directory-count{font-size:10px}.directory-arrow{width:40px;font-size:16px}}@media (max-width:480px){.projects-header:before{font-size:120px;top:-10px;right:10px}.projects-title-group{flex-direction:column;gap:8px}.projects-process-meta{gap:6px;font-size:8px}.projects-quote-mark{margin-top:0;font-size:48px}.index-title{font-size:32px}.projects-meta-stats{flex-direction:column;gap:12px;padding:12px 16px}.stat-number{font-size:18px}.stat-label{font-size:7px}.stat-divider{display:none}.projects-cultural-context{gap:8px;font-size:10px}.context-quote{font-size:20px}.projects-intro{flex-direction:column;font-size:13px}.intro-marker{padding:4px 8px;font-size:9px}.projects-meta{flex-direction:column;gap:8px;padding:12px 16px}.projects-meta-divider{display:none}.projects-subtitle{letter-spacing:.15em;font-size:10px}.projects-controls{padding:20px 0}.projects-search{padding:12px 14px;font-size:10px}.projects-sort{gap:8px}.projects-sort-btn{padding:10px 12px;font-size:10px}.projects-no-results{padding:60px 20px}.projects-no-results-icon{font-size:40px}.projects-no-results-text{font-size:12px}.projects-no-results-btn{padding:12px 24px;font-size:10px}.projects-footer{gap:20px;margin-top:40px;padding:32px 0 24px}.projects-footer-specs{gap:12px}.spec-group{font-size:8px}.projects-footer-manifesto{gap:8px;font-size:11px}.manifesto-quote{font-size:20px}.projects-footer-content{gap:8px;font-size:8px}.projects-footer-timestamp{font-size:7px}.projects-status-content{gap:6px;font-size:9px}.projects-directory-grid{border-top-width:2px;border-bottom-width:2px}.directory-card{border-bottom-width:2px;grid-template-columns:1fr;gap:20px;padding:24px}.directory-icon{grid-area:1/1;justify-self:start;width:auto;padding:8px 12px;font-size:11px}.directory-card-inner{grid-area:2/1;gap:12px}.directory-process{gap:4px;font-size:7px}.directory-status-dot{width:4px;height:4px}.directory-name{gap:6px;font-size:16px;line-height:1.1}.name-quote{font-size:20px}.directory-meta{flex-wrap:wrap;gap:6px}.directory-path{margin-bottom:0;font-size:9px}.project-count-badge{padding:2px 5px;font-size:8px}.directory-count{font-size:9px}.directory-arrow{grid-area:1/1;justify-self:end;width:auto;margin:0;font-size:18px}}@media (max-width:1024px){.directory-card{grid-template-columns:50px 1fr 50px;gap:28px;padding:32px 40px}.directory-icon{width:50px;padding:6px 10px;font-size:13px}.directory-name{font-size:20px}.directory-arrow{width:50px;font-size:18px}.top-header{padding:40px 40px 32px}.top-header.scrolled{padding:24px 40px 20px}.main-content{padding:60px 40px}}@media (max-width:1024px) and (min-width:769px){.top-header{padding:40px 32px 32px}.header-name{font-size:16px}.header-description{font-size:15px}.works-controls{flex-flow:wrap;gap:16px}.view-toggle{flex:1;max-width:200px}.filter-tabs{flex:1;min-width:300px}.works-grid-view{grid-template-columns:repeat(2,1fr);gap:20px}.expertise-grid{grid-template-columns:repeat(3,1fr)}.contact-links-grid{grid-template-columns:repeat(2,1fr)}.footer-wrapper{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.projects-header{margin-bottom:60px}.projects-intro{margin-top:20px;padding:0;font-size:15px}.projects-directory-grid{grid-template-columns:1fr;gap:1px}.directory-card{padding:24px 20px}.directory-name{font-size:16px}.top-header{flex-direction:column;gap:24px;padding:32px 24px 24px}.top-header.scrolled{padding:20px 24px 16px}.top-header.scrolled .header-name{margin-bottom:0}.header-left{max-width:100%}.header-nav{justify-content:flex-start;gap:24px;width:100%}.freegame-display{margin-top:0;margin-right:0;font-size:13px}.header-name{margin-bottom:16px;font-size:13px}.header-description{font-size:14px;line-height:1.6}.header-projects-link,.header-contact-box{margin-top:0;padding:10px 20px;font-size:14px}.main-content{padding:40px 24px}.index-title{font-size:52px}html{-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:none}}@media (max-width:480px){.directory-card{padding:20px 16px}.directory-card-inner{gap:12px}.directory-name{font-size:15px;line-height:1.3}.directory-path{font-size:12px}.directory-icon,.directory-icon svg{width:18px;height:18px}.directory-arrow,.directory-arrow svg{width:14px;height:14px}.top-header{gap:20px;padding:24px 20px 20px}.top-header.scrolled{padding:16px 20px 12px}.header-name{letter-spacing:-.02em;margin-bottom:12px;font-size:12px}.header-description{letter-spacing:-.01em;font-size:13px;line-height:1.5}.main-content{padding:32px 20px}.index-title{letter-spacing:-.02em;font-size:42px;line-height:1.1}.projects-intro{font-size:14px;line-height:1.6}.works-header{margin-bottom:40px}.works-intro{max-width:100%;font-size:14px;line-height:1.6}.filter-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:12px 0 20px}.filter-tabs::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;min-height:36px;padding:8px 12px;font-size:11px}.work-row{border-radius:12px;margin-bottom:16px;padding:20px 16px}.work-title{font-size:16px;font-weight:500;line-height:1.3}.work-description{margin-top:8px;font-size:13px;line-height:1.5}.work-date{color:#ffffffb3;font-size:12px}.category-link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-top:8px;padding:4px 8px;font-size:12px;display:inline-block}.work-card{border-radius:12px;margin-bottom:16px;padding:20px 16px}.work-card-title{margin-bottom:8px;font-size:16px;line-height:1.3}.work-card-description{font-size:13px;line-height:1.5}.work-card-year{margin-top:12px;font-size:12px}.about-content{gap:24px}.about-lead,.about-body{font-size:14px;line-height:1.6}.expertise-heading{margin-bottom:16px;font-size:16px}.expertise-grid{grid-template-columns:1fr;gap:12px}.expertise-item{border-radius:8px;padding:12px 16px;font-size:13px}.contact-section{padding:40px 0}.contact-content{gap:32px}.contact-email{padding:16px 20px;font-size:18px}.contact-links-grid{grid-template-columns:1fr;gap:12px}.contact-link{align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:14px;display:flex}.footer-comprehensive{padding:32px 20px 60px}.footer-section{margin-bottom:32px}.footer-heading{margin-bottom:16px;font-size:14px}.footer-links-list{gap:12px}.footer-text-link{min-height:40px;padding:8px 12px;font-size:13px}.footer-identity{text-align:center;flex-direction:column;align-items:center;gap:8px}.footer-separator{display:none}.category-hero-section{padding:40px 0 32px}.category-title{font-size:32px;line-height:1.2}.category-description{font-size:14px;line-height:1.6}.section-heading{margin-bottom:16px;font-size:18px}.overview-text{font-size:14px;line-height:1.6}.technologies-grid{grid-template-columns:1fr;gap:8px}.technology-tag{padding:6px 12px;font-size:12px}.projects-grid{gap:20px}.project-card{border-radius:12px;padding:20px 16px}.project-title{font-size:16px;line-height:1.3}.project-description{font-size:13px;line-height:1.5}.project-link{margin-top:12px;padding:8px 16px;font-size:13px}.clickable-row,.work-card,.directory-card,.filter-btn,.toggle-btn{min-height:44px}*{-webkit-overflow-scrolling:touch}.filter-btn:active,.toggle-btn:active,.contact-link:active,.footer-text-link:active{transition:transform .1s;transform:scale(.98)}}.clickable-row{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.clickable-row:hover{background-color:#ffffff05!important}.clickable-row:after{content:"▼";color:#666;opacity:0;font-size:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:20px;transform:translateY(-50%)}.clickable-row:hover:after{opacity:1}.clickable-row.expanded:after{opacity:1;color:#fff;transform:translateY(-50%)rotate(180deg)}.project-dropdown{background-color:#0000;border:none}.project-dropdown td{border:none;padding:0!important}.dropdown-content{opacity:0;max-height:0;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(-20px)}.project-dropdown td{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:800px}}.dropdown-content{opacity:1;justify-content:center;align-items:center;max-height:800px;padding:40px 0;display:flex;transform:translateY(0)}.project-gif{opacity:0;border:1px solid #ffffff0d;border-radius:8px;width:100%;max-width:600px;height:auto;animation:.6s cubic-bezier(.4,0,.2,1) .2s forwards fadeInGif;box-shadow:0 8px 32px #0006}@keyframes fadeInGif{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.clickable-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.clickable-card:after{content:"▼";color:#666;opacity:0;font-size:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:20px;right:20px}.clickable-card:hover:after{opacity:1}.clickable-card.expanded-card:after{opacity:1;color:#fff;transform:rotate(180deg)}.card-dropdown-content{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;margin-top:24px;padding-top:24px;animation:.5s cubic-bezier(.4,0,.2,1) forwards slideDown;display:flex}.card-dropdown-content .project-gif{max-width:100%}.clickable-gif{cursor:pointer;transition:opacity .3s}.clickable-gif:hover{opacity:.8}.category-link{color:#fff;padding:2px 0;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.category-link:after{content:"";background:linear-gradient(90deg,#fff 0%,#888 100%);width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.category-link:hover{color:#ccc}.category-link:hover:after{width:100%}.work-card-category .category-link{font-size:inherit}.header-blog-link{color:#0ef3c5;cursor:pointer;background:#0ef3c51a;border:1px solid #0ef3c540;border-radius:999px;margin-top:24px;margin-right:12px;padding:10px 22px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.header-blog-link:hover{color:#0ef3c5;background:#0ef3c533;transform:translateY(-2px)}.blog-section{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:80px}.blog-header{max-width:720px;margin-bottom:48px}.blog-intro{color:#ffffffa6;margin-top:16px;font-size:16px;line-height:1.8}.blog-status{text-align:center;color:#ffffffb3;background:#ffffff08;border:1px dashed #fff3;border-radius:16px;padding:32px}.blog-status-text{letter-spacing:.02em;font-size:15px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;display:grid}.blog-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px;display:grid}.insight-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:12px;min-height:100%;padding:24px;display:flex}.insight-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;font-size:12px}.insight-tags{flex-wrap:wrap;gap:12px;display:flex}.insight-tag{color:#0ef3c5;letter-spacing:.04em;background:#0ef3c51f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.insight-tag-count{color:#0ef3c5b3;font-size:12px}.insight-value{letter-spacing:-.02em;color:#fff;font-size:28px;font-weight:600}.insight-link{color:#fff;letter-spacing:-.01em;font-weight:600;text-decoration:none;transition:color .3s}.insight-link:hover{color:#0ef3c5}.insight-subtext{color:#ffffff73;letter-spacing:.05em;text-transform:uppercase;font-size:13px}.blog-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;min-height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 18px 40px #00000040}.blog-card:hover{border-color:#0ef3c559;transform:translateY(-6px)}.blog-card-image{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;filter:grayscale(10%);width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-content{flex-direction:column;gap:16px;padding:28px;display:flex}.blog-card-meta{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;align-items:center;gap:12px;font-size:13px;display:flex}.blog-tag{color:#0ef3c5;letter-spacing:.08em;background:#0ef3c51f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.blog-tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.blog-date{color:#fff6}.blog-card-title{color:#fff;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1.4}.blog-card-excerpt{color:#ffffff8c;font-size:15px;line-height:1.7}.blog-card-footer{margin-top:auto}.blog-card-link{color:#0ef3c5;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #0ef3c54d;align-items:center;gap:10px;padding-bottom:2px;font-size:15px;font-weight:600;text-decoration:none;transition:gap .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-card-link:hover{border-color:#0ef3c599;gap:14px}@media (max-width:1200px){.blog-grid,.blog-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.blog-section{padding:60px 40px}.header-blog-link{margin-top:20px}.blog-insights{grid-template-columns:1fr}}@media (max-width:640px){.blog-section{padding:48px 24px}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card{border-radius:20px}.header-blog-link{text-align:center;width:100%;margin-right:0}.blog-insights{gap:16px}}@media (max-width:768px){.clickable-row:after{right:10px}.dropdown-content{padding:20px 0}.project-gif{border-radius:4px;max-width:100%}.card-dropdown-content{margin-top:16px;padding-top:16px}}.generation-timer{color:#0f8;background:linear-gradient(135deg,#00ff881a 0%,#00c8ff1a 100%);border:1px solid #00ff884d;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:6px 12px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;font-weight:600;animation:2s ease-in-out infinite pulse-glow;display:inline-flex}.timer-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:400}.timer-value{color:#0f8;counter-reset:timer 0;font-size:15px;font-weight:700;animation:4.67s ease-out forwards count-up}.timer-unit{color:#ffffff80;font-size:12px;font-weight:400}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #0f83,inset 0 0 10px #00ff881a}50%{border-color:#00ff8880;box-shadow:0 0 20px #0f86,inset 0 0 15px #0f83}}@keyframes count-up{0%{opacity:.5}to{opacity:1}}.project-timer-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0f8;z-index:10;background:#000000d9;border:1px solid #0f86;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #00ff884d}.project-timer-badge:before{content:"⚡";font-size:12px;animation:1.5s ease-in-out infinite flash}@keyframes flash{0%,to{opacity:1}50%{opacity:.4}}.project-title{flex:1;letter-spacing:.05em!important;color:#fff!important;text-transform:uppercase!important;margin:0!important;font-size:24px!important;font-weight:200!important;transition:color .3s!important}.project-card:hover .project-title,.project-card.selected .project-title{color:#000!important}.project-meta{flex-shrink:0;align-items:center;gap:12px;display:flex;font-family:SF Mono,Monaco,Courier New,monospace!important}.project-status{text-transform:uppercase!important;letter-spacing:.15em!important;color:#ffffffb3!important;background:0 0!important;border:1px solid #ffffff4d!important;border-radius:0!important;padding:6px 12px!important;font-size:10px!important;font-weight:700!important;transition:all .3s!important}.project-card:hover .project-status,.project-card.selected .project-status{color:#000000b3!important;border-color:#0000004d!important}.project-status.status-active{color:#fff!important;border-color:#ffffff80!important}.project-card:hover .project-status.status-active,.project-card.selected .project-status.status-active{color:#000!important;background:0 0!important;border-color:#000!important}.project-year{color:#fff6!important;letter-spacing:.1em!important;font-size:12px!important;font-weight:600!important;transition:color .3s!important}.project-card:hover .project-year,.project-card.selected .project-year{color:#0006!important}.project-description{max-width:700px;color:#fff9!important;margin:0 0 20px!important;font-size:15px!important;line-height:1.7!important;transition:color .3s!important}.project-card:hover .project-description,.project-card.selected .project-description{color:#0009!important}.project-link{align-items:center;gap:8px;color:#fff!important;letter-spacing:.15em!important;border:1px solid #fff!important;border-radius:0!important;padding:10px 20px!important;font-family:SF Mono,Monaco,Courier New,monospace!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;transition:all .3s!important;display:inline-flex!important;position:relative!important}.project-link:after{display:none!important}.project-card:hover .project-link,.project-card.selected .project-link{color:#fff!important;background:#000!important;border-color:#000!important}.project-expand-indicator{color:#fff6;z-index:1;border:1px solid #fff3;grid-column:3;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:300;transition:all .3s;display:flex;position:relative}.project-card:hover .project-expand-indicator,.project-card.selected .project-expand-indicator{color:#0006;border-color:#0003}.project-card.clickable-card:hover .project-expand-indicator{color:#000;border-color:#0006}.category-related{margin-bottom:60px!important}.related-fields-grid{flex-wrap:wrap;gap:12px!important;display:flex!important}.related-field{align-items:center;gap:8px;color:#ffffffb3!important;letter-spacing:.05em!important;background:0 0!important;border:1px solid #fff3!important;border-radius:0!important;padding:10px 16px!important;font-family:SF Mono,Monaco,Courier New,monospace!important;font-size:12px!important;transition:all .3s!important;display:flex!important}.field-dot{color:#fff6;font-size:8px}.related-field:hover{color:#000!important;background:#fff!important;border-color:#fff!important;transform:none!important}.related-field:hover .field-dot{color:#0006}.category-footer{border-top:2px solid #ffffff26;margin-top:80px;padding:40px 0 0}.category-footer-content{letter-spacing:.15em;color:#ffffff4d;justify-content:center;align-items:center;gap:20px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;display:flex}.category-footer-meta{font-weight:600}.category-footer-quote{color:#fff6;margin:0 2px;font-size:14px;font-weight:700;line-height:1}.category-footer-divider{opacity:.3;font-weight:300}.card-dropdown-content{border-top:1px solid #ffffff1a;margin-top:20px;margin-left:92px;padding:40px 0}.project-gif{border:2px solid #ffffff1a;width:100%;max-width:800px;height:auto;transition:all .3s}.project-gif:hover,.project-gif.clickable-gif:hover{border-color:#ffffff4d}@media (max-width:1024px){.category-hero-section:before{font-size:180px;right:40px}.category-header{padding:0 40px}.category-title{font-size:44px!important}.category-content-section{padding:60px 40px}.project-card{grid-template-columns:50px 1fr 50px;gap:24px;padding:32px 0}.project-card-index,.project-expand-indicator{width:50px;height:50px;font-size:14px}.section-number{width:45px;height:45px;font-size:13px}}@media (max-width:768px){.category-hero-section{padding:40px 0}.category-hero-section:before{font-size:140px;top:-10px;right:20px}.category-header{padding:0 24px}.category-title-group{flex-direction:column;gap:12px}.category-quote-mark{margin-top:0;font-size:60px}.category-title{font-size:36px!important}.category-meta-badges{flex-wrap:wrap;gap:12px}.category-meta-badge{flex:1;min-width:calc(50% - 6px);padding:10px 16px}.category-meta-badge .meta-value{font-size:20px}.category-breadcrumb{font-size:10px}.category-description{font-size:15px}.category-content-section{padding:50px 24px}.category-overview,.category-technologies,.category-projects{margin-bottom:60px}.section-heading{gap:16px;font-size:14px}.section-number{width:40px;height:40px;font-size:12px}.technologies-grid{gap:10px}.technology-tag{padding:10px 16px;font-size:11px}.project-card{grid-template-columns:40px 1fr 40px;gap:20px;padding:28px 0}.project-card:before{left:-24px;right:-24px}.project-card-index,.project-expand-indicator{width:40px;height:40px;font-size:12px}.project-title{font-size:20px!important}.project-status{padding:5px 10px!important;font-size:9px!important}.project-year{font-size:11px!important}.project-description{font-size:14px!important}.project-link{padding:8px 16px!important;font-size:10px!important}.card-dropdown-content{margin-left:60px;padding:30px 0}.category-footer-content{flex-direction:column;gap:12px;font-size:10px}.category-footer-divider{display:none}}@media (max-width:480px){.category-hero-section{padding:32px 0}.category-hero-section:before{font-size:100px;top:-5px;right:10px}.category-header{padding:0 20px}.category-quote-mark{font-size:40px}.category-title{line-height:1.2;font-size:28px!important}.category-meta-badges{gap:8px}.category-meta-badge{min-width:100%}.category-meta-badge .meta-label{font-size:8px}.category-meta-badge .meta-value{font-size:18px}.category-breadcrumb{gap:8px;font-size:9px}.category-description{font-size:14px;line-height:1.6}.category-content-section{padding:40px 20px}.category-overview,.category-technologies,.category-projects{margin-bottom:50px;padding-bottom:40px}.section-heading{flex-wrap:wrap;gap:12px;font-size:12px}.section-number{width:36px;height:36px;font-size:11px}.section-count{text-align:left;width:100%;margin-left:0;padding-left:48px;font-size:12px}.overview-text{font-size:14px}.technologies-grid{gap:8px}.technology-tag{padding:8px 12px;font-size:10px}.tech-index{font-size:9px}.projects-list{border-top-width:2px}.project-item-wrapper{border-bottom-width:1px}.project-item-wrapper:last-child{border-bottom-width:2px}.project-card{grid-template-columns:1fr;gap:16px;padding:24px 0}.project-card:before{left:-20px;right:-20px}.project-card-index{grid-area:1/1;justify-self:start;width:auto;height:auto;padding:8px 12px;font-size:11px}.project-card-content{grid-area:2/1}.project-header{flex-direction:column;gap:12px}.project-title{line-height:1.3;font-size:18px!important}.project-meta{justify-content:flex-start;width:100%}.project-status{padding:5px 8px!important;font-size:8px!important}.project-year{font-size:10px!important}.project-description{line-height:1.6;font-size:13px!important}.project-link{padding:8px 14px!important;font-size:9px!important}.project-expand-indicator{border-color:#ffffff26;grid-area:1/1;justify-self:end;width:auto;height:auto;padding:8px 12px;font-size:20px}.card-dropdown-content{margin-left:0;padding:20px 0}.project-gif{border-width:1px}.related-fields-grid{gap:8px}.related-field{padding:8px 12px;font-size:11px}.field-dot{font-size:7px}.category-footer{margin-top:50px;padding:30px 0 0}.category-footer-content{gap:8px;font-size:9px}}