:root{--bg:#030303;--bg2:#080808;--bg3:#0d0d0d;--gold:#d4af37;--gold-dim:#d4af3714;--text:#fff;--muted:#ffffff73;--border:#ffffff0a;--border-light:#ffffff14;--gold-border:#d4af3733;--font-display:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--glass:#ffffff05}::selection{background:var(--gold);color:#000}*{box-sizing:border-box;margin:0;padding:0}@media (width>=1025px){*{cursor:none}}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;font-weight:800}.syne-bold{font-weight:800}#custom-cursor{background:var(--gold);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;position:fixed}#custom-cursor-ring{border:1px solid var(--gold);pointer-events:none;z-index:9999;border-radius:50%;width:40px;height:40px;transition:transform .15s ease-out,width .3s,height .3s,border-color .3s;position:fixed}.cursor-hover #custom-cursor-ring{background:var(--gold-dim);border-color:#0000;width:80px;height:80px}.grain-overlay{z-index:9998;pointer-events:none;opacity:.18;filter:contrast(120%)brightness();background-image:url(https://grainy-gradients.vercel.app/noise.svg);width:400%;height:400%;animation:8s steps(10,end) infinite noise-move;position:fixed;inset:-200%}@keyframes noise-move{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.section-padding{padding:clamp(8rem,20vh,14rem) 8%}.mono{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;font-size:.7rem}@media (width<=1024px){.section-padding{padding:8rem 7%}}@media (width<=768px){.section-padding{padding:6rem 5%}#custom-cursor,#custom-cursor-ring{display:none!important}}.display-large{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(3rem,10vw,8.5rem);font-weight:900;line-height:.85}.heading-xl{letter-spacing:-.02em;font-size:clamp(3.5rem,12vw,10rem);line-height:.9}.heading-lg{font-size:clamp(2.5rem,8vw,5rem);line-height:1}.reveal-wrapper{overflow:hidden}.navbar{z-index:1000;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 10%;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background-color:#080808d9;height:70px}.nav-links{gap:clamp(1.5rem,4vw,3rem);display:flex}@media (width<=768px){.navbar{height:70px;padding:0 5%}.nav-links{display:none}}.about-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}@media (width<=1024px){.about-grid{grid-template-columns:1fr;gap:4rem}}.projects-header{padding:0 10%}@media (width<=1024px){.projects-header{padding:0 7%}}@media (width<=768px){.projects-header{padding:0 5%}}.projects-list{border-top:1px solid var(--border)}.project-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:80px 1.5fr 2fr 80px;align-items:center;padding:clamp(2.5rem,6vh,4rem) 10%;transition:all .6s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.project-row:hover{background-color:#f5c84208}.project-id{font-size:.8rem}.project-info{flex-direction:column;display:flex}.project-title{font-size:clamp(1.4rem,3.5vw,2.5rem);transition:color .4s}.project-desc-mobile{color:var(--muted);max-width:600px;margin-top:.75rem;font-size:.9rem;display:none}.project-tags{padding-left:2rem;font-size:clamp(.65rem,1vw,.75rem);line-height:1.8}.project-arrow{justify-content:flex-end;transition:transform .5s cubic-bezier(.23,1,.32,1);display:flex}.project-row:hover .project-title{color:var(--gold)}.project-row:hover .project-arrow{color:var(--gold);transform:translate(15px)}.project-underline{background-color:var(--gold);transform-origin:0;width:100%;height:2px;transition:transform .6s cubic-bezier(.23,1,.32,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.project-row:hover .project-underline{transform:scaleX(1)}@media (width<=1024px){.project-row{grid-template-columns:1fr auto;gap:1.5rem;padding:3rem 7%}.project-tags,.project-id{display:none}.project-desc-mobile{display:block}.project-arrow{transform:none!important}}@media (width<=768px){.project-row{padding:2.5rem 5%}}.skills-container{z-index:2;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);max-width:1100px;display:flex;position:relative}.skill-pill{cursor:pointer;border-radius:2px;padding:clamp(.75rem,2vw,1rem) clamp(1.25rem,3vw,2.2rem);font-size:clamp(.7rem,1.5vw,.85rem);transition:all .4s cubic-bezier(.23,1,.32,1)}.skill-pill.core{border:1px solid var(--gold);color:var(--gold);background-color:var(--gold-dim);font-weight:700}.skill-pill.secondary{border:1px solid var(--border-light);color:var(--muted);background-color:#0000;font-weight:400}.skill-pill:hover{background-color:var(--gold);color:var(--bg);border-color:var(--gold);transform:translateY(-5px)}.skills-bg-text{color:var(--gold);opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;white-space:nowrap;font-size:clamp(6rem,20vw,15rem);font-weight:900;line-height:.8;position:absolute;bottom:-5%;right:2%}.designer-btn{background:var(--bg3);border:1px solid var(--border-light);color:var(--text);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:1.5rem;padding:1.2rem 2.5rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.designer-btn:before{content:"";background:linear-gradient(90deg,#0000,#d4af371a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.designer-btn:hover{border-color:var(--gold);background:#d4af370d;transform:translateY(-3px);box-shadow:0 0 30px #d4af3726}.designer-btn:hover:before{left:100%}.btn-label{color:var(--gold);opacity:.7}.btn-line-vertical{background:#ffffff26;width:1px;height:14px}.btn-icon{transition:transform .4s}.designer-btn:hover .btn-icon{color:var(--gold);transform:translate(5px)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#ffffff03;box-shadow:0 20px 40px #0006}.glass-panel--gold{border:1px solid var(--gold-border);box-shadow:0 20px 40px #d4af370d}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scan-texture{pointer-events:none;opacity:.3;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;position:absolute;inset:0}@media (width<=768px){.heading-xl{font-size:3.5rem}.heading-lg{font-size:2.2rem}.section-padding{padding:5rem 6%}}.section-watermark{color:var(--gold);opacity:.35;pointer-events:none;z-index:1;white-space:nowrap;filter:blur(1px);-webkit-user-select:none;user-select:none;font-family:Noto Serif Devanagari,serif;font-size:clamp(15rem,40vw,55rem);font-weight:900;position:absolute;bottom:-5%;right:-5%}@media (width<=768px){.section-watermark{opacity:.08;font-size:60vw;right:-10%}}.btn-pill-primary{color:#080808;height:56px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#f5c842 0%,#e8a000 100%);border:none;border-radius:100px;justify-content:center;align-items:center;padding:1rem 2.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:visible;box-shadow:0 4px 15px #f5c8421a}.btn-avatar{background-color:var(--bg3);z-index:2;border:2px solid #080808;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:50%;left:-4px;overflow:hidden;transform:translateY(-50%)}.btn-face{width:100%;height:100%;position:relative}.btn-eye{background-color:#fff;border-radius:50%;width:4px;height:4px;position:absolute}.btn-eye:after{content:"";background-color:#000;border-radius:50%;width:2px;height:2px;position:absolute;top:0;left:0}.btn-mouth{background-color:#f5c842;border:1px solid #111;border-radius:2px;width:8px;height:2px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.btn-arrow{margin-left:.5rem;transition:transform .3s cubic-bezier(.23,1,.32,1);display:inline-block}.btn-pill-primary:hover{background:linear-gradient(135deg,#fce186 0%,#f5c842 100%);transform:scale(1.03);box-shadow:0 0 30px #f5c84266}.btn-pill-primary:hover .btn-arrow{transform:translate(4px)}.btn-pill-primary:hover .btn-avatar{transform:translateY(-50%)rotate(10deg)}.btn-pill-primary:active{transform:scale(.97);box-shadow:0 0 15px #f5c84280}.btn-pill-secondary{height:56px;color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #f5c84266;border-radius:100px;justify-content:center;align-items:center;padding:1rem 2.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative}.btn-pill-secondary:hover{border-color:var(--gold);color:var(--gold);background:#f5c8420f;box-shadow:inset 0 0 20px #f5c84226}.btn-arrow-minimal{color:var(--text);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem 0;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.btn-arrow-minimal .arrow-icon{margin-left:.4rem;transition:transform .3s cubic-bezier(.23,1,.32,1)}.btn-arrow-minimal:after{content:"";background-color:var(--gold);transform-origin:0;width:100%;height:1px;transition:transform .4s cubic-bezier(.23,1,.32,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.btn-arrow-minimal:hover{color:var(--gold)}.btn-arrow-minimal:hover .arrow-icon{transform:translate(5px,-5px)}.btn-arrow-minimal:hover:after{transform:scaleX(1)}