.blob-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.blob-main{pointer-events:none;position:absolute;width:100%;height:100%;overflow:hidden;background:transparent;-webkit-user-select:none;user-select:none}.blob{position:fixed;will-change:left,top,transform,opacity;transition:background-color .3s ease;pointer-events:none}.inner-dot{position:absolute}.blob-lead{position:fixed;will-change:left,top,transform,opacity;transition:background-color .3s ease;pointer-events:none}.blob-lead .inner-dot{transition:opacity .2s ease}@media (pointer: coarse){.blob-container{display:none}}.kg-container{position:relative;width:100%;height:100%;background:var(--c-black, #0a0a0a);overflow:hidden;cursor:grab;touch-action:none}.kg-container:active{cursor:grabbing}.kg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.kg-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:10;cursor:pointer}.kg-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1.5px solid var(--cat-color, rgba(255, 255, 255, .18));transition:all .2s ease;margin-bottom:6px}.kg-icon .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;font-size:36px;color:var(--cat-color, rgba(255, 255, 255, .8))}.kg-icon-hex{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);width:72px;height:72px;background:color-mix(in srgb,var(--cat-color) 12%,transparent)}.kg-icon-center{background:var(--c-ember, #ff3300);border:none;border-radius:50%;width:80px;height:80px;animation:kg-pulse 4s infinite ease-in-out}.kg-icon-center .material-symbols-outlined{color:#fff;font-size:40px}@keyframes kg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.kg-node:hover .kg-icon{border-color:var(--cat-color);transform:scale(1.2);box-shadow:0 4px 20px color-mix(in srgb,var(--cat-color) 35%,transparent)}.kg-node:hover .kg-icon-center{transform:scale(1.15);box-shadow:0 4px 24px #f306}.kg-node-sub .kg-icon{width:52px;height:52px}.kg-node-sub .kg-icon .material-symbols-outlined{font-size:28px}.kg-label-main{font-family:Hanken Grotesk,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:28px;color:#fff}.kg-label-sub{font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:#ffffff8c}.kg-label-branch{font-family:Hanken Grotesk,sans-serif;font-size:15px;font-weight:600;line-height:20px;color:var(--cat-color, rgba(255, 255, 255, .9))}.kg-label-leaf{font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:500;line-height:18px;color:color-mix(in srgb,var(--cat-color) 70%,rgba(255,255,255,.5))}.kg-card{position:absolute;bottom:24px;right:24px;width:240px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;z-index:50;border-radius:12px;box-shadow:0 40px 60px -15px #0006;border:1px solid rgba(255,255,255,.08);pointer-events:none}.kg-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kg-card-head-left{display:flex;align-items:center;gap:8px}.kg-card-icon{color:var(--c-ember, #ff3300);font-size:18px}.kg-card-tag{font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;line-height:16px;color:#ffffffd9}.kg-card-divider{border-top:1px dashed rgba(255,255,255,.1);margin-bottom:16px}.kg-card-body{margin-bottom:24px}.kg-card-title{font-family:Hanken Grotesk,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:26px;color:#fff;margin-bottom:8px}.kg-card-text{font-family:Hanken Grotesk,sans-serif;font-size:15px;font-weight:400;line-height:22px;color:#fff9}.kg-card-link{font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:var(--c-ember, #ff3300);text-decoration:underline;display:inline-block;margin-top:12px}.kg-card-sections{display:flex;flex-direction:column;gap:0}.kg-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.kg-card-row:last-child{border-bottom:none}.kg-card-row-left{display:flex;align-items:center;gap:8px}.kg-card-row-left span:last-child{font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#ffffffb3}.kg-card-row .material-symbols-outlined{font-size:16px;color:#fff6}@media (max-width: 900px){.kg-card{display:none}.kg-label-main{font-size:15px}.kg-label-branch{font-size:11px}.kg-label-leaf{font-size:10px}}@media (max-width: 600px){.kg-icon{width:36px;height:36px}.kg-icon .material-symbols-outlined{font-size:18px}.kg-icon-hex{width:40px;height:40px}.kg-icon-center{width:46px;height:46px}.kg-icon-center .material-symbols-outlined{font-size:22px}.kg-node-sub .kg-icon{width:28px;height:28px}.kg-node-sub .kg-icon .material-symbols-outlined{font-size:14px}.kg-label-main{font-size:12px}.kg-label-sub,.kg-label-branch{font-size:9px}.kg-label-leaf{font-size:8px}}.code-mode{background:var(--c-black);color:var(--c-white);min-height:100vh;position:relative}.code-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;mix-blend-mode:difference}.code-mode .back-link{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--c-white);padding:8px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .25s;text-transform:uppercase}.code-mode .back-link:hover{background:var(--c-ember);border-color:var(--c-ember)}.code-nav{display:flex;gap:8px}.code-nav button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--c-white);padding:8px 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;cursor:pointer;transition:all .25s;text-transform:uppercase}.code-nav button:hover{background:#ffffff1f;border-color:#ffffff4d}.code-nav button:active{background:var(--c-ember);border-color:var(--c-ember)}.code-nav-github{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--c-white);font-size:16px;transition:all .25s}.code-nav-github:hover{background:#ffffff1f;border-color:#ffffff4d}.code-hero{position:relative;height:100vh;min-height:700px;overflow:hidden}.code-graph-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.code-marquee{background:var(--c-ember);overflow:hidden;padding:18px 0}.marquee-track{display:flex;gap:60px;width:max-content;animation:sy-marq 20s linear infinite}.marquee-track span{font-family:var(--font-display);font-size:clamp(28px,4vw,56px);text-transform:uppercase;color:var(--c-black);white-space:nowrap}.code-section{padding:120px 4vw;position:relative}.code-section.alt{background:var(--c-void)}.section-head{display:flex;align-items:baseline;gap:20px;margin-bottom:60px}.section-num{font-family:var(--font-mono);font-size:12px;color:var(--c-ember);letter-spacing:.2em}.section-head h2{font-family:var(--font-display);font-size:clamp(36px,6vw,80px);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.01em}.code-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.code-card{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:transform .3s,border-color .3s}.code-card:hover{border-color:var(--c-cyan);transform:translateY(-6px)}.cc-img{height:220px;background-size:cover;background-position:center}.cc-body{padding:22px}.cc-body h3{font-family:var(--font-display);font-size:26px;font-weight:400;text-transform:uppercase;margin-bottom:8px}.cc-tags{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--c-cyan);margin-bottom:14px}.cc-desc{font-size:14px;color:var(--c-muted);line-height:1.55}.research-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.research-feature{background:var(--c-panel);padding:40px;border:1px solid var(--c-line);display:flex;flex-direction:column;gap:16px}.pub-tag{align-self:flex-start;border:1px solid var(--c-ember);color:var(--c-ember);padding:6px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}.research-feature h3{font-family:var(--font-display);font-size:36px;font-weight:400;text-transform:uppercase;line-height:1}.research-feature p{color:var(--c-muted);line-height:1.6}.link-arrow{margin-top:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--c-cyan);display:flex;align-items:center;gap:10px}.link-arrow i{transition:transform .3s}.link-arrow:hover i{transform:translate(6px)}.posts-list{display:flex;flex-direction:column;gap:1px;background:var(--c-line)}.post-row{display:grid;grid-template-columns:90px 1fr 160px;gap:20px;padding:18px 22px;background:var(--c-black);align-items:center;transition:background .2s}.post-row:hover{background:var(--c-panel)}.post-date{font-family:var(--font-mono);font-size:11px;color:var(--c-muted)}.post-title{font-size:15px;font-weight:500}.post-cat{font-family:var(--font-mono);font-size:10px;color:var(--c-cyan);text-align:right}.publications-list{display:flex;flex-direction:column;gap:20px}.publication-card{background:var(--c-panel);padding:30px;border:1px solid var(--c-line);display:flex;flex-direction:column;gap:14px;transition:border-color .3s,background .3s;text-decoration:none}.publication-card:hover{background:#ff330014;border-color:var(--c-ember)}.pub-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.pub-conference{align-self:flex-start;border:1px solid var(--c-ember);color:var(--c-ember);padding:6px 12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.pub-date{font-family:var(--font-mono);font-size:11px;color:var(--c-muted)}.publication-card h3{font-family:var(--font-display);font-size:clamp(20px,3vw,32px);font-weight:400;text-transform:uppercase;line-height:1.2;color:var(--c-white)}.pub-subtitle{font-family:var(--font-mono);font-size:11px;color:var(--c-cyan);letter-spacing:.1em;text-transform:uppercase}.pub-desc{color:var(--c-muted);font-size:14px;line-height:1.6}.pub-footer{margin-top:auto}.read-more{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--c-cyan);display:flex;align-items:center;gap:8px;transition:gap .3s}.publication-card:hover .read-more{gap:12px}.publication-card:hover .read-more i{transform:translate(4px);transition:transform .3s}.blog-carousel{overflow-x:auto;overflow-y:hidden;margin:0 -4vw;padding:0 4vw 12px;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:var(--c-ember) rgba(255,255,255,.06)}.blog-carousel::-webkit-scrollbar{height:6px}.blog-carousel::-webkit-scrollbar-track{background:#ffffff0f;border-radius:3px;margin:0 4vw}.blog-carousel::-webkit-scrollbar-thumb{background:var(--c-ember);border-radius:3px;min-width:60px}.blog-carousel::-webkit-scrollbar-thumb:hover{background:#f53}.blog-carousel-track{display:flex;gap:16px;width:max-content}.blog-card{flex:0 0 auto;width:320px;background:var(--c-panel);border:1px solid var(--c-line);overflow:hidden;border-radius:var(--radius);display:flex;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,background .3s}.blog-card:hover{transform:translateY(-6px);border-color:var(--c-cyan)}.blog-card-img{height:180px;background-size:cover;background-position:center;background-color:var(--c-void);border-bottom:2px solid var(--c-cyan);transition:background-size .5s ease}.blog-card:hover .blog-card-img{background-size:110%}.blog-card-body{padding:22px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-card-cat{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-cyan)}.blog-card-title{font-family:var(--font-display);font-size:18px;font-weight:400;text-transform:uppercase;line-height:1.2;color:var(--c-white);flex:1}.blog-card-date{font-family:var(--font-mono);font-size:10px;color:var(--c-muted);letter-spacing:.08em;text-transform:uppercase}.blog-card-read{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--c-ember);display:flex;align-items:center;gap:8px;margin-top:auto;transition:gap .3s}.blog-card:hover .blog-card-read{gap:14px}.blog-card:hover .blog-card-read i{transform:translate(4px);transition:transform .3s}.exp-list{display:flex;flex-direction:column;gap:1px;background:var(--c-line)}.exp-row{display:grid;grid-template-columns:120px 140px 1fr;gap:30px;padding:28px 22px;background:var(--c-black);align-items:start}.exp-type{font-family:var(--font-mono);font-size:11px;color:var(--c-ember);letter-spacing:.1em}.exp-date{font-family:var(--font-mono);font-size:12px;color:var(--c-muted)}.exp-info h4{font-family:var(--font-display);font-size:22px;font-weight:400;text-transform:uppercase;margin-bottom:6px}.exp-info p{color:var(--c-muted);font-size:14px}.skills-cloud{display:flex;flex-wrap:wrap;gap:12px}.skill-pill{border:1px solid var(--c-line);padding:10px 18px;border-radius:100px;font-family:var(--font-mono);font-size:12px;color:var(--c-white);transition:border-color .2s,color .2s}.skill-pill:hover{border-color:var(--c-cyan);color:var(--c-cyan)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-big{border:1px solid var(--c-line);padding:34px;background:var(--c-panel);display:flex;flex-direction:column;gap:10px;font-family:var(--font-mono);font-size:15px;color:var(--c-white);transition:border-color .2s,transform .2s}.contact-big:hover{border-color:var(--c-ember);transform:translateY(-4px)}.contact-big span{font-size:11px;letter-spacing:.15em;color:var(--c-muted)}.code-footer{display:flex;justify-content:space-between;padding:30px 4vw;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--c-muted);border-top:1px solid var(--c-line)}@media (max-width:900px){.research-grid{grid-template-columns:1fr}.post-row{grid-template-columns:1fr;gap:6px}.blog-card{width:260px}.blog-card-img{height:140px}.blog-card-body{padding:16px 14px}.publication-card{gap:12px;padding:20px}.exp-row{grid-template-columns:1fr;gap:8px}.code-nav,.hero-meta,.graph-hint{display:none}}@media (max-width:600px){.code-header{padding:12px 4vw}.code-mode .back-link{font-size:10px;padding:10px 14px;min-height:44px}.code-section{padding:60px 5vw}.section-head{margin-bottom:32px;flex-wrap:wrap;gap:10px}.section-head h2{font-size:clamp(24px,7vw,48px)}.section-num{font-size:11px}.code-projects{grid-template-columns:1fr;gap:16px}.cc-img{height:160px}.cc-body h3{font-size:20px}.cc-desc{font-size:13px}.code-marquee{padding:12px 0}.marquee-track span{font-size:clamp(20px,5vw,36px)}.publication-card{padding:16px}.publication-card h3{font-size:clamp(16px,5vw,24px)}.blog-card{width:240px}.blog-card-img{height:120px}.blog-card-title{font-size:15px}.contact-grid{grid-template-columns:1fr}.contact-big{padding:20px;font-size:13px}.skills-cloud{gap:8px}.skill-pill{padding:8px 14px;font-size:11px}.code-footer{flex-direction:column;gap:8px;align-items:center;text-align:center;padding:20px 4vw}.code-nav-github{width:44px;height:44px;font-size:18px}}.arch-mode{position:relative;width:100%;height:100vh;overflow:hidden;background:#f0ebe1;color:var(--c-umber)}.arch-header{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px 3vw;pointer-events:none}.arch-header>*{pointer-events:auto}.arch-header .back-link{color:var(--c-umber);background:none;border:none;font-family:var(--font-mono);font-size:14px;letter-spacing:.18em;display:flex;align-items:center;gap:12px;opacity:.6;transition:opacity .3s}.arch-header .back-link:hover{opacity:1}.arch-header-title{font-family:var(--font-display);font-size:22px;letter-spacing:.25em;color:var(--c-umber);opacity:.4}.arch-contact-mini{display:flex;align-items:center;gap:28px}.arch-contact-mini a{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--c-umber);opacity:.45;transition:opacity .3s}.arch-contact-mini a:hover{opacity:1}.arch-contact-mini a i{font-size:16px}.colony-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.city-tooltip{position:fixed;pointer-events:none;z-index:150;transform:translate(18px,-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-umber);background:#f2ede4f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 16px 6px;border-left:2px solid var(--c-clay);box-shadow:0 4px 20px #1e16101a;white-space:nowrap}.colony-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:8px;letter-spacing:.35em;color:var(--c-taupe);pointer-events:none;transition:opacity .5s;opacity:.5}.colony-hint span{display:inline-flex;align-items:center;gap:6px}.colony-hint span:before,.colony-hint span:after{content:"";display:inline-block;width:20px;height:1px;background:var(--c-taupe);opacity:.4}.colony-hint.hidden{opacity:0}.panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;background:#140e0a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:backdropFadeIn .4s ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.panel-drawer{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;animation:panelFadeIn .5s cubic-bezier(.22,1,.36,1)}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-close{position:absolute;top:-14px;right:-14px;background:#f2ede4f2;border:1px solid rgba(61,43,31,.1);color:var(--c-umber);font-size:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,transform .2s;font-family:var(--font-body);line-height:1;box-shadow:0 2px 12px #1e161026;z-index:2}.panel-close:hover{background:#fff;transform:scale(1.1)}.panel-header{text-align:center;pointer-events:none}.panel-header-left{display:flex;flex-direction:column;align-items:center;gap:4px}.panel-period{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:#c79178e6}.panel-header h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,44px);font-weight:400;text-transform:uppercase;line-height:.95;color:#f4f0eaf2}.panel-header-right{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:8px}.panel-role{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:#f4f0ea8c}.panel-loc{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:#f4f0ea73;text-transform:uppercase}.panel-role:after{content:"·";margin-left:14px;color:#c7917880}.panel-track{display:flex;gap:20px;overflow-x:auto;max-width:92vw;padding:8px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.panel-track::-webkit-scrollbar{height:6px}.panel-track::-webkit-scrollbar-track{background:#3d2b1f14;border-radius:3px}.panel-track::-webkit-scrollbar-thumb{background:var(--c-clay, #C75B3A);border-radius:3px;min-width:60px}.panel-track::-webkit-scrollbar-thumb:hover{background:#a84a2e}.panel-track{scrollbar-width:auto;scrollbar-color:var(--c-clay, #C75B3A) rgba(61,43,31,.08)}.panel-cover{flex:0 0 auto;position:relative;width:560px;height:340px;overflow:hidden;scroll-snap-align:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;box-shadow:0 8px 36px #00000040}.panel-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.08);z-index:2;pointer-events:none}.panel-cover:hover{transform:translateY(-8px);box-shadow:0 20px 56px #00000059,0 0 0 1px #c75b3a26}.panel-cover img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.05) brightness(.95);transition:filter .4s,transform .6s cubic-bezier(.22,1,.36,1)}.panel-cover:hover img{filter:grayscale(0%) contrast(1.08) brightness(1);transform:scale(1.04)}.panel-cover-label{position:absolute;bottom:0;left:0;right:0;padding:60px 22px 18px;background:linear-gradient(to top,rgba(20,14,10,.82) 0%,rgba(20,14,10,.4) 50%,transparent 100%);display:flex;flex-direction:column;gap:4px;z-index:1}.panel-cover-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;color:#ffffff80}.panel-cover-title{font-family:var(--font-display);font-size:22px;font-weight:400;text-transform:uppercase;line-height:1.1;color:#fff;letter-spacing:.02em}.panel-cover-title em{font-style:normal;color:#c79178e6}.panel-video-card{flex:0 0 auto;width:560px;display:flex;flex-direction:column;scroll-snap-align:center;background:#0a080699;box-shadow:0 8px 36px #00000040;overflow:hidden}.panel-video{width:100%;aspect-ratio:16 / 9;border:none;background:#000;display:block}.panel-video-info{padding:16px 20px;display:flex;flex-direction:column;gap:4px}.panel-video-desc{font-size:11px;line-height:1.6;color:#f4f0ea8c;margin:4px 0 0}.panel-empty{padding:32px 48px;text-align:center;background:#f2ede4b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-empty span{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--c-taupe)}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0a0806d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:detailFadeIn .3s ease}@keyframes detailFadeIn{0%{opacity:0}to{opacity:1}}.detail-card{display:flex;gap:40px;background:#f2ede4;padding:40px;max-width:min(1400px,94vw);max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 72px #0000004d,0 0 0 1px #3d2b1f0f;animation:detailSlideUp .4s cubic-bezier(.22,1,.36,1)}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-close{position:absolute;top:16px;right:16px;background:#3d2b1f0a;border:1px solid rgba(61,43,31,.08);color:var(--c-umber);font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s;font-family:var(--font-body);line-height:1}.detail-close:hover{background:#3d2b1f1a}.detail-gallery{flex:0 0 auto;width:800px;display:flex;flex-direction:column;gap:12px}.detail-img{width:100%;object-fit:contain;max-height:720px;background:#3d2b1f0a}.detail-gallery-nav{display:flex;align-items:center;justify-content:center;gap:16px}.detail-arrow{background:#3d2b1f0a;border:1px solid rgba(61,43,31,.12);color:var(--c-umber);width:32px;height:32px;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.detail-arrow:hover:not(:disabled){background:#3d2b1f1a}.detail-arrow:disabled{opacity:.2}.detail-counter{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--c-taupe)}.detail-info{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:8px}.detail-num{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--c-clay)}.detail-info h3{font-family:var(--font-display);font-size:clamp(22px,2.5vw,32px);font-weight:400;text-transform:uppercase;line-height:1.05;color:var(--c-umber)}.detail-info h3 em{font-style:normal;color:var(--c-clay)}.detail-meta{font-family:var(--font-mono);font-size:8px;letter-spacing:.18em;color:var(--c-taupe);padding-bottom:12px;border-bottom:1px solid rgba(61,43,31,.08);margin-bottom:4px}.detail-desc{font-size:13px;line-height:1.8;color:var(--c-taupe)}.detail-video{width:100%;aspect-ratio:16 / 9;border:none;background:#000}.detail-link{display:inline-block;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--c-clay);text-decoration:none;transition:opacity .2s}.detail-link:hover{opacity:.7}.panel-cover-placeholder{width:100%;height:100%;background:#3d2b1f14}@media (max-width: 1200px){.panel-cover{width:420px;height:260px}.panel-video-card{width:420px}.panel-cover-title{font-size:18px}}@media (max-width: 768px){.arch-contact-mini,.arch-header-title{display:none}.panel-track{gap:12px}.panel-cover{width:300px;height:190px}.panel-video-card{width:300px}.panel-cover-title{font-size:14px}.panel-cover-label{padding:36px 14px 12px}.detail-card{flex-direction:column;max-width:95vw;padding:20px;gap:20px}.detail-gallery{width:100%}.detail-img{max-height:400px}}@media (max-width: 480px){.arch-header{padding:14px 3vw}.arch-header .back-link{font-size:11px;padding:10px 0;min-height:44px}.room-panel{width:280px;right:2vw;padding:14px}.room-panel-title{font-size:13px}.room-panel-desc{font-size:10px}.room-meta-item span{font-size:9px}.panel-cover{width:260px;height:170px}.panel-video-card{width:260px}.panel-cover-title{font-size:13px}.detail-card{max-width:100vw;padding:14px;gap:14px;border-radius:0}.detail-title{font-size:20px}.detail-desc{font-size:12px}.detail-img{max-height:280px}}.edge-arrow{position:fixed;z-index:10000;display:flex;align-items:center;gap:10px;pointer-events:auto;cursor:pointer;opacity:0;transform:scale(.6);will-change:transform,opacity;top:0;transition:color .3s}.edge-arrow-left{left:16px;flex-direction:row}.edge-arrow-right{right:16px;flex-direction:row-reverse}.edge-arrow-right .edge-arrow-svg{transform:scaleX(-1)}.edge-arrow-svg{width:28px;height:46px;filter:drop-shadow(0 0 6px currentColor)}.edge-arrow-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-weight:500;white-space:nowrap;text-shadow:0 0 8px currentColor}.edge-arrow-code{color:var(--c-clay, #C75B3A)}.edge-arrow-arch{color:var(--c-cyan, #00F0FF)}@media (pointer: coarse){.edge-arrow{display:none}}.app{position:relative;min-height:100vh;cursor:none}.app *{cursor:none!important}.app.landing{overflow:hidden;height:100vh}.mode-landing{position:relative;width:100%;height:100vh;display:flex;overflow:hidden}.mode-half{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:50px 48px;overflow:hidden;transition:background .4s;cursor:pointer;-webkit-user-select:none;user-select:none}.mode-half .mode-content{display:flex;flex-direction:column;height:100%}.mode-code{background:var(--c-black);color:var(--c-white);border-right:1px solid rgba(255,255,255,.08);background-image:linear-gradient(135deg,#070707f2,#0f0f19eb)}.mode-bg-code{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/References/For%20website.PNG) center/cover no-repeat;opacity:.06;z-index:0;filter:grayscale(100%);transition:opacity .6s}.mode-code .mode-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%}.mode-header-left{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:40px}.logo{font-family:var(--font-display);font-size:clamp(28px,3.5vw,40px);letter-spacing:-.025em;color:var(--c-white);font-weight:400}.mode-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--c-cyan);text-transform:uppercase;opacity:.85}.mode-header-right{margin-bottom:auto;padding-bottom:40px;text-align:right}.mode-header-right .mode-eyebrow{color:var(--c-clay);text-align:right;display:inline-block}.mode-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;padding:20px 0}.mode-code .mode-main h1{font-family:var(--font-display);font-size:clamp(48px,8vw,96px);font-weight:400;letter-spacing:-.025em;text-transform:uppercase;line-height:.92;margin:0 0 8px;color:var(--c-white)}.mode-code .mode-main h1 span{display:block}.mode-code .mode-main h1 span:nth-child(2){color:var(--c-ember);margin-top:4px}.mode-subtitle{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--c-cyan);margin-top:20px;text-transform:uppercase;opacity:.9}.mode-code .mode-desc{font-size:14px;line-height:1.65;color:var(--c-muted);margin-top:14px;max-width:420px}.mode-stats{display:flex;gap:56px;margin-top:40px;align-items:flex-start}.mode-stats div{display:flex;flex-direction:column;gap:8px}.stat-num{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);color:var(--c-ember);font-weight:400;line-height:.9}.stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--c-muted);text-transform:uppercase}.mode-footer-left{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--c-muted);text-transform:uppercase}.mode-accent-line{position:absolute;right:0;top:0;bottom:0;width:1px;background:#ffffff14}.mode-arch{background:var(--c-parchment);color:var(--c-umber);background-image:linear-gradient(135deg,#f2ede4fa,#e6e1d6f2)}.mode-bg-arch{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/uploads/arch-projects/page1_img1.jpeg) center/cover no-repeat;opacity:.05;z-index:0;filter:grayscale(40%) contrast(.9);transition:opacity .6s}.mode-arch .mode-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%}.mode-header-right{text-align:right}.mode-arch .mode-eyebrow{color:var(--c-clay)}.mode-arch .mode-main h1{font-family:var(--font-display);font-size:clamp(52px,9vw,110px);font-weight:400;letter-spacing:-.028em;text-transform:uppercase;line-height:.92;margin:0;color:var(--c-umber);text-align:center}.mode-arch .mode-main h1 span{display:block}.mode-arch .mode-subtitle{font-family:var(--font-serif);font-size:clamp(14px,1.8vw,18px);font-style:italic;color:var(--c-taupe);letter-spacing:0;text-transform:none;margin-top:18px;text-align:center;font-weight:400;line-height:1.4}.mode-arch .mode-desc{font-family:var(--font-body);font-size:13px;line-height:1.7;color:var(--c-taupe);margin-top:16px;max-width:440px;margin-left:auto;margin-right:auto;text-align:center}.mode-footer-right{text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--c-taupe);text-transform:uppercase}.mode-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent,var(--c-ember),transparent);transform:translate(-50%);transform-origin:center;z-index:10;opacity:.5;transition:opacity .3s}@media (max-width:1024px){.mode-half{padding:30px}.mode-code .mode-main h1{font-size:clamp(40px,8vw,70px)}.mode-arch .mode-main h1{font-size:clamp(48px,8vw,90px)}}@media (max-width:768px){.mode-landing{flex-direction:column}.mode-half{height:50vh;padding:25px;border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}.mode-code{border-bottom:1px solid rgba(255,255,255,.1)}.mode-code .mode-main h1{font-size:clamp(32px,8vw,56px)}.mode-arch .mode-main h1{font-size:clamp(36px,8vw,72px)}.mode-divider{display:none}.mode-stats{gap:24px}.stat-num{font-size:24px}}@media (max-width:480px){.mode-half{padding:16px 14px}.mode-header-left,.mode-header-right{padding-bottom:20px}.logo{font-size:clamp(22px,6vw,32px)}.mode-eyebrow{font-size:9px}.mode-code .mode-main h1{font-size:clamp(28px,10vw,48px)}.mode-arch .mode-main h1{font-size:clamp(28px,10vw,56px)}.mode-subtitle{font-size:10px;margin-top:12px}.mode-code .mode-desc,.mode-arch .mode-desc{font-size:12px;margin-top:10px}.mode-stats{gap:16px;margin-top:24px}.stat-num{font-size:20px}.stat-label,.mode-footer-left,.mode-footer-right{font-size:8px}}.cursor-target{cursor:none}@media (pointer:coarse){.app,.app *{cursor:auto!important}}:root{--c-black:#070707;--c-void:#0B0B0E;--c-panel:#111116;--c-white:#F4F4F0;--c-stone:#E6E1D6;--c-parchment:#F2EDE4;--c-clay:#C75B3A;--c-ember:#FF3300;--c-cyan:#00F0FF;--c-umber:#3D2B1F;--c-taupe:#8B7E6A;--c-muted:#6B6B75;--c-line:rgba(255,255,255,.1);--c-line-dark:rgba(28,20,15,.12);--radius:2px;--font-display:"Anton",Impact,sans-serif;--font-ui:"Space Grotesk",sans-serif;--font-body:"Archivo",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-serif:"Newsreader",Georgia,serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--c-black);color:var(--c-white);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--c-ember);color:var(--c-black)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--c-black);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s}.loader.done{opacity:0;visibility:hidden}.loader-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--c-ember);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}[data-reveal-delay="1"]{transition-delay:.08s}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}@keyframes sy-marq{0%{transform:translate(0)}to{transform:translate(-50%)}}