.story-mode{overflow-x:clip}.story-mode:not(.page-ready){overflow-y:hidden}.story-mode.page-ready>main{animation:none!important;transform:none!important;filter:none!important;transition:none;opacity:1;visibility:visible}.story-mode.page-ready>footer{animation:none!important;transform:none;filter:none}.story-mode.page-ready>header.topbar{position:fixed;inset:0 0 auto;animation:none!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);filter:none;transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1),visibility 0s .6s}.story-mode.page-ready.has-scrolled>header.topbar{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1),visibility 0s}.cinematic-tour{position:relative;height:400svh;padding:0;isolation:isolate}.tour-sticky{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1400px;background:radial-gradient(ellipse at 48% 50%,#211032,#100a19 42%,#09070f 75%)}.tour-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#b263fb25 0%,#7227c116 36%,transparent 65%);filter:blur(36px);transform:scale(var(--aura-scale,1));opacity:var(--aura-opacity,1);pointer-events:none}.scene-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .6s ease}.webgl-ready .scene-canvas{opacity:calc(1 - var(--world-opacity,0));transition:none}.webgl-ready .greeting-scene,.webgl-ready .desk-scene{display:none}.greeting-scene,.desk-scene{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;pointer-events:none}.greeting-scene{opacity:var(--greeting-opacity,1);transform:translate3d(0,var(--greeting-y,0px),0) rotateY(var(--greeting-turn,0deg)) scale(var(--greeting-scale,1));will-change:transform,opacity}.greeting-entrance{position:relative;z-index:1;width:min(78svh,680px,92vw);aspect-ratio:1;opacity:0}.page-ready .greeting-entrance{animation:greeting-arrive 1.4s cubic-bezier(.16,1,.3,1) .1s both}.welcome-figure{position:relative;width:100%;height:100%;filter:drop-shadow(0 24px 40px #0007)}.welcome-figure img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.character-base{clip-path:polygon(0 0,72% 0,72% 52%,80% 62%,80% 73%,100% 79%,100% 100%,0 100%)}.character-wave{clip-path:polygon(73% 0,100% 0,100% 80%,82% 78%,80% 69%,81% 50%,73% 40%);transform-origin:89% 77%;animation:avatar-hand-wave 4.6s ease-in-out infinite;animation-play-state:paused}.page-ready .character-wave{animation-play-state:running}.greeting-shadow{position:absolute;width:min(400px,60vw);height:30px;bottom:calc(50% - min(39svh,340px,46vw));border-radius:50%;background:#9e48d533;filter:blur(24px)}.desk-scene{opacity:var(--desk-opacity,0);visibility:var(--desk-visibility,hidden)}.desk-entrance{transform:perspective(1400px) translateY(var(--desk-y,70px)) rotateY(var(--desk-turn,12deg));transform-style:preserve-3d}.desk-zoom{position:relative;width:min(94vw,1250px,126svh);aspect-ratio:3/2;transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0) scale(var(--camera-scale,1));transform-origin:50% 50%;will-change:transform}.desk-art{display:block;width:100%;height:100%;object-fit:contain}.monitor-window{position:absolute;left:34.38%;top:17.68%;width:52.74%;height:31.35%;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#28143c,#0d0915 65%);color:#f6f0ff;border-radius:1px;container-type:inline-size}.mini-nav{height:14%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #caa0f721;font:2.1cqw var(--mono);letter-spacing:.08em}.mini-nav b{color:#d49bff}.mini-nav>span{font-size:1.5cqw;color:#a896ba}.mini-copy{padding:5% 7% 0}.mini-copy small{font:1.5cqw var(--mono);color:#c896ef;letter-spacing:.13em}.mini-copy strong{display:block;font:700 7.2cqw/1 var(--sans);letter-spacing:-.065em;margin:2% 0}.mini-copy em{font-style:normal;color:#c183ff}.mini-copy p{margin:2% 0;font:1.8cqw var(--sans);color:#b2a5c0}.mini-button{display:inline-block;margin-top:1%;padding:1.5% 3%;border-radius:30px;background:#b87ce9;color:#170b23;font:1.4cqw var(--mono)}.mini-projects{position:absolute;right:5%;bottom:8%;width:30%;display:grid;grid-template-columns:1fr;gap:4px;transform:perspective(400px) rotateY(-12deg) rotate(5deg)}.mini-projects img{display:block;width:100%;aspect-ratio:2.8;object-fit:cover;object-position:top;border:1px solid #b879e93b;border-radius:3px;opacity:.8}.tour-cue{position:absolute;z-index:3;bottom:max(27px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;gap:15px;transform:translate(-50%);white-space:nowrap;color:#bdb0cd;font:9px var(--mono);letter-spacing:.18em;opacity:var(--cue-opacity,1);transition:opacity .2s ease}.cue-track{position:relative;width:19px;height:30px;border:1px solid #805c9e;border-radius:12px}.cue-track i{position:absolute;left:7px;top:6px;width:3px;height:6px;border-radius:2px;background:#d69aff;animation:cue-scroll 1.8s ease-in-out infinite}.cue-line{height:1px;width:36px;background:linear-gradient(90deg,#b87be4,transparent)}.portfolio-world{position:relative;z-index:2;margin-top:-100svh;opacity:var(--world-opacity,0);background:radial-gradient(ellipse at 90% 0,#29113c55,transparent 32%),var(--bg);border-radius:var(--world-radius,38px) var(--world-radius,38px) 0 0;box-shadow:0 -28px 100px #0003}.story-mode .hero{min-height:95svh;overflow:visible;padding-top:140px;padding-bottom:120px;grid-template-columns:1.2fr .8fr;gap:70px}.story-mode .hero:before{display:none}.story-mode .hero-about{width:100%;padding:32px;align-self:center;background:linear-gradient(145deg,#23132e99,#100c16dd);border-radius:22px}.story-mode .hero-about h2{margin:16px 0 23px;font-size:clamp(30px,3.5vw,46px)}.story-mode .hero-about p{font-size:14px;line-height:1.95}.story-mode.page-ready .hero-copy .eyebrow,.story-mode.page-ready .hero-copy h1,.story-mode.page-ready .hero-copy .intro,.story-mode.page-ready .hero-actions,.story-mode.page-ready .hero-note,.story-mode.page-ready .hero-about{animation:none}.story-mode.page-ready h1 .title-line,.story-mode .intro-copy.is-typing .typed-word{animation-play-state:paused}.story-mode.page-ready .hero-copy.visible h1 .title-line,.story-mode .hero-copy.visible .intro-copy.is-typing .typed-word{animation-play-state:running}.story-mode .reveal{transition-duration:1.2s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.story-mode .reveal[data-effect=intro]{transform:perspective(1200px) translateY(70px) rotateX(12deg);filter:blur(12px);transform-origin:50% 80%}.story-mode .reveal[data-effect=portrait]{transform:perspective(1000px) translate(65px) rotateY(-20deg) scale(.93);transform-origin:right center;filter:blur(5px);transition-delay:.15s}.story-mode .reveal[data-effect=sweep]{clip-path:inset(0 100% 0 0);transform:translateY(15px);filter:blur(0)}.story-mode .reveal[data-effect=hinge-left]{transform:perspective(1100px) translateY(55px) rotateY(19deg) rotateX(5deg);transform-origin:left center;filter:blur(5px)}.story-mode .reveal[data-effect=depth]{transform:perspective(1100px) translateY(80px) translateZ(-150px) scale(.88);filter:blur(12px)}.story-mode .reveal[data-effect=hinge-right]{transform:perspective(1100px) translateY(55px) rotateY(-19deg) rotateX(5deg);transform-origin:right center;filter:blur(5px)}.story-mode .reveal[data-effect=stack]{clip-path:inset(0 0 75% 0);transform:translateY(35px);filter:blur(0)}.story-mode .reveal[data-effect=dissolve]{transform:translateY(35px) scale(.97);filter:blur(18px);transition-duration:1.5s}.story-mode .reveal[data-effect=contact]{clip-path:ellipse(10% 14% at 50% 90%);transform:perspective(1100px) rotateX(14deg) translateY(50px);transform-origin:center bottom;filter:blur(5px);transition-duration:1.5s}.story-mode .reveal.visible[data-effect]{opacity:1;transform:translateZ(0) rotateX(0) rotateY(0) scale(1);filter:blur(0);clip-path:inset(-2px -2px -2px -2px)}.story-mode .reveal.visible[data-effect=contact]{clip-path:ellipse(100% 150% at 50% 90%)}.stack-category .stack-item{opacity:0;transform:perspective(600px) translateY(18px) rotateX(25deg);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--item-delay,0s)}.stack-category.visible .stack-item{opacity:1;transform:perspective(600px) translateY(0) rotateX(0)}@keyframes avatar-hand-wave{0%,7%,65%,to{transform:rotate(0)}12%,30%,48%{transform:rotate(-10deg)}21%,39%,57%{transform:rotate(8deg)}}@keyframes greeting-arrive{0%{opacity:0;transform:perspective(1100px) translateY(42px) rotateY(-12deg) scale(.86);filter:blur(12px)}to{opacity:1;transform:perspective(1100px) translateY(0) rotateY(0) scale(1);filter:blur(0)}}@keyframes cue-scroll{0%,to{opacity:.4;transform:translateY(0)}55%{opacity:1;transform:translateY(9px)}}@media(max-width:900px){.story-mode .hero{grid-template-columns:1fr;gap:46px;min-height:0;padding-top:115px;padding-bottom:90px}.story-mode .hero-copy{max-width:760px}.story-mode .hero-about{max-width:720px}.desk-zoom{width:112vw;max-width:1000px}.greeting-entrance{width:min(76svh,88vw)}}@media(max-width:560px){.cinematic-tour{height:370svh}.greeting-entrance{width:min(77svh,92vw)}.desk-zoom{width:122vw}.tour-cue{font-size:8px;gap:10px;letter-spacing:.12em;bottom:32px}.cue-line{width:25px}.story-mode .hero{padding-top:105px;padding-bottom:75px;gap:36px}.story-mode .hero-about{padding:25px 23px}.story-mode .hero-about p{font-size:13px}.story-mode .hero-about h2{font-size:34px}.story-mode .reveal[data-effect=portrait]{transform:perspective(1000px) translateY(45px) rotateX(10deg)}.story-mode .reveal[data-effect=hinge-left],.story-mode .reveal[data-effect=hinge-right]{transform:perspective(1000px) translateY(45px) rotateY(9deg)}.story-mode .reveal.visible[data-effect]{transform:translateZ(0) rotateX(0) rotateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.cinematic-tour{height:auto}.tour-sticky{position:relative;height:auto;overflow:hidden}.scene-canvas{display:none!important}.webgl-ready .greeting-scene,.webgl-ready .desk-scene{display:grid!important}.greeting-scene,.desk-scene{position:relative;height:90svh;opacity:1;visibility:visible;transform:none!important}.greeting-entrance{opacity:1;animation:none!important}.welcome-figure img{animation:none!important}.desk-entrance,.desk-zoom{transform:none!important}.tour-cue,.greeting-shadow{display:none}.portfolio-world{margin-top:0;opacity:1;border-radius:0}.story-mode .reveal[data-effect],.story-mode .reveal.visible[data-effect]{opacity:1;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}.stack-category .stack-item{opacity:1;transform:none;transition:none}.story-mode.page-ready h1 .title-line,.story-mode .intro-copy.is-typing .typed-word{animation:none!important;clip-path:none!important;opacity:1}}.story-mode .reveal,.story-mode .reveal.visible,.story-mode .reveal[data-effect],.story-mode .reveal.visible[data-effect]{opacity:1;transform:none;filter:none;clip-path:none;transition:none}.story-mode .stack-category .stack-item{opacity:1;transform:none;transition:none}.story-mode .hero{min-height:0;padding-top:105px;padding-bottom:85px}.story-mode .journey{padding:65px 0}.story-mode #work{padding-top:80px;padding-bottom:75px}.story-mode .about{padding-top:75px;padding-bottom:75px}.story-mode .stack-section{margin-top:25px}.mini-editor pre{font:2.7cqw/1.6 var(--mono);color:#c9a4ef;margin:3% 0}.mini-terminal{font:2cqw var(--mono);color:#9bcdb4}.certifications{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;padding-top:80px;padding-bottom:85px;border-top:1px solid #352344}.cert-heading p{max-width:310px;color:#b7aabe;font-size:14px;line-height:1.8;margin:24px 0 0}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cert-card{display:flex;align-items:flex-start;gap:16px;min-width:0;padding:24px 21px;border:1px solid #3d2c4b;border-radius:17px;background:linear-gradient(140deg,#21152b88,#130e1b);box-shadow:inset 0 1px #ffffff07}.cert-card:last-child{grid-column:1/-1}.cert-badge{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:22px;font-weight:800}.cert-google{color:#ae8cfa;background:#392444}.cert-hackerrank{color:#55d7a0;background:#133229}.cert-simplilearn{color:#71b1fa;background:#1a2a42}.cert-issuer{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#b18dc9}.cert-card h3{font-size:16px;line-height:1.45;letter-spacing:-.025em;margin:8px 0 14px}.cert-card p{font:10px var(--mono);color:#a89bb4;margin:0}@media(max-width:1000px){.certifications{grid-template-columns:1fr;gap:32px}.cert-heading p{max-width:560px}.navlinks{gap:20px}}@media(max-width:760px){.cert-nav{display:none}.certifications{padding-top:60px;padding-bottom:65px}.cert-grid{grid-template-columns:1fr}.cert-card:last-child{grid-column:auto}.cert-card{padding:22px}.cert-card h3{font-size:17px}}.launch-editor[hidden],.browser-launch[hidden]{display:none!important}.launch-editor{position:absolute;inset:0;z-index:5;background:#100c19;color:#ddd3e9;animation:editor-focus .6s ease both;display:flex;flex-direction:column}.editor-bar{height:78px;flex-shrink:0;display:flex;align-items:center;gap:25px;padding:0 5vw;background:#1d1528;border-bottom:1px solid #54366a;font:13px var(--mono)}.window-dots{display:flex;gap:8px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#ef8597}.window-dots i:nth-child(2){background:#e0b96d}.window-dots i:nth-child(3){background:#93d2b0}.portfolio-run{margin-left:auto;border:1px solid #d5b2ff;border-radius:9px;background:#bd88ef;color:#1b0d29;font:600 15px var(--sans);padding:12px 28px;cursor:pointer;box-shadow:0 0 30px #b77aee38;transition:background .2s,box-shadow .2s,transform .2s}.portfolio-run:hover{background:#dbb2ff;box-shadow:0 0 44px #bb79ff77;transform:translateY(-2px)}.portfolio-run:focus-visible{outline:3px solid white;outline-offset:5px}.portfolio-run:disabled{cursor:wait}.editor-body{flex:1;min-height:0;padding:28px 6vw;overflow:hidden}.editor-caption{font:10px var(--mono);color:#8b749f;letter-spacing:.14em;margin-bottom:24px}.live-code{white-space:pre-wrap;overflow-wrap:anywhere;font:clamp(12px,1.45vw,19px)/1.6 var(--mono);color:#c6a4e9;margin:0}.live-code:after{content:" ";display:inline-block;width:8px;height:1em;background:#d6a0ff;vertical-align:middle;animation:code-caret 1s steps(1) infinite}.editor-status{display:flex;gap:12px;align-items:center;padding:22px 6vw;border-top:1px solid #34263f;color:#cbb8dc;font:12px/1.6 var(--sans);background:#0c0912}.status-dot{width:7px;height:7px;border-radius:50%;background:#9cddb8;box-shadow:0 0 15px #9cddb855;flex-shrink:0}.browser-launch{position:absolute;inset:0;z-index:8;perspective:1400px;display:grid;place-items:center;background:#100b19}.browser-shell{width:94%;height:91%;border:1px solid #665173;border-radius:16px;overflow:hidden;background:#202124;box-shadow:0 35px 100px #0009;animation:browser-arrive .8s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column}.browser-tabs{height:46px;display:flex;align-items:center;gap:12px;padding:0 22px;color:#e1e1e5;background:#292a2d;font:12px var(--sans)}.browser-close{margin-left:auto}.chrome-symbol{width:18px;height:18px;border-radius:50%;background:conic-gradient(#ea4335 0 33%,#fbbc05 33% 66%,#34a853 66%);position:relative}.chrome-symbol:after{content:"";position:absolute;inset:5px;background:#4285f4;border-radius:50%;border:1px solid #dee8ff}.browser-toolbar{display:flex;align-items:center;gap:20px;padding:10px 18px;background:#35363a;color:#b9b9c0;font:16px var(--sans)}.browser-address{border-radius:30px;padding:9px 18px;background:#202124;flex:1;display:flex;gap:13px;font:12px var(--sans);height:35px;align-items:center}.browser-address i,.browser-search i{width:1px;height:16px;background:#c4b5d4;animation:code-caret 1s steps(1) infinite}.browser-page{flex:1;min-height:0;background:#202124;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:25px}.browser-wordmark{font:500 clamp(42px,7vw,82px)/1.2 var(--sans);letter-spacing:-.05em;color:#e8eaed;margin-bottom:30px}.browser-search{width:min(580px,90%);border:1px solid #616269;border-radius:30px;min-height:50px;display:flex;align-items:center;gap:16px;padding:12px 24px;color:#e8eaed;font:15px var(--sans)}.browser-message{font:12px var(--mono);color:#ad92c7;margin:35px 0;opacity:0}.browser-open-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font:700 90px var(--sans);color:#eacbff;background:radial-gradient(ellipse,#482066,#100b19 65%);opacity:0;transform:scale(.8);transition:opacity .7s,transform 1.2s}.browser-open-mark span{font:14px var(--sans);letter-spacing:.03em}.browser-navigating .browser-message{opacity:1}.browser-navigating .browser-open-mark{opacity:1;transform:scale(1)}.browser-opening{opacity:0;transform:scale(1.14);filter:blur(8px);transition:opacity 1.4s ease,transform 1.6s ease,filter 1.4s ease}.story-mode:not(.portfolio-launched)>footer{visibility:hidden}@keyframes code-caret{50%{opacity:0}}@keyframes editor-focus{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes browser-arrive{0%{opacity:0;transform:translateY(65px) rotateX(12deg) scale(.86)}to{opacity:1;transform:none}}@media(max-width:600px){.editor-bar{height:65px;gap:13px;padding:0 20px}.portfolio-run{padding:11px 20px}.editor-body{padding:28px 23px}.editor-status{padding:20px 23px}.browser-shell{width:98%;height:88%;border-radius:12px}.browser-toolbar{gap:8px;padding:9px}.browser-toolbar>span{font-size:12px}.browser-address{padding:9px 12px;gap:8px}.browser-page{padding:15px}.browser-search{font-size:13px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){.launch-editor,.browser-launch{display:none!important}.live-code:after{animation:none}}.story-mode.portfolio-launched .cinematic-tour{display:none}.story-mode.portfolio-launched .portfolio-world{margin-top:0;opacity:1;border-radius:0;box-shadow:none}.story-mode.portfolio-launched .portfolio-world .reveal{opacity:1;clip-path:none;filter:none;transform:none}#intro h1[tabindex="-1"]:focus{outline:none}