.target-cursor{position:fixed;top:0;left:0;z-index:9999;width:40px;height:40px;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) translate(-50%,-50%) scale(.6);will-change:transform,width,height}.tc-dot{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--cursor-color);transform:translate(-50%,-50%);z-index:2}.tc-corner{position:absolute;width:10px;height:10px;border-color:var(--cursor-color);transition:border-color .2s;z-index:1}.tc-tl{top:4px;left:4px;border-top:2px solid var(--cursor-color);border-left:2px solid var(--cursor-color)}.tc-tr{top:4px;right:4px;border-top:2px solid var(--cursor-color);border-right:2px solid var(--cursor-color)}.tc-bl{bottom:4px;left:4px;border-bottom:2px solid var(--cursor-color);border-left:2px solid var(--cursor-color)}.tc-br{bottom:4px;right:4px;border-bottom:2px solid var(--cursor-color);border-right:2px solid var(--cursor-color)}.target-cursor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(255,255,255,.15);border-radius:50%;animation:tc-spin var(--spin-duration) linear infinite}@keyframes tc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (pointer:coarse){.target-cursor{display:none}}.arch-cursor{position:fixed;top:0;left:0;z-index:9999;width:32px;height:32px;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) translate(-50%,-50%) scale(.6);will-change:transform}.ac-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--cursor-color);border-radius:50%;transform-origin:center}.ac-dot{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--cursor-color);transform:translate(-50%,-50%)}@media (pointer:coarse){.arch-cursor{display:none}}.code-graph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.code-graph canvas{display:block;width:100%;height:100%}.cg-tooltip{position:fixed;z-index:100;background:#070707e6;border:1px solid var(--c-ember);padding:10px 14px;border-radius:2px;max-width:260px;pointer-events:none;font-family:var(--font-mono);font-size:11px;color:var(--c-white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cg-tooltip strong{display:block;color:var(--c-ember);margin-bottom:4px;font-size:12px}.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}.back-link{background:none;border:none;color:var(--c-white);font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;cursor:pointer;display:flex;align-items:center;gap:10px}.code-nav{display:flex;gap:28px}.code-nav button{background:none;border:none;color:var(--c-white);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;cursor:pointer;position:relative}.code-nav button:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--c-ember);transition:width .3s}.code-nav button:hover:after{width:100%}.code-hero{position:relative;height:100vh;min-height:700px;display:flex;flex-direction:column;justify-content:center;padding:0 4vw;overflow:hidden}.code-graph-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.code-hero-content{position:relative;z-index:2;max-width:900px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.35em;color:var(--c-cyan);margin-bottom:24px}.code-hero h1{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;font-size:clamp(56px,10vw,150px)}.code-hero h1 .line1{display:block}.code-hero h1 .line2{display:block;color:var(--c-ember)}.code-hero h1 em{font-style:normal;color:var(--c-white);-webkit-text-stroke:2px var(--c-white)}.hero-sub{max-width:560px;margin-top:28px;font-size:clamp(15px,1.3vw,19px);line-height:1.6;color:var(--c-muted)}.hero-actions{display:flex;gap:18px;margin-top:36px}.btn-primary{background:var(--c-ember);color:var(--c-white);padding:16px 28px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;border-radius:var(--radius);transition:transform .2s,background .2s}.btn-primary:hover{background:#e62e00;transform:translateY(-2px)}.btn-ghost{border:1px solid var(--c-white);color:var(--c-white);padding:16px 28px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;border-radius:var(--radius);display:flex;align-items:center;gap:10px;transition:background .2s,color .2s}.btn-ghost:hover{background:var(--c-white);color:var(--c-black)}.hero-meta{position:absolute;bottom:30px;left:4vw;z-index:2;display:flex;gap:40px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--c-muted)}.graph-hint{position:absolute;bottom:30px;right:4vw;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--c-muted);display:flex;align-items:center;gap:10px;animation:hintPulse 2s infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.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}.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}.exp-row{grid-template-columns:1fr;gap:8px}.code-nav,.hero-meta,.graph-hint{display:none}}.arch-mode{background:var(--c-parchment);color:var(--c-umber);min-height:100vh;position:relative}.arch-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;mix-blend-mode:multiply}.arch-header .back-link{color:var(--c-umber)}.arch-contact-mini{display:flex;align-items:center;gap:24px}.arch-contact-mini a{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--c-umber)}.arch-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;padding:0 4vw;overflow:hidden}.arch-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#f2ede4eb,#f2ede4d9),url(/uploads/arch-projects/page1_img1.jpeg) center/cover no-repeat;filter:grayscale(30%) contrast(1.1);z-index:0}.arch-hero-inner{position:relative;z-index:2;text-align:center;max-width:820px}.arch-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.35em;color:var(--c-clay);margin-bottom:22px}.arch-hero h1{font-family:var(--font-display);font-size:clamp(72px,14vw,200px);font-weight:400;line-height:.85;letter-spacing:-.03em;color:var(--c-umber)}.arch-title{font-family:var(--font-serif);font-size:clamp(22px,3vw,34px);font-style:italic;color:var(--c-taupe);margin-top:18px}.arch-bio{max-width:560px;margin:28px auto 0;font-size:16px;line-height:1.7;color:var(--c-taupe)}.arch-hero-cta{display:flex;gap:18px;justify-content:center;margin-top:38px}.btn-arch{background:var(--c-umber);color:var(--c-parchment);padding:16px 28px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;border-radius:var(--radius);transition:transform .2s,background .2s}.btn-arch:hover{background:var(--c-clay);transform:translateY(-2px)}.btn-arch-outline{border:1px solid var(--c-umber);color:var(--c-umber);padding:16px 28px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;border-radius:var(--radius);transition:background .2s,color .2s}.btn-arch-outline:hover{background:var(--c-umber);color:var(--c-parchment)}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--c-taupe)}.scroll-line{width:1px;height:60px;background:var(--c-umber);animation:scrollLine 1.8s infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.floor-plan-section{padding:120px 4vw;background:var(--c-stone)}.floor-plan-section .section-head h2{color:var(--c-umber)}.floor-plan{max-width:1100px;margin:0 auto;background:var(--c-parchment);border:2px solid var(--c-umber);padding:20px;box-shadow:0 30px 80px #3d2b1f1f}.plan-svg{width:100%;height:auto;display:block}.plan-room-rect{fill:transparent;stroke:var(--c-umber);stroke-width:1.5;transition:fill .3s,stroke-width .3s}.plan-room:hover .plan-room-rect,.plan-room.active .plan-room-rect{fill:#c75b3a1f;stroke-width:2.5}.plan-room-num{font-family:var(--font-mono);font-size:14px;fill:var(--c-clay);pointer-events:none}.plan-room-title{font-family:var(--font-mono);font-size:9px;fill:var(--c-umber);letter-spacing:.05em;pointer-events:none}.room-section{padding:100px 4vw;border-top:1px solid var(--c-line-dark)}.room-section:nth-child(2n){background:var(--c-parchment)}.room-section:nth-child(odd){background:var(--c-stone)}.room-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;max-width:1300px;margin:0 auto}.room-media{position:relative}.room-media img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(20%) contrast(1.05);transition:filter .4s}.room-media:hover img{filter:grayscale(0%) contrast(1.1)}.room-num{position:absolute;top:-18px;left:-18px;background:var(--c-umber);color:var(--c-parchment);width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:16px}.room-text{display:flex;flex-direction:column;gap:18px}.room-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--c-clay)}.room-text h2{font-family:var(--font-display);font-size:clamp(32px,5vw,64px);font-weight:400;line-height:.95;text-transform:uppercase;color:var(--c-umber)}.room-text h2 em{font-style:normal;color:var(--c-clay)}.room-text p{font-size:15px;line-height:1.75;color:var(--c-taupe)}.room-nav{display:flex;gap:20px;margin-top:10px}.room-nav button{background:none;border:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--c-umber);cursor:pointer;position:relative}.room-nav button:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--c-clay);transition:width .3s}.room-nav button:hover:after{width:100%}.arch-footer{background:var(--c-umber);color:var(--c-parchment);padding:60px 4vw;display:flex;justify-content:space-between;align-items:flex-end}.arch-footer-left h3{font-family:var(--font-display);font-size:32px;font-weight:400}.arch-footer-left p{font-family:var(--font-serif);font-style:italic;color:var(--c-taupe)}.arch-footer-right{display:flex;flex-direction:column;gap:10px;text-align:right}.arch-footer-right a{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--c-parchment)}@media (max-width:900px){.room-grid{grid-template-columns:1fr;gap:36px}.arch-footer{flex-direction:column;gap:24px;align-items:flex-start}.arch-footer-right{text-align:left}}.app{position:relative;min-height:100vh}.app.landing{overflow:hidden;height:100vh}.mode-landing{position:relative;width:100%;height:100vh;background:var(--c-black);color:var(--c-white);display:flex;flex-direction:column;justify-content:space-between;padding:3vh 4vw;overflow:hidden;--tilt:0deg}.mode-bg-code,.mode-bg-arch{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;transition:opacity .6s}.mode-bg-code{background:url(/References/For\ website.PNG) center/cover no-repeat;clip-path:polygon(0 0,55% 0,45% 100%,0 100%)}.mode-bg-arch{background:url(/uploads/arch-projects/page1_img1.jpeg) center/cover no-repeat;clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%)}.mode-landing:hover .mode-bg-code,.mode-landing:hover .mode-bg-arch{opacity:.28}.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%) rotate(var(--tilt));transform-origin:center;z-index:2;opacity:.6}.mode-top{display:flex;justify-content:space-between;align-items:center;z-index:3}.logo{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em}.mode-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;color:var(--c-muted)}.mode-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:3;pointer-events:none}.mode-title span{display:block;font-family:var(--font-display);font-size:clamp(40px,9vw,140px);font-weight:400;line-height:.9;text-transform:uppercase;letter-spacing:-.02em}.mode-left{color:var(--c-white)}.mode-right{color:var(--c-ember)}.mode-cards{display:flex;justify-content:space-between;gap:4vw;z-index:4;position:absolute;bottom:18vh;left:4vw;right:4vw}.mode-card{flex:1;max-width:420px;text-align:left;background:#11111699;border:1px solid var(--c-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;color:var(--c-white);cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .3s,border-color .3s,background .3s}.mode-card:hover{transform:translateY(-8px);border-color:var(--c-ember);background:#111116d9}.mode-card.arch:hover{border-color:var(--c-clay)}.mc-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;color:var(--c-muted)}.mc-name{font-family:var(--font-display);font-size:clamp(28px,4vw,52px);font-weight:400}.mc-desc{font-size:14px;color:var(--c-muted);line-height:1.5}.mc-arrow{margin-top:12px;font-size:18px;color:var(--c-ember);transition:transform .3s}.mode-card:hover .mc-arrow{transform:translate(10px)}.mode-card.arch .mc-arrow{color:var(--c-clay)}.mode-bottom{display:flex;justify-content:space-between;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--c-muted)}@media (max-width:900px){.mode-cards{flex-direction:column;align-items:stretch;bottom:10vh}.mode-card{max-width:none}.mode-title span{font-size:clamp(32px,12vw,80px)}.mode-bg-code,.mode-bg-arch{display:none}}.cursor-target{cursor:none}: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%)}}