.loading-container{z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:background-color .5s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loading-container.light{background-color:var(--background,#f5f3f0)}.loading-container.dark{background-color:var(--background,#050505)}.loading-container:after{content:"";width:100%;height:100%;opacity:var(--grain-opacity,.03);pointer-events:none;filter:contrast(150%)brightness();background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:absolute;top:0;left:0}.canvas-wrapper{justify-content:center;align-items:center;width:100%;height:60vh;display:flex}.loading-text{font-family:var(--font-primary);letter-spacing:.4em;text-transform:uppercase;font-size:.75rem;font-weight:300;position:absolute;bottom:10vh}.loading-container.light .loading-text{color:var(--text-secondary,#0006)}.loading-container.dark .loading-text{color:var(--text-secondary,#fff6)}@media (max-width:768px){.canvas-wrapper{height:50vh}}
.hero-section{z-index:10;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.hero-container{z-index:20;grid-template-columns:1fr 1.5fr;align-items:center;gap:8rem;width:100%;max-width:1400px;display:grid}.hero-left{flex-direction:column;align-items:center;gap:4rem;display:flex}.profile-circle-wrapper{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.depth-layers{pointer-events:none;z-index:0;width:150%;height:150%;position:absolute}.ambient-halo{filter:blur(80px);z-index:-1;border-radius:50%;width:70%;height:70%;position:absolute;top:15%;left:15%}.particles-overlay{width:100%;height:100%;position:absolute}.particle{background-color:var(--particle-color);border-radius:50%;width:3px;height:3px;position:absolute}.profile-motion-container{perspective:1000px;z-index:5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.circle-container{background:var(--surface-glass);width:100%;height:100%;box-shadow:0 40px 100px var(--shadow-ambient);z-index:5;border-radius:50%;position:relative;overflow:hidden}.image-wrapper{width:100%;height:100%;position:relative}.glass-overlay{pointer-events:none;background:radial-gradient(circle,#0000 30%,#0000001a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.glow-border{z-index:1;pointer-events:none;border:1px solid #0000;border-radius:50%;position:absolute;inset:-10px}.ambient-gradient{background:conic-gradient(from 0deg, transparent, var(--glow-subtle), transparent);z-index:0;pointer-events:none;border-radius:50%;position:absolute;inset:-20px}.social-icons-container{gap:1.5rem;padding:.5rem;display:flex}.social-icon-button{background:var(--surface-glass);border:1px solid var(--border-medium);width:44px;height:44px;color:var(--foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.social-icon-button:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);box-shadow:0 10px 20px var(--shadow-ambient)}.social-icon-button:after{content:attr(data-tooltip);background:var(--surface-modal);color:var(--text-primary);opacity:0;pointer-events:none;white-space:nowrap;letter-spacing:.1em;z-index:100;border:1px solid var(--border-subtle);border-radius:6px;padding:.4rem .8rem;font-size:.7rem;transition:all .3s;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)translateY(10px)}.social-icon-button:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.hero-right{flex-direction:column;justify-content:center;display:flex}.about-content{flex-direction:column;gap:1.5rem;display:flex}.label{letter-spacing:.3em;text-transform:uppercase;color:var(--text-tertiary);font-size:.8rem;font-weight:500}.name-heading{letter-spacing:-.04em;color:var(--text-heading);margin-bottom:1rem;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;line-height:.95}.tagline{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;line-height:1.4}.description{max-width:600px;color:var(--text-secondary);flex-direction:column;gap:1.5rem;font-size:1.1rem;line-height:1.8;display:flex}.signature-line{color:var(--foreground);border-left:2px solid var(--border-medium);margin:1rem 0;padding-left:1.5rem;font-size:1.2rem;font-weight:500;opacity:1!important}.currently-status{color:var(--text-secondary);align-items:center;gap:.75rem;margin-top:3rem;font-size:.85rem;font-weight:400;display:flex}.status-dot{background-color:var(--status-green);width:8px;height:8px;box-shadow:0 0 10px var(--status-green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.status-text .highlight{color:var(--foreground);font-weight:500}.cta-scroll{letter-spacing:.2em;color:var(--text-tertiary);align-items:center;gap:1rem;margin-top:2rem;font-size:.7rem;display:flex}.scroll-indicator{background:linear-gradient(to bottom, var(--foreground), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollDown}@keyframes scrollDown{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.1%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.hero-atmosphere{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.parallax-light-wrapper{width:100%;height:100%;position:absolute}.ambient-light{filter:blur(120px);opacity:.05;border-radius:50%;width:60vw;height:60vw;transition:background 1.2s;position:absolute}.light-1{background:radial-gradient(circle,#3b82f6,#0000);top:-10%;right:-10%}.light-2{background:radial-gradient(circle,#8b5cf6,#0000);bottom:-10%;left:-10%}[data-theme=warm] .light-1{background:radial-gradient(circle,#b45309,#0000)}[data-theme=warm] .light-2{background:radial-gradient(circle,#a16207,#0000)}.theme-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem}.toggle-track{background:var(--surface-glass);border:1px solid var(--border-medium);border-radius:12px;align-items:center;width:48px;height:24px;padding:2px;transition:all .4s;display:flex}.toggle-track.warm{background:#c8a0641f;border-color:#c8a06433}.toggle-thumb{background:var(--foreground);width:18px;height:18px;color:var(--background);box-shadow:0 2px 5px var(--shadow-ambient);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (max-width:1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:4rem;padding-top:6rem}.hero-left,.hero-right{align-items:center}.description{align-items:center;max-width:100%}.signature-line{border-left:none;border-top:1px solid var(--border-medium);text-align:center;padding-top:1.5rem;padding-left:0}.currently-status{justify-content:center}.name-heading{font-size:4rem}.profile-circle-wrapper{width:300px;height:300px}}@media (max-width:480px){.name-heading{font-size:3rem}.social-icons-container{flex-wrap:wrap;justify-content:center}}
.journey-section{background:var(--surface-primary);width:100%;padding:10vh 0;transition:background .6s;position:relative}.journey-section.mode-full{background:var(--surface-section)}.journey-content-wrapper{z-index:10;max-width:1400px;margin:0 auto;padding:0 4rem;position:relative}.journey-intro{text-align:center;margin-bottom:12vh}.section-label{text-transform:uppercase;letter-spacing:.3em;color:var(--text-secondary);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;display:block}.section-title{color:var(--text-heading);letter-spacing:-.03em;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1}.section-subtitle{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:1.15rem;font-weight:300;line-height:1.6}.journey-toggle-area{z-index:50;justify-content:center;margin-bottom:8vh;display:flex;position:sticky;top:2rem}.journey-toggle{background:var(--surface-glass);border:1px solid var(--border-medium);color:var(--text-accent);letter-spacing:.03em;cursor:pointer;-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px var(--shadow-ambient);border-radius:100px;justify-content:center;align-items:center;gap:.6rem;min-width:240px;padding:.8rem 1.8rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;transition:all .5s cubic-bezier(.23,1,.32,1);display:inline-flex;overflow:hidden}.journey-toggle:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);box-shadow:0 8px 30px var(--shadow-ambient);color:var(--text-heading)}.toggle-content{white-space:nowrap;align-items:center;gap:.6rem;display:inline-flex}.timeline-container{flex-direction:column;gap:0;padding:4vh 0;display:flex;position:relative}.timeline-line{background:var(--border-subtle);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-progress{background:linear-gradient(to bottom, transparent, var(--accent-color,var(--text-heading)), transparent);width:100%;box-shadow:0 0 15px var(--accent-color,var(--glow-subtle));position:absolute;top:0;left:0}.year-group{flex-direction:column;gap:8vh;margin-bottom:4vh;display:flex}.year-divider{z-index:5;align-items:center;gap:1.5rem;padding:3vh 0;display:flex;position:relative}.year-divider-line{background:linear-gradient(90deg, transparent 0%, var(--border-subtle) 30%, var(--border-subtle) 70%, transparent 100%);flex:1;height:1px}.year-divider-label{color:var(--text-muted);letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;transition:color .5s}.mode-full .year-divider-label,.mode-full .year-group .year-divider-label{color:var(--text-muted)}.milestone-card-wrapper{justify-content:flex-start;width:100%;display:flex;position:relative}.milestone-card-wrapper:nth-child(odd){justify-content:flex-start}.milestone-card-wrapper:nth-child(2n){justify-content:flex-end}.milestone-card-wrapper.personal .milestone-card{border-color:#ffc88c14}.milestone-card-wrapper.personal .milestone-card:hover{border-color:#ffc88c2e}.milestone-card{background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:20px;width:44%;padding:2rem 2.2rem;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.milestone-card:hover{background:var(--surface-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-6px)}.active .milestone-card{border-color:var(--border-hover);background:var(--surface-card-hover)}.card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.card-header-left{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card-month{letter-spacing:.15em;color:var(--accent-color,#fffc);text-transform:uppercase;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700}.card-year{letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.card-title{color:var(--text-heading);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25}.card-org-wrapper{align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.card-org-logo{background:var(--surface-elevated);border:1px solid var(--border-medium);object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.card-organization{color:var(--text-tertiary);letter-spacing:.02em;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;display:block}.card-description{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;line-height:1.6}.card-timeline{color:var(--text-tertiary);letter-spacing:.05em;background:var(--chip-bg);border-radius:6px;margin-bottom:1rem;padding:4px 10px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:500;display:inline-block}.role-tag{text-transform:uppercase;letter-spacing:.1em;background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--chip-border);white-space:nowrap;border-radius:6px;align-items:center;padding:4px 10px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:700;transition:all .4s;display:inline-flex;box-shadow:0 0 #0000}.milestone-card:hover .role-tag{color:#ffffffb3;box-shadow:0 0 12px #ffffff0f}.role-tag--leadership{color:#b4c8ff99;background:#b4c8ff0f;border-color:#b4c8ff1f}.role-tag--internship{color:#b4ffc899;background:#b4ffc80f;border-color:#b4ffc81f}.role-tag--speaker,.role-tag--resource-person{color:#ffdcb499;background:#ffdcb40f;border-color:#ffdcb41f}.role-tag--team-lead{color:#ffb4c899;background:#ffb4c80f;border-color:#ffb4c81f}.role-tag--volunteer{color:#c8b4ff99;background:#c8b4ff0f;border-color:#c8b4ff1f}.role-tag--content{color:#b4f0ff99;background:#b4f0ff0f;border-color:#b4f0ff1f}.role-tag--education{color:#ffffc899;background:#ffffc80f;border-color:#ffffc81f}.role-tag--personal{color:#ffc8a08c;background:#ffc8a00d;border-color:#ffc8a01a}.card-expanded-content{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem;overflow:hidden}.card-expanded-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;line-height:1.65}.card-contributions{margin-bottom:1rem}.card-contributions-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin-bottom:.6rem;font-family:Inter,sans-serif;font-size:.6rem;font-weight:700;display:block}.card-contributions ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.card-contributions li{color:var(--text-secondary);padding-left:1rem;font-size:.8rem;line-height:1.5;position:relative}.card-contributions li:before{content:"›";color:var(--text-muted);font-weight:700;position:absolute;left:0}.card-reflection{color:var(--text-tertiary);border-left:2px solid var(--border-subtle);margin:0;padding-left:1rem;font-size:.82rem;font-style:italic;line-height:1.6}.card-actions{align-items:center;gap:1rem;margin-top:1rem;display:flex}.expand-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.75rem;font-weight:600;transition:color .3s;display:flex}.expand-toggle:hover{color:var(--text-accent)}.expand-icon{transition:transform .3s}.expand-toggle.expanded .expand-icon{transform:rotate(180deg)}.read-more{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-left:auto;padding:0;font-size:.75rem;font-weight:600;transition:color .3s;display:flex}.milestone-card:hover .read-more{color:var(--text-accent)}.card-glow{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0a 0%, transparent 70%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.milestone-card:hover .card-glow{opacity:1}.personal .card-glow{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffc88c0a 0%, transparent 70%)}.timeline-dot-wrapper{z-index:5;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-dot{background:var(--surface-section);border:2px solid var(--border-medium);border-radius:50%;width:10px;height:10px;transition:all .5s}.timeline-dot.active{background:var(--accent-color,var(--text-heading));border-color:var(--accent-color,var(--text-heading));box-shadow:0 0 15px var(--accent-color,var(--glow-hover));transform:scale(1.5)}.timeline-dot.personal{border-color:#ffc88c4d}.timeline-dot.personal.active{background:#ffc88ce6;border-color:#ffc88ce6;box-shadow:0 0 15px #ffc88c80}.journey-footer{text-align:center;margin-top:20vh;padding-bottom:20vh}.transition-cta{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cta-label{color:var(--text-secondary);letter-spacing:.1em;font-family:Inter,sans-serif;font-size:.9rem}.cta-title{color:var(--text-heading);font-family:Outfit,sans-serif;font-size:3rem;font-weight:700}.cta-button{background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.cta-button:hover{box-shadow:var(--shadow-card);transform:scale(1.05)}@media (max-width:1024px){.journey-content-wrapper{padding:0 2rem}.timeline-line,.timeline-dot-wrapper{left:2rem}.milestone-card-wrapper,.milestone-card-wrapper:nth-child(2n),.milestone-card-wrapper:nth-child(odd){justify-content:flex-end;width:100%}.milestone-card{width:calc(100% - 60px)}}@media (max-width:768px){.section-title{font-size:3rem}.milestone-card{border-radius:16px;padding:1.5rem}.card-title{font-size:1.25rem}.card-header{flex-direction:column;gap:.5rem}.year-divider-label{font-size:1.3rem}.journey-toggle{min-width:200px;padding:.65rem 1.4rem;font-size:.75rem}.cta-title{font-size:2rem}.year-group{gap:5vh}}
.lightbox-backdrop{background:var(--surface-overlay);-webkit-backdrop-filter:blur(40px)saturate(180%);z-index:1100000;cursor:pointer;position:fixed;inset:0}.lightbox-container{z-index:1100001;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{z-index:1100010;background:var(--surface-glass);border:1px solid var(--border-medium);color:var(--text-accent);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .35s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);transform:scale(1.1)}.lightbox-image-wrapper{pointer-events:auto;justify-content:center;align-items:center;width:90vw;max-width:1400px;height:85vh;display:flex;position:relative}.lightbox-image{border:1px solid var(--border-subtle);box-shadow:0 0 0 1px var(--glow-subtle), 0 40px 100px var(--shadow-deep);-webkit-user-select:none;user-select:none;border-radius:16px}.lightbox-arrow{z-index:1100010;background:var(--surface-glass);border:1px solid var(--border-medium);width:48px;height:48px;color:var(--text-accent);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);color:var(--text-heading);box-shadow:0 0 20px var(--glow-hover);transform:translateY(-50%)scale(1.08)}.lightbox-arrow:active{transform:translateY(-50%)scale(.95)}.lightbox-arrow.left{left:2rem}.lightbox-arrow.right{right:2rem}.lightbox-counter{z-index:1100010;background:var(--surface-glass);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(20px);pointer-events:auto;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.lightbox-counter-text{letter-spacing:.08em;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.72rem;font-weight:600}.lightbox-progress{background:linear-gradient(90deg, var(--border-subtle), var(--border-hover));z-index:1100010;pointer-events:none;height:2px;transition:none;position:fixed;bottom:0;left:0}@media (max-width:768px){.lightbox-image{border-radius:12px;max-width:92vw;max-height:70vh}.lightbox-arrow{width:38px;height:38px}.lightbox-arrow.left{left:.75rem}.lightbox-arrow.right{right:.75rem}.lightbox-close{width:34px;height:34px;top:1rem;right:1rem}}
.ds-window{background:var(--surface-modal);border:1.5px solid var(--border-hover);width:52vw;height:58vh;box-shadow:0 0 0 1px var(--glow-subtle), 0 40px 80px var(--shadow-deep);border-radius:28px;display:flex;overflow:hidden}.ds-close{z-index:30;background:var(--surface-glass);border:1px solid var(--border-medium);color:var(--text-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .35s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:1.25rem;right:1.25rem}.ds-close:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);transform:scale(1.1)}.ds-layout{width:100%;height:100%;display:flex}.ds-text{border-right:1px solid var(--border-subtle);flex-direction:column;width:48%;padding:2.5rem;display:flex;overflow:hidden}.ds-header{flex-shrink:0;margin-bottom:1.5rem}.ds-badges{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.ds-year{background:var(--btn-primary-bg);color:var(--btn-primary-text);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:.6rem;font-weight:900}.ds-month{color:var(--text-secondary);letter-spacing:.05em;font-size:.65rem;font-weight:600}.ds-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.ds-role-tag{text-transform:uppercase;letter-spacing:.1em;background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--chip-border);border-radius:6px;margin-bottom:.75rem;padding:3px 10px;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;display:inline-block}.ds-role-tag--leadership{color:#b4c8ff99;background:#b4c8ff0f;border-color:#b4c8ff1f}.ds-role-tag--internship{color:#b4ffc899;background:#b4ffc80f;border-color:#b4ffc81f}.ds-role-tag--speaker,.ds-role-tag--resource-person{color:#ffdcb499;background:#ffdcb40f;border-color:#ffdcb41f}.ds-role-tag--team-lead{color:#ffb4c899;background:#ffb4c80f;border-color:#ffb4c81f}.ds-role-tag--volunteer{color:#c8b4ff99;background:#c8b4ff0f;border-color:#c8b4ff1f}.ds-role-tag--content{color:#b4f0ff99;background:#b4f0ff0f;border-color:#b4f0ff1f}.ds-role-tag--education{color:#ffffc899;background:#ffffc80f;border-color:#ffffc81f}.ds-role-tag--personal{color:#ffc8a08c;background:#ffc8a00d;border-color:#ffc8a01a}.ds-title{color:var(--text-heading);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;line-height:1.15}.ds-org{color:var(--text-tertiary);margin-top:.4rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;display:block}.ds-timeline-range{color:var(--text-tertiary);letter-spacing:.05em;background:var(--chip-bg);border-radius:4px;margin-top:.5rem;padding:3px 8px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:500;display:inline-block}.ds-scroll{flex:1;padding-right:.75rem;overflow-y:auto}.ds-para{color:var(--text-secondary);margin-bottom:1rem;font-size:.88rem;line-height:1.55}.ds-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin:1.5rem 0 .6rem;font-family:Inter,sans-serif;font-size:.6rem;font-weight:700}.ds-contribution-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ds-contribution-item{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.82rem;line-height:1.5;display:flex}.ds-contrib-icon{color:var(--text-muted);flex-shrink:0;margin-top:3px}.ds-reflection{color:var(--text-tertiary);border-left:2px solid var(--border-subtle);margin:0 0 1rem;padding-left:1rem;font-size:.82rem;font-style:italic;line-height:1.6}.ds-chips{flex-wrap:wrap;gap:.4rem;display:flex}.ds-chip{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--text-secondary);cursor:default;border-radius:100px;padding:5px 12px;font-size:.72rem;transition:all .3s;position:relative}.ds-chip:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);color:var(--text-heading)}.ds-lessons{flex-direction:column;gap:.4rem;display:flex}.ds-lesson{background:var(--surface-elevated);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;font-size:.78rem;line-height:1.4;display:flex}.ds-lesson-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.ds-gallery{background:var(--surface-elevated);width:52%;padding:1rem}.ds-bento{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.65rem;height:100%;display:grid}.ds-cell{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden}.ds-cell img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.23,1,.32,1);display:block}.ds-cell:hover img{transform:scale(1.06)}.ds-cell.hero{grid-column:span 2}.ds-cell.quote-cell{background:linear-gradient(135deg, var(--surface-glass) 0%, transparent 100%);text-align:center;justify-content:center;align-items:center;padding:1.5rem;display:flex}.ds-quote-icon{color:var(--text-muted);margin-bottom:.25rem}.ds-quote-text{color:var(--text-tertiary);font-size:.7rem;font-style:italic;line-height:1.5}.small-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.mini-img{object-fit:cover;border-radius:8px;width:100%;height:100%}@media (max-width:1200px){.ds-window{width:80vw;height:70vh}}@media (max-width:768px){.ds-window{border-radius:20px;width:92vw;height:80vh}.ds-layout{flex-direction:column;overflow-y:auto}.ds-text,.ds-gallery{width:100%}.ds-text{border-right:none;border-bottom:1px solid var(--border-subtle)}.ds-gallery{min-height:300px}}
.projectsContainer{background:var(--surface-primary);min-height:100vh;padding:8rem 0;position:relative;overflow:hidden}.sectionIntro{max-width:1200px;margin-bottom:6rem;padding:0 10vw}.editorialLabel{text-transform:uppercase;letter-spacing:.3em;color:var(--text-secondary);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.875rem;display:block}.editorialHeading{color:var(--text-heading);letter-spacing:-.02em;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1.1}.editorialSubtext{color:var(--text-secondary);max-width:600px;font-family:Inter,sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;line-height:1.6}.horizontalScrollWrapper{cursor:grab;width:100%;padding:4rem 0;position:relative;overflow:auto hidden}.horizontalScrollContent{gap:4rem;width:max-content;display:flex}.projectCard{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:24px;flex-direction:column;flex-shrink:0;transition:all .6s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.projectCard.featured,.projectCard.secondary,.projectCard.technical{width:clamp(400px,45vw,700px);height:clamp(500px,60vh,800px);margin-top:0}.cardImageWrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cardImage{object-fit:cover;opacity:.6;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s}.projectCard:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card)}.projectCard:hover .cardImage{opacity:.8;transform:scale(1.05)}.cardOverlay{background:linear-gradient(to bottom, transparent 0%, var(--gradient-fade) 100%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.cardContent{z-index:3;color:var(--text-heading);margin-top:auto;padding:3rem;position:relative}.projectTitle{letter-spacing:-.01em;margin-bottom:1rem;font-size:2.5rem;font-weight:300}.projectShortDesc{color:var(--text-secondary);max-width:90%;margin-bottom:2rem;font-size:1rem;line-height:1.6}.cardActions{align-items:center;gap:1.5rem;display:flex}.viewDetailsBtn{background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;border:none;border-radius:100px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .3s,opacity .3s}.viewDetailsBtn:hover{opacity:.9;transform:translateY(-2px)}.githubBtn{background:var(--surface-glass);color:var(--text-heading);border:1px solid var(--border-medium);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.githubBtn:hover{background:var(--surface-glass-hover);border-color:var(--border-hover)}.detailOverlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;padding:4rem 2rem;display:flex;position:fixed;top:0;left:0}.detailWindow{background:var(--surface-modal);border:1px solid var(--border-medium);width:100%;max-width:1400px;height:100%;box-shadow:0 50px 100px var(--shadow-deep);border-radius:32px;position:relative;overflow:hidden}.closeDetailBtn{background:var(--surface-glass);width:48px;height:48px;color:var(--text-heading);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.closeDetailBtn:hover{background:var(--surface-glass-hover);transform:rotate(90deg)}.detailScrollContainer{width:100%;height:100%;overflow-y:auto}.detailHero{width:100%;height:45%;min-height:300px;position:relative;overflow:hidden}.detailHeroImage{object-fit:cover;width:100%;height:100%}.detailTitle{color:var(--text-heading);letter-spacing:-.02em;margin-bottom:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:300}.detailGrid{grid-template-columns:1.5fr 1fr;gap:6rem;padding:4rem 6rem 6rem;display:grid}.featureList{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem;display:grid}.projectGalleryGrid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:4rem;display:grid}.infoSection{flex-direction:column;gap:3rem;display:flex}.infoGroup li{border-bottom:1px solid var(--border-subtle);padding:.3rem 0}.infoGroup li:last-child{border-bottom:none}.detailHeroOverlay{background:linear-gradient(to top, var(--surface-modal) 0%, transparent 100%);width:100%;padding:6rem;position:absolute;bottom:0;left:0}.detailCategory{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:1rem;font-size:.75rem;display:block}.storySection h3{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.storyText{color:var(--text-secondary);margin-bottom:4rem;font-size:1.25rem;font-weight:300;line-height:1.8}.infoGroup h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1rem;font-size:.75rem}.infoGroup p,.infoGroup ul{color:var(--text-accent);margin:0;padding:0;font-size:1rem;list-style:none}.featureItem{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem}.featureItem h5{color:var(--text-heading);margin-bottom:1rem;font-size:1.1rem}.featureItem p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.galleryItem{border:1px solid var(--border-medium);aspect-ratio:16/9;border-radius:16px;overflow:hidden}.galleryItem img{object-fit:cover;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.8s cubic-bezier(.22,1,.36,1) forwards fadeIn}@media (max-width:1024px){.detailGrid{grid-template-columns:1fr;gap:4rem;padding:0 3rem}.detailHeroOverlay{padding:3rem}.featureList{grid-template-columns:1fr}}
.hiw-section{background:var(--surface-section);width:100%;padding:16vh 0 12vh;position:relative;overflow:hidden}.hiw-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0}.hiw-grain{opacity:var(--grain-opacity);background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:absolute;inset:0}.hiw-gradient-top{background:linear-gradient(to bottom, var(--surface-primary), transparent);width:100%;height:30vh;position:absolute;top:0}.hiw-gradient-bottom{background:linear-gradient(to top, var(--surface-primary), transparent);width:100%;height:20vh;position:absolute;bottom:0}.hiw-content{z-index:5;max-width:1200px;margin:0 auto;padding:0 4rem;position:relative}.hiw-header{text-align:center;margin-bottom:10vh}.hiw-label{text-transform:uppercase;letter-spacing:.3em;color:var(--text-tertiary);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:block}.hiw-title{color:var(--text-heading);letter-spacing:-.03em;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1}.hiw-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.1rem;font-weight:300;line-height:1.65}.hiw-identity-card{border:1px solid var(--border-subtle);border-radius:24px;align-items:flex-end;min-height:280px;margin-bottom:8vh;display:flex;position:relative;overflow:hidden}.identity-card-bg{z-index:0;background:linear-gradient(135deg,#0f0f19f2 0%,#0a0a12d9 50%,#14121ee6 100%),radial-gradient(at 70% 30%,#6478c814 0%,#0000 60%),radial-gradient(at 20% 70%,#8c64c80d 0%,#0000 50%);position:absolute;inset:0}.identity-card-bg:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff02 2px 3px);position:absolute;inset:0}.identity-card-content{z-index:5;width:100%;padding:3.5rem 4rem;position:relative}.identity-name{text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;display:block}.identity-role{color:var(--text-heading);margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.3}.identity-separator{color:var(--text-muted);margin:0 .2rem;font-weight:300}.identity-statement{color:var(--text-secondary);max-width:600px;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.identity-sub-statement{color:var(--text-tertiary);max-width:550px;font-size:.88rem;line-height:1.6}.hiw-capabilities{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:8vh;display:grid}.capability-card{background:var(--surface-card);border:1px solid var(--border-subtle);cursor:default;border-radius:18px;padding:2rem 1.8rem;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.capability-card:before{content:"";background:radial-gradient(circle at 30% 20%, var(--glow-subtle) 0%, transparent 60%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.capability-card:hover{background:var(--surface-card-hover);border-color:var(--border-medium);box-shadow:var(--shadow-card)}.capability-card:hover:before{opacity:1}.capability-icon-wrapper{background:var(--surface-glass);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .4s;display:flex}.capability-card:hover .capability-icon-wrapper{color:var(--text-accent);border-color:var(--border-medium);box-shadow:0 0 20px var(--glow-hover)}.capability-title{color:var(--text-primary);margin-bottom:.65rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.3}.capability-desc{color:var(--text-tertiary);font-size:.82rem;line-height:1.6}.capabilities-expand-area{justify-content:center;margin-top:-4vh;margin-bottom:8vh;display:flex}.capabilities-expand-btn{background:var(--btn-ghost-bg);border:1px solid var(--chip-border);color:var(--text-secondary);letter-spacing:.03em;cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex}.capabilities-expand-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);color:var(--text-accent);box-shadow:var(--shadow-card)}.capabilities-expand-btn .expand-chevron{transition:transform .4s cubic-bezier(.23,1,.32,1)}.capabilities-expand-btn.expanded .expand-chevron{transform:rotate(180deg)}.hiw-editorial-grid{grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:10vh;display:grid}.hiw-tech-block{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:22px;padding:2.5rem}.block-heading{color:var(--text-accent);margin-bottom:1.75rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600}.tech-groups{flex-direction:column;gap:1.5rem;display:flex}.tech-group{flex-direction:column;gap:.6rem;display:flex}.tech-group-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.6rem;font-weight:700}.tech-chips{flex-wrap:wrap;gap:.4rem;display:flex}.tech-chip{color:var(--chip-text);background:var(--chip-bg);border:1px solid var(--chip-border);cursor:default;border-radius:100px;padding:5px 14px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;transition:all .3s}.tech-chip:hover{color:var(--text-accent);background:var(--surface-glass-hover);border-color:var(--border-medium)}.hiw-right-col{flex-direction:column;gap:1.5rem;display:flex}.hiw-highlights-block{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:22px;flex:1;padding:2rem 2.2rem}.highlights-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.highlight-item{flex-direction:column;gap:.2rem;display:flex}.highlight-detail{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.2}.highlight-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.hiw-languages-block{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:22px;padding:1.75rem 2.2rem}.languages-header{color:var(--text-tertiary);align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.languages-header .block-heading{margin-bottom:0}.languages-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.language-item{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.language-item:last-child{border-bottom:none}.language-name{color:var(--text-accent);font-size:.88rem;font-weight:500}.language-level{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--chip-bg);border-radius:100px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.languages-note{color:var(--text-muted);font-size:.72rem;font-style:italic;line-height:1.55}.hiw-philosophy{text-align:center;max-width:700px;margin:0 auto;padding:8vh 2rem 4vh}.philosophy-quote-icon{color:var(--border-subtle);margin-bottom:1.5rem}.philosophy-heading{text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.philosophy-text{color:var(--text-accent);letter-spacing:-.01em;margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.4}.philosophy-sub{color:var(--text-tertiary);max-width:520px;margin:0 auto;font-size:.92rem;line-height:1.7}@media (max-width:1024px){.hiw-content{padding:0 2.5rem}.hiw-capabilities{grid-template-columns:repeat(2,1fr)}.hiw-editorial-grid{grid-template-columns:1fr}.identity-card-content{padding:2.5rem 3rem}}@media (max-width:768px){.hiw-section{padding:12vh 0 8vh}.hiw-content{padding:0 1.5rem}.hiw-header{margin-bottom:7vh}.hiw-title{font-size:3rem}.hiw-capabilities{grid-template-columns:1fr;gap:1rem}.capability-card{padding:1.5rem}.identity-card-content{padding:2rem 1.8rem}.identity-role{font-size:1.3rem}.hiw-identity-card{min-height:220px}.hiw-tech-block,.hiw-highlights-block,.hiw-languages-block{padding:1.5rem}.highlights-grid{grid-template-columns:1fr 1fr;gap:.75rem}.philosophy-text{font-size:1.4rem}.hiw-editorial-grid{margin-bottom:6vh}}@media (max-width:480px){.highlights-grid{grid-template-columns:1fr}}
.closing-section{background:var(--surface-primary);width:100%;min-height:auto;padding:10vh 0 5vh;position:relative;overflow:hidden}.closing-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0}.closing-grain{opacity:var(--grain-opacity);background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:absolute;inset:0}.closing-glow{background:radial-gradient(#8c8cc806 0%,#6464b403 40%,#0000 70%);width:80vw;height:60vh;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.closing-particles{width:100%;height:100%;position:absolute;inset:0}.closing-content{z-index:5;max-width:1200px;margin:0 auto;padding:0 4rem;position:relative}.closing-grid{border-bottom:1px solid var(--border-divider);grid-template-columns:1.3fr 1fr;align-items:start;gap:6rem;padding-bottom:8vh;display:grid}.closing-left{padding-top:2vh}.closing-statement{color:var(--text-primary);letter-spacing:-.025em;justify-content:flex-start;align-items:center;gap:.8rem;margin-bottom:2.5rem;font-family:Outfit,sans-serif;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:600;line-height:1.25;display:flex}.closing-vision{color:var(--text-tertiary);max-width:480px;font-size:.95rem;line-height:1.75}.closing-right{padding-top:3vh}.closing-contact-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;display:block}.closing-links{flex-direction:column;gap:0;display:flex}.closing-link{color:var(--text-secondary);border-bottom:1px solid var(--border-divider);align-items:center;gap:.75rem;padding:.7rem 0;font-size:.82rem;font-weight:400;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.closing-link:last-child{border-bottom:none}.closing-link:hover{color:var(--text-primary);padding-left:.3rem}.closing-link:hover:after{content:"";background:linear-gradient(90deg, var(--border-medium), transparent);width:100%;height:1px;position:absolute;bottom:0;left:0}.closing-link svg{opacity:.5;flex-shrink:0;transition:opacity .3s}.closing-link:hover svg{opacity:1}.closing-link-text{position:relative}.closing-link:hover .closing-link-text:after{content:"";background:var(--border-medium);width:100%;height:1px;position:absolute;bottom:-1px;left:0}.closing-availability{color:var(--text-muted);margin-top:2rem;font-size:.75rem;font-style:italic;line-height:1.5}.closing-bottom{justify-content:space-between;align-items:center;padding:3vh 0 1vh;display:flex}.closing-credit{color:var(--text-muted);letter-spacing:.03em;font-family:Inter,sans-serif;font-size:.68rem;font-weight:500}.closing-year{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.65rem;font-weight:500}@media (max-width:1024px){.closing-content{padding:0 2.5rem}.closing-grid{gap:4rem}}@media (max-width:768px){.closing-section{padding:8vh 0 4vh}.closing-content{padding:0 1.5rem}.closing-grid{grid-template-columns:1fr;gap:5vh;padding-bottom:5vh}.closing-statement{font-size:2rem}.closing-vision{max-width:100%}.closing-right{padding-top:0}.closing-bottom{text-align:center;flex-direction:column;align-items:center;gap:.5rem}}
.scrollNavigator{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-medium);width:3.5rem;height:3.5rem;color:var(--text-heading);cursor:pointer;z-index:1000;box-shadow:0 10px 30px var(--shadow-ambient);border-radius:50%;justify-content:center;align-items:center;transition:background .3s,border .3s;display:flex;position:fixed;bottom:2rem;right:2rem}.scrollNavigator:hover{background:var(--surface-glass-hover);border-color:var(--border-hover)}.arrowIcon{justify-content:center;align-items:center;display:flex}section{scroll-margin-top:2rem}
.resume-backdrop{background:var(--surface-overlay);-webkit-backdrop-filter:blur(32px)saturate(180%);z-index:1050000;cursor:pointer;position:fixed;inset:0}.resume-container{z-index:1050001;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.resume-window{background:var(--surface-modal);border:1px solid var(--border-medium);pointer-events:auto;width:70vw;max-width:1000px;height:85vh;box-shadow:0 0 0 .5px var(--glow-subtle), 0 40px 100px var(--shadow-deep);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.resume-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.resume-header-title{color:var(--text-secondary);letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600}.resume-close{background:var(--surface-glass);border:1px solid var(--chip-border);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.resume-close:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);transform:scale(1.05)}.resume-pdf-area{background:var(--surface-section);flex:1;overflow:hidden}.resume-pdf-area iframe,.resume-pdf-area object{border:none;width:100%;height:100%}.resume-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.6rem;padding:.85rem 1.5rem;display:flex}.resume-action-btn{color:var(--text-secondary);letter-spacing:.03em;border:1px solid var(--chip-border);background:var(--btn-ghost-bg);cursor:pointer;border-radius:100px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.23,1,.32,1);display:inline-flex}.resume-action-btn:hover{color:var(--text-primary);background:var(--surface-glass-hover);border-color:var(--border-hover)}.resume-action-btn.primary{background:var(--surface-glass-hover);color:var(--text-accent);border-color:var(--border-medium)}.resume-action-btn.primary:hover{background:var(--navbar-pill-active);color:var(--text-heading)}@media (max-width:1024px){.resume-window{width:85vw;height:80vh}}@media (max-width:768px){.resume-window{border-radius:18px;width:94vw;height:80vh}.resume-header{padding:.75rem 1rem}.resume-footer{flex-wrap:wrap;padding:.75rem 1rem}}
.navbar-wrapper{z-index:10000;pointer-events:none;width:100%;max-width:880px;padding:0 1.5rem;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-subtle);box-shadow:0 0 0 .5px var(--glow-subtle), 0 8px 32px var(--shadow-ambient);pointer-events:auto;border-radius:100px;justify-content:space-between;align-items:center;padding:.6rem .5rem .6rem 1.4rem;transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .4s,background .6s;display:flex}.navbar.hidden{opacity:0;transform:translateY(-120%)}.navbar-name{color:var(--navbar-text-active);letter-spacing:.04em;white-space:nowrap;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;transition:color .3s}.navbar-name:hover{color:var(--text-heading)}.navbar-links{align-items:center;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-link{color:var(--navbar-text);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:.4rem .75rem;font-family:Inter,sans-serif;font-size:.68rem;font-weight:500;transition:all .35s cubic-bezier(.23,1,.32,1);position:relative}.navbar-link:hover{color:var(--navbar-text-hover);background:var(--surface-glass)}.navbar-link.active{color:var(--navbar-text-active);background:var(--navbar-pill-active)}.navbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@keyframes liquid-metal{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar-resume-btn{color:#050505;letter-spacing:.04em;cursor:pointer;white-space:nowrap;text-transform:uppercase;background:linear-gradient(110deg,#d1d5db 0%,#fff 25%,#9ca3af 50%,#fff 75%,#d1d5db 100%) 0 0/200%;border:1px solid #ffffff80;border-radius:100px;align-items:center;gap:.45rem;padding:.4rem 1.1rem;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);animation:4s linear infinite liquid-metal;display:inline-flex;box-shadow:inset 0 0 0 1px #fff9,0 4px 14px #ffffff26}.navbar-resume-btn:hover{animation-duration:2s;transform:translateY(-1.5px);box-shadow:inset 0 0 0 1px #fffc,0 6px 20px #ffffff40}.navbar-theme-toggle{align-items:center;display:flex}.navbar-hamburger{background:var(--surface-glass);border:1px solid var(--chip-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:none}.navbar-hamburger:hover{background:var(--surface-glass-hover);color:var(--text-heading)}.navbar-mobile-menu{background:var(--navbar-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-subtle);pointer-events:auto;width:calc(100% - 3rem);max-width:400px;box-shadow:0 16px 48px var(--shadow-deep);border-radius:20px;flex-direction:column;gap:.25rem;padding:1rem;display:flex;position:fixed;top:4.5rem;left:50%;transform:translate(-50%)}.navbar-mobile-link{color:var(--navbar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;transition:all .3s}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--navbar-text-active);background:var(--surface-glass)}.navbar-mobile-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:.25rem;padding:.75rem 1rem .5rem;display:flex}.navbar-mobile-theme-label{color:var(--navbar-text);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}@media (max-width:768px){.navbar-wrapper{padding:0 1rem}.navbar-links{display:none}.navbar-resume-btn{padding:.35rem .65rem;font-size:.6rem}.navbar-hamburger{display:flex}}
.ambient-background{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.ambient-orb{filter:blur(150px);opacity:var(--ambient-orb-opacity);will-change:transform;mix-blend-mode:screen;border-radius:50%;transition:opacity 1.2s,background 1.2s;position:absolute}.orb-1{background:radial-gradient(circle,#4338ca,#0000 70%);width:55vw;height:55vw;animation:65s ease-in-out infinite alternate drift-1;top:-15%;right:-20%}.orb-2{background:radial-gradient(circle,#6d28d9,#0000 70%);width:50vw;height:50vw;animation:80s ease-in-out infinite alternate drift-2;bottom:-20%;left:-15%}.orb-3{background:radial-gradient(circle,#7c3aed,#0000 70%);width:40vw;height:40vw;animation:95s ease-in-out infinite alternate drift-3;top:35%;left:25%}[data-theme=warm] .orb-1{background:radial-gradient(circle,#92400e,#0000 70%)}[data-theme=warm] .orb-2{background:radial-gradient(circle,#a16207,#0000 70%)}[data-theme=warm] .orb-3{background:radial-gradient(circle,#b45309,#0000 70%)}.ambient-particles-canvas{width:100%;height:100%;position:absolute;inset:0}.ambient-grain{opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url(https://grainy-gradients.vercel.app/noise.svg);transition:opacity .6s;position:absolute;inset:0}.ambient-vignette{pointer-events:none;background:radial-gradient(80% 80%,#0000 40%,#00000059 100%);position:absolute;inset:0}[data-theme=warm] .ambient-vignette{background:radial-gradient(80% 80%,#0000 40%,#0d0b0966 100%)}@keyframes drift-1{0%{transform:translate(0)scale(1)}33%{transform:translate(-4vw,6vh)scale(1.08)}66%{transform:translate(3vw,-3vh)scale(.96)}to{transform:translate(-2vw,4vh)scale(1.04)}}@keyframes drift-2{0%{transform:translate(0)scale(1)}33%{transform:translate(5vw,-4vh)scale(1.05)}66%{transform:translate(-3vw,5vh)scale(1.1)}to{transform:translate(2vw,-2vh)scale(.95)}}@keyframes drift-3{0%{transform:translate(0)scale(1)}33%{transform:translate(-3vw,-4vh)scale(1.06)}66%{transform:translate(4vw,2vh)scale(.94)}to{transform:translate(-1vw,3vh)scale(1.02)}}@media (prefers-reduced-motion:reduce){.ambient-orb{animation:none}}
.section-divider{z-index:5;justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.section-divider:before{content:"";background:linear-gradient(to bottom, transparent 0%, var(--surface-glass) 40%, var(--surface-glass) 60%, transparent 100%);-webkit-backdrop-filter:blur(4px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}.divider-line{background:linear-gradient(90deg, transparent 0%, var(--border-subtle) 20%, var(--border-medium) 50%, var(--border-subtle) 80%, transparent 100%);z-index:2;width:60%;max-width:600px;height:1px;position:relative}.section-divider.glow .divider-line:after{content:"";background:radial-gradient(ellipse, var(--glow-hover) 0%, transparent 70%);filter:blur(8px);width:40%;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}