.cursor-dot{background:var(--accent);pointer-events:none;z-index:10000;width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;transition:width .15s,height .15s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1px solid rgba(var(--accent-rgb), .45);pointer-events:none;z-index:9999;border-radius:50%;width:30px;height:30px;transition:width .18s,height .18s,border-color .18s;position:fixed;transform:translate(-50%,-50%)}.cursor-dot.expanded{width:4px;height:4px}.cursor-ring.expanded{border-color:rgba(var(--accent-rgb), .7);width:50px;height:50px}@media (max-width:900px){.cursor-dot,.cursor-ring{display:none}}
.nav{z-index:500;-webkit-backdrop-filter:blur(32px)saturate(1.8);background:#060606e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:62px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--mono);color:var(--text);letter-spacing:.18em;font-size:.68rem}.nav-logo b{color:var(--accent)}.nav-links{-webkit-backdrop-filter:blur(24px)saturate(1.8);background:#ffffff12;border:1px solid #ffffff1a;border-color:#ffffff47 #ffffff1a #ffffff1a #ffffff29;border-radius:100px;gap:2px;padding:4px;display:flex;position:relative;box-shadow:0 4px 24px #00000080,inset 0 1px #ffffff1a}.nav-links:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff8c 40%,#ffffff47 70%,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.nav-links a{font-family:var(--mono);color:#ffffffd1;letter-spacing:.14em;text-transform:uppercase;z-index:2;border-radius:100px;padding:7px 18px;font-size:.6rem;font-weight:500;transition:color .2s,background .2s;position:relative}.nav-links a:hover{color:#fff;background:#ffffff1a}.nav-status{font-family:var(--mono);color:#fffc;letter-spacing:.12em;align-items:center;gap:8px;font-size:.56rem;font-weight:500;display:flex}.nav-ping{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px rgba(var(--accent-rgb), .6), 0 0 16px rgba(var(--accent-rgb), .3);border-radius:50%;flex-shrink:0;animation:2s infinite ping}@keyframes ping{0%,to{opacity:1}50%{opacity:.2}}@media (max-width:1024px){.nav{padding:0 32px}.nav-links a{padding:7px 16px;font-size:.58rem}}@media (max-width:768px){.nav{padding:0 24px}.nav-links a{padding:6px 12px;font-size:.55rem}.nav-logo{font-size:.63rem}}@media (max-width:480px){.nav{padding:0 20px}.nav-links{display:none}.nav-logo{font-size:.6rem}.nav-status span{display:none}}
.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:80px 48px;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:64px 64px;transition:opacity 1.2s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90% at 50% 70%,#000 20%,#0000 80%);mask-image:radial-gradient(90% 90% at 50% 70%,#000 20%,#0000 80%)}.hero--gl .hero-grid{opacity:0}.hero--gl .hero-gl{pointer-events:all}.hero-glow{pointer-events:none;background:radial-gradient(ellipse 55% 45% at 72% 18%, rgba(var(--accent-rgb), .08) 0%, transparent 100%), radial-gradient(ellipse 45% 55% at 25% 85%, #6366f10f 0%, transparent 100%);position:absolute;inset:0}.hero-scan{background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .9), transparent);height:1px;box-shadow:0 0 12px rgba(var(--accent-rgb), .6);pointer-events:none;opacity:0;animation:5s ease-in-out infinite scanline;position:absolute;left:0;right:0}@keyframes scanline{0%{opacity:.8;top:0%}95%{opacity:.2}to{opacity:0;top:100%}}.hero-coords{font-family:var(--mono);color:var(--text4);letter-spacing:.1em;text-align:right;font-size:.5rem;line-height:1.9;position:absolute;bottom:80px;right:48px}.hero-content{z-index:2;position:relative}.hero-eyebrow{font-family:var(--mono);color:var(--accent);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 16px rgba(var(--accent-rgb), .6);align-items:center;gap:14px;margin-bottom:20px;font-size:.64rem;display:flex}.hero-eyebrow:before{content:"";background:var(--accent);width:28px;height:1px;box-shadow:0 0 10px var(--accent), 0 0 20px rgba(var(--accent-rgb), .4)}.hero-name{letter-spacing:-.04em;color:#fff;text-shadow:0 0 120px rgba(var(--accent-rgb), .07);font-size:clamp(3.5rem,12vw,9.5rem);font-weight:900;line-height:.88}.hero-name__ghost{color:#0000;-webkit-text-stroke:1.5px #ffffff8c;filter:drop-shadow(0 0 40px #ffffff26)drop-shadow(0 0 80px #ffffff0f);display:block}.hero-name__glitch{display:inline-block;position:relative}.hero-name__glitch:before,.hero-name__glitch:after{content:attr(data-text);color:#fff;width:100%;position:absolute;top:0;left:0}.hero-name__glitch:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%);color:var(--accent);opacity:0;animation:4s infinite glitch1}.hero-name__glitch:after{clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);color:#818cf8;opacity:0;animation:4s infinite glitch2}@keyframes glitch1{0%,90%,to{opacity:0;transform:none}92%{opacity:.6;transform:translate(-3px,1px)}94%{opacity:0;transform:translate(3px,-1px)}96%{opacity:.5;transform:translate(-2px,2px)}}@keyframes glitch2{0%,90%,to{opacity:0;transform:none}93%{opacity:.5;transform:translate(3px,-2px)}95%{opacity:0;transform:translate(-2px,1px)}97%{opacity:.4;transform:translate(2px,-1px)}}.hero-body{max-width:520px;margin-top:34px}.hero-desc{font-family:var(--sans);color:var(--text2);letter-spacing:.01em;font-size:.82rem;line-height:1.88}.hero-desc__accent{color:#fffc}.hero-desc__dim{color:var(--text4)}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:28px;display:flex}.btn-neon{font-family:var(--sans);letter-spacing:.08em;color:#fff;cursor:none;-webkit-backdrop-filter:blur(14px)saturate(1.5);background:#ffffff14;border:1px solid #ffffff2e;border-top-color:#ffffff52;border-radius:100px;padding:13px 32px;font-size:.72rem;font-weight:500;transition:border-color .3s,box-shadow .3s,transform .2s,background .2s;display:inline-block;position:relative;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff29,inset 0 -1px #0000001a}.btn-neon:hover{background:#ffffff21;border-color:#ffffff70 #ffffff42 #ffffff42;transform:translateY(-1px);box-shadow:0 6px 32px #00000059,inset 0 1px #fff3}.btn-ghost{font-family:var(--sans);color:#fff6;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;padding:13px 24px;font-size:.72rem;font-weight:400;transition:color .2s,background .2s,border-color .2s}.btn-ghost:hover{color:#ffffffbf;background:#ffffff12;border-color:#ffffff2e}@media (max-width:1024px){.hero{padding:80px 36px}.hero-name{font-size:clamp(3.5rem,12vw,8rem)}.hero-coords{bottom:80px;right:36px}}@media (max-width:768px){.hero{padding:72px 28px}.hero-name{font-size:clamp(3.5rem,12vw,9.5rem)}.hero-body{max-width:100%}.hero-coords{bottom:72px;right:28px}}@media (max-width:480px){.hero{padding:56px 20px}.hero-name{font-size:clamp(3.5rem,15vw,5rem)}.hero-eyebrow{font-size:.55rem}.hero-desc{font-size:.72rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-coords{display:none}.btn-neon{text-align:center;width:100%;padding:13px 24px}.btn-ghost{text-align:center;width:100%;padding:13px 20px}}
.proj-card{cursor:none;-webkit-backdrop-filter:blur(24px)saturate(1.7);background:linear-gradient(160deg,#fff1 0%,#ffffff06 60%,#ffffff0a 100%);border:1px solid #ffffff0d;border-color:#fff3 #ffffff0d #ffffff0d #ffffff24;border-radius:18px;flex-direction:column;height:440px;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s,background .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 2px #ffffff0f}.proj-card:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 0%,#ffffff73 40%,#ffffff40 70%,#0000 100%);height:1px;position:absolute;top:0;left:10%;right:10%}.proj-card:hover{background:linear-gradient(160deg,#ffffff17 0%,#ffffff0a 60%,#ffffff0f 100%);border-color:#ffffff4d #ffffff14 #ffffff0a #fff3;transform:translateY(-5px);box-shadow:0 16px 48px #0000008c,inset 0 2px #ffffff1a}.proj-card:active{transform:translateY(-2px)}.proj-card--wip{opacity:.55}.proj-card__crawl{z-index:2;border-radius:0 0 18px 18px;width:0;height:2px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.proj-card:hover .proj-card__crawl{width:100%}.proj-card__preview{border-bottom:1px solid #ffffff12;border-radius:16px 16px 0 0;flex-shrink:0;height:200px;position:relative;overflow:hidden}.proj-card__preview-bg{background:#00000038;position:absolute;inset:0}.proj-card__preview-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.proj-card__preview-orb{pointer-events:none;filter:blur(10px);border-radius:50%;width:260px;height:260px;transition:transform .5s;position:absolute;top:-100px;right:-70px}.proj-card:hover .proj-card__preview-orb{transform:scale(1.15)}.proj-card__preview-orb2{pointer-events:none;filter:blur(18px);opacity:.5;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-50px;left:-20px}.proj-card__preview-label{z-index:1;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);opacity:.8;border:1px solid;border-radius:100px;padding:5px 12px;font-size:.5rem;position:absolute;top:14px;left:14px}.proj-card__preview-explore{z-index:1;font-family:var(--mono);color:#ffffff73;letter-spacing:.1em;opacity:0;font-size:.48rem;transition:opacity .25s,transform .25s;position:absolute;bottom:14px;right:14px;transform:translateY(4px)}.proj-card:hover .proj-card__preview-explore{opacity:1;transform:translateY(0)}.proj-card__body{flex-direction:column;flex:1;min-height:0;padding:22px 24px 26px;display:flex;overflow:hidden}.proj-card__num{font-family:var(--mono);color:#ffffff61;letter-spacing:.22em;margin-bottom:8px;font-size:.46rem}.proj-card__name{color:var(--text);letter-spacing:-.02em;margin-bottom:10px;font-size:1.15rem;font-weight:700;line-height:1.2;transition:color .2s}.proj-card:hover .proj-card__name{color:#fff}.proj-card__desc{color:var(--text2);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:18px;font-size:.775rem;line-height:1.75;display:-webkit-box;overflow:hidden}.proj-card__tags{flex-wrap:wrap;gap:5px;margin-top:auto;display:flex}.proj-card__tag{font-family:var(--mono);letter-spacing:.08em;color:#ffffffb8;-webkit-backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff0f;border-color:#ffffff38 #ffffff0f #ffffff0f #ffffff24;border-radius:100px;padding:5px 12px;font-size:.46rem;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff1f,0 1px 4px #00000040}.proj-card:hover .proj-card__tag{color:#fff;background:#ffffff1c;border-top-color:#ffffff52;border-left-color:#fff3;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #0000004d}.proj-card--wip .proj-card__name{color:#777}@media (max-width:768px){.proj-card{border-radius:14px;height:auto}.proj-card__preview{border-radius:12px 12px 0 0;height:180px}.proj-card__body{padding:18px 20px 22px}.proj-card__name{font-size:1.05rem}}@media (max-width:480px){.proj-card{border-radius:12px}.proj-card__preview{border-radius:10px 10px 0 0;height:160px}.proj-card__body{padding:16px 18px 20px}.proj-card__name{font-size:1rem}.proj-card__tags{gap:4px}.proj-card__tag{padding:4px 10px}}
.csl3d-wrapper{-webkit-user-select:none;user-select:none;width:100%;height:600px;position:relative;overflow:visible}.csl3d-mount{cursor:grab;position:absolute;inset:0;overflow:visible}.csl3d-mount:active{cursor:grabbing}.csl3d-mount>div,.csl3d-mount>div>div{overflow:visible!important}.csl3d-vignette{z-index:10;pointer-events:none;width:200px;position:absolute;top:0;bottom:0}.csl3d-vignette--left{background:linear-gradient(to right, var(--bg) 0%, transparent 100%);left:0}.csl3d-vignette--right{background:linear-gradient(to left, var(--bg) 0%, transparent 100%);right:0}.csl-arrow{z-index:20;-webkit-backdrop-filter:blur(16px);color:#ffffffbf;cursor:none;background:#ffffff12;border:1px solid #ffffff1f;border-top-color:#ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-60%);box-shadow:inset 0 1px #ffffff1a,0 4px 16px #00000059}.csl-arrow:hover{color:#fff;background:#ffffff21;border-top-color:#ffffff61;transform:translateY(-60%)scale(1.06)}.csl-arrow--left{left:28px}.csl-arrow--right{right:28px}.csl3d-footer{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.csl3d-name{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;white-space:nowrap;font-size:.58rem}.csl-dots{pointer-events:all;gap:7px;display:flex}.csl-dot{cursor:none;background:#ffffff38;border:none;border-radius:100px;width:5px;height:5px;padding:0;transition:background .25s,width .25s}.csl-dot--active{background:#fff;width:20px}@media (max-width:768px){.csl3d-wrapper{height:500px}.csl3d-vignette{width:80px}.csl-arrow--left{left:8px}.csl-arrow--right{right:8px}}@media (max-width:480px){.csl3d-wrapper{height:440px}.csl3d-vignette{width:48px}}
@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border2);background:#0a0a0a;grid-template-columns:340px 1fr;width:100%;max-width:1100px;max-height:90vh;display:grid;position:relative;overflow:hidden}.modal-close{z-index:10;border:1px solid var(--border2);width:32px;height:32px;color:var(--text3);cursor:none;background:#111;justify-content:center;align-items:center;font-size:1rem;transition:color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text);border-color:var(--text3)}.modal-info{border-right:1px solid var(--border);flex-direction:column;gap:0;padding:40px 32px;display:flex;overflow-y:auto}.modal-num{font-family:var(--mono);color:var(--text4);letter-spacing:.2em;margin-bottom:10px;font-size:.5rem}.modal-name{color:var(--text);letter-spacing:-.03em;margin-bottom:6px;font-size:1.8rem;font-weight:900;line-height:1}.modal-color-bar{border-radius:1px;width:40px;height:2px;margin-bottom:20px}.modal-meta{font-family:var(--mono);color:var(--text4);letter-spacing:.1em;margin-bottom:20px;font-size:.55rem;line-height:2}.modal-meta span{color:var(--text3)}.modal-desc{color:var(--text2);margin-bottom:24px;font-size:.82rem;font-weight:300;line-height:1.75}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:32px;display:flex}.modal-tag{font-family:var(--mono);color:var(--text3);border:1px solid var(--border);letter-spacing:.08em;padding:4px 9px;font-size:.5rem}.modal-links{flex-direction:column;gap:8px;margin-top:auto;display:flex}.modal-link{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--border2);color:var(--text2);cursor:none;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.6rem;text-decoration:none;transition:all .2s;display:flex}.modal-link:hover{border-color:var(--text3);color:var(--text)}.modal-link--primary{border-color:var(--border2)}.modal-link--primary:hover{border-color:rgba(var(--modal-color-rgb,94,234,212), .6);color:rgb(var(--modal-color-rgb,94,234,212));box-shadow:0 0 20px rgba(var(--modal-color-rgb,94,234,212), .1)}.modal-preview{background:#050505;flex-direction:column;min-height:500px;display:flex;position:relative;overflow:hidden}.modal-browser{flex-direction:column;height:100%;display:flex}.modal-browser-bar{border-bottom:1px solid var(--border);background:#111;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 12px;display:flex}.modal-browser-dot{border-radius:50%;width:8px;height:8px}.modal-browser-dot:first-child{background:#ff5f57}.modal-browser-dot:nth-child(2){background:#ffbd2e}.modal-browser-dot:nth-child(3){background:#28c840}.modal-browser-url{background:#1a1a1a;border-radius:3px;flex:1;align-items:center;max-width:280px;height:20px;margin-left:8px;padding:0 8px;display:flex}.modal-browser-url span{font-family:var(--mono);color:var(--text4);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.modal-browser-iframe{border:none;flex:1;width:100%}.modal-phone-wrap{background:#050505;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.modal-phone{background:#111;border:2px solid #2a2a2a;border-radius:28px;width:240px;position:relative;overflow:hidden;box-shadow:0 0 60px #000c}.modal-phone-notch{background:#111;justify-content:center;align-items:center;height:20px;display:flex}.modal-phone-notch-bar{background:var(--s2);border-radius:2px;width:60px;height:4px}.modal-phone-screen{background:#000;position:relative;overflow:hidden}.modal-phone-screen img{object-fit:cover;width:100%;display:block}.modal-phone-home{background:#111;justify-content:center;align-items:center;height:20px;display:flex}.modal-phone-home-bar{background:var(--border2);border-radius:2px;width:80px;height:3px}.modal-shot-controls{justify-content:center;gap:6px;padding:12px 0;display:flex;position:absolute;bottom:24px;left:0;right:0}.modal-shot-dot{background:var(--border2);cursor:none;border:none;border-radius:50%;width:5px;height:5px;transition:background .2s}.modal-shot-dot.active{background:var(--text3)}.modal-shot-nav{border:1px solid var(--border2);color:var(--text3);cursor:none;z-index:2;background:#0009;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-shot-nav:hover{color:var(--text);border-color:var(--text3)}.modal-shot-nav--prev{left:8px}.modal-shot-nav--next{right:8px}.modal-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:40px;display:flex}.modal-placeholder-icon{opacity:.3;font-size:2.5rem}.modal-placeholder-title{font-family:var(--mono);color:var(--text3);letter-spacing:.2em;text-transform:uppercase;font-size:.65rem}.modal-placeholder-text{color:var(--text4);max-width:240px;font-size:.78rem;line-height:1.6}@media (max-width:900px){.modal{grid-template-rows:auto 1fr;grid-template-columns:1fr;max-height:92vh}.modal-info{border-right:none;border-bottom:1px solid var(--border);max-height:50vh;padding:28px 24px}.modal-preview{min-height:300px}}@media (max-width:600px){.modal-overlay{padding:0}.modal{border-radius:0;max-height:100vh}.modal-name{font-size:1.4rem}}
.projects{padding:96px 72px}.proj-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:56px;display:flex}.proj-tabs-wrap{justify-content:center;display:flex}.proj-expand-btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff9;-webkit-backdrop-filter:blur(16px);cursor:none;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-top-color:#fff3;border-radius:100px;align-items:center;gap:7px;padding:9px 20px;font-size:.58rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex;box-shadow:inset 0 1px #ffffff14,0 4px 16px #00000040}.proj-expand-btn:hover,.proj-expand-btn--active{color:#fff;background:#ffffff1c;border-top-color:#ffffff52}.proj-tabs{-webkit-backdrop-filter:blur(32px)saturate(1.8);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border:1px solid #ffffff1f;border-bottom-color:#ffffff0d;border-radius:100px;gap:2px;padding:4px;display:flex;position:relative;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14,inset 0 -1px #00000026}.proj-tab{cursor:none;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff52;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:100px;align-items:center;gap:8px;padding:9px 28px;font-size:.62rem;transition:color .25s;display:flex;position:relative}.proj-tab:hover{color:#ffffff9e}.proj-tab--active{color:#fff}.proj-tab-pill{-webkit-backdrop-filter:blur(16px)saturate(2);z-index:0;background:linear-gradient(135deg,#ffffff26 0%,#ffffff12 100%);border:1px solid #ffffff24;border-top-color:#ffffff47;border-radius:100px;position:absolute;inset:0;box-shadow:0 2px 10px #00000073,inset 0 1px #ffffff38,inset 0 -1px #0000001f}.proj-tab-label{z-index:1;position:relative}.proj-tab-count{z-index:1;opacity:.4;letter-spacing:.06em;font-size:.52rem;position:relative}.proj-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:440px;gap:18px;display:grid}@media (max-width:1024px){.projects{padding:96px 48px}.proj-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:440px;gap:14px}}@media (max-width:768px){.projects{padding:72px 24px}.proj-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.proj-tab{padding:8px 18px;font-size:.58rem}.proj-tabs{border-radius:16px;flex-wrap:wrap}.proj-header{gap:14px;margin-bottom:40px}.proj-expand-btn{display:none}}@media (max-width:480px){.projects{padding:56px 16px}.proj-tab{padding:7px 14px;font-size:.55rem}.proj-tabs-wrap{padding:0 4px}}
.about{padding:96px 48px}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:72px;display:grid}.about-text{flex-direction:column;gap:32px;display:flex}.about-chapter{flex-direction:column;gap:8px;display:flex}.about-chapter__label{font-family:var(--mono);color:#ffffff52;letter-spacing:.18em;text-transform:uppercase;font-size:.52rem;font-weight:400}.about-chapter p{font-family:var(--sans);color:var(--text2);font-size:1rem;font-weight:300;line-height:1.9}.about-chapter p strong{color:var(--text);font-weight:600}.about-chapter p em{color:#ffffffd1;font-style:italic}.about-text__accent{color:#fff;font-style:italic;font-weight:600}.about-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:6px;padding-top:24px;display:flex}.about-thanks{font-family:var(--sans);color:#ffffff61;letter-spacing:.02em;font-size:.85rem;font-weight:300}.about-sig{line-height:1;display:inline-block}.about-sig__text{font-family:var(--sig);color:#ffffffd1;letter-spacing:.01em;font-size:3.2rem;font-weight:400}.about-stats{background:var(--border);grid-template-columns:1fr 1fr;align-self:start;gap:1px;display:grid;position:sticky;top:80px}.stat{background:var(--s2);padding:30px 26px}.stat__num{letter-spacing:-.04em;color:var(--text);margin-bottom:6px;font-size:2.4rem;font-weight:900;line-height:1}.stat__num b{color:#fff}.stat__num--accent{color:var(--accent);font-size:1.5rem}.stat__label{font-family:var(--mono);color:var(--text4);letter-spacing:.15em;text-transform:uppercase;font-size:.54rem}@media (max-width:1024px){.about{padding:80px 40px}.about-grid{gap:48px}}@media (max-width:768px){.about{padding:72px 32px}.about-grid{grid-template-columns:1fr;gap:40px}.about-stats{position:static}.stat{padding:26px 22px}}@media (max-width:480px){.about{padding:56px 20px}.about-chapter p{font-size:.9rem}.stat__num{font-size:2rem}.stat{padding:22px 18px}.about-sig__text{font-size:2.4rem}}
.stack{padding:96px 48px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stack-col{-webkit-backdrop-filter:blur(22px)saturate(1.6);background:linear-gradient(155deg,#ffffff0f 0%,#ffffff06 60%,#ffffff0a 100%);border:1px solid #ffffff0d;border-color:#ffffff2e #ffffff0d #ffffff0d #ffffff1a;border-radius:18px;padding:28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff12}.stack-col:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6 40%,#fff3 70%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.stack-col__head{font-family:var(--mono);color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:.55rem;display:flex}.stack-col__head:after{content:"";background:#ffffff14;flex:1;height:1px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{font-family:var(--sans);color:#ffffffa6;letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);cursor:default;background:#ffffff0f;border:1px solid #ffffff0d;border-top-color:#ffffff26;border-radius:100px;padding:6px 14px;font-size:.72rem;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff12}.chip:hover{color:#fff;background:#ffffff1a;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff24,0 4px 16px #0000004d}@media (max-width:1024px){.stack{padding:80px 40px}}@media (max-width:768px){.stack{padding:72px 32px}.stack-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stack-col{padding:24px}}@media (max-width:480px){.stack{padding:56px 20px}.stack-grid{grid-template-columns:1fr;gap:10px}.stack-col{padding:22px}.chip{padding:5px 12px;font-size:.68rem}}
.experience{padding:96px 48px}.exp-row{border-top:1px solid var(--border);grid-template-columns:190px 1fr auto;align-items:start;gap:32px;padding:34px 0;display:grid;position:relative}.exp-row:last-child{border-bottom:1px solid var(--border)}.exp-row:before{content:"";background:var(--accent);width:0;height:1px;box-shadow:0 0 10px var(--accent);transition:width .4s;position:absolute;top:0;left:0}.exp-row:hover:before{width:100%}.exp-period{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;padding-top:3px;font-size:.58rem}.exp-role{font-family:var(--sans);color:var(--text);margin-bottom:3px;font-size:.95rem;font-weight:600}.exp-company{font-family:var(--mono);color:var(--accent);letter-spacing:.09em;margin-bottom:14px;font-size:.58rem}.exp-bullets{list-style:none}.exp-bullets li{font-family:var(--sans);color:var(--text2);margin-bottom:4px;padding-left:15px;font-size:.82rem;line-height:1.75;position:relative}.exp-bullets li:before{content:"—";color:var(--text4);position:absolute;left:0}.exp-tags{flex-direction:column;align-items:flex-end;gap:5px;padding-top:3px;display:flex}.exp-tag{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;border:1px solid #ffffff1a;padding:3px 8px;font-size:.48rem}@media (max-width:1024px){.experience{padding:80px 40px}.exp-row{grid-template-columns:160px 1fr auto;gap:24px}}@media (max-width:768px){.experience{padding:72px 32px}.exp-row{grid-template-columns:140px 1fr;gap:20px}.exp-tags{display:none}.exp-bullets li{font-size:.82rem}}@media (max-width:480px){.experience{padding:56px 20px}.exp-row{grid-template-columns:1fr;gap:10px;padding:28px 0}.exp-period{font-size:.52rem}.exp-bullets li{font-size:.78rem}}
.contact{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:72px;padding:88px 48px 100px;display:grid}.contact-eyebrow{font-family:var(--mono);color:var(--accent);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 14px rgba(var(--accent-rgb), .6);align-items:center;gap:10px;margin-bottom:18px;font-size:.58rem;display:flex}.contact-eyebrow:before{content:"";background:var(--accent);width:22px;height:1px;box-shadow:0 0 10px var(--accent), 0 0 20px rgba(var(--accent-rgb), .4)}.contact-heading{letter-spacing:-.04em;margin-bottom:36px;font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:.9}.contact-heading__solid{color:var(--text);display:block}.contact-heading__outline{color:#0000;-webkit-text-stroke:1px var(--accent);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .4));display:block}.contact-email{font-family:var(--sans);color:var(--text2);border-bottom:1px solid var(--border2);letter-spacing:.01em;padding-bottom:2px;font-size:.82rem;font-weight:400;transition:color .2s,border-color .2s,text-shadow .2s}.contact-email:hover{color:var(--accent);border-color:var(--accent);text-shadow:0 0 14px rgba(var(--accent-rgb), .4)}.contact-links{flex-direction:column;gap:10px;margin-top:28px;display:flex}.contact-link{font-family:var(--mono);color:var(--text4);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.58rem;transition:color .2s;display:flex}.contact-link:before{content:"→";color:var(--text4);transition:color .2s,text-shadow .2s}.contact-link:hover{color:var(--text2)}.contact-link:hover:before{color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb), .6)}.contact-note{font-family:var(--mono);color:var(--text2);letter-spacing:.1em;flex-direction:column;justify-content:flex-end;height:100%;font-size:.58rem;line-height:2.1;display:flex}@media (max-width:1024px){.contact{gap:48px;padding:80px 40px 88px}}@media (max-width:768px){.contact{grid-template-columns:1fr;gap:40px;padding:72px 32px 80px}.contact-note{display:none}.contact-links{gap:8px}}@media (max-width:480px){.contact{padding:56px 20px 64px}.contact-heading{font-size:clamp(2.5rem,12vw,4rem)}.contact-links{gap:6px}}
.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 48px;display:flex}.footer__item{font-family:var(--mono);color:var(--text3);letter-spacing:.15em;font-size:.52rem}@media (max-width:768px){.footer{padding:20px 32px}}@media (max-width:480px){.footer{text-align:center;flex-direction:column;gap:8px;padding:18px 20px}}