@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&family=Nunito:wght@800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--primary-orange: #f5a045;--white: #fff;--grey: #f3f3f0;--text-grey: #555666;--black: #1c1917;--border-grey: #e7e7e7;--gradient-start: #ffffff;--gradient-mid: #fdf0e0;--gradient-end: #fbdcb5;--gradient-accent: #f5a045;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "interstate-mono", "DM Mono", monospace;--font-rounded: "Nunito", sans-serif}[data-theme=dark]{--white: #171412;--black: #f4efe9;--grey: #241f1c;--text-grey: #b8aea6;--border-grey: #3b3330;--gradient-start: #171412;--gradient-mid: #1e1915;--gradient-end: #2c221b}html,body{margin:0;overflow-x:clip;font-family:DM Sans,sans-serif;color:var(--black);background:var(--gradient-start);scroll-behavior:smooth;transition:background .6s ease,color .5s;min-height:100vh}html h1,html h2,html h3,html h4,html h5,html h6,html p,body h1,body h2,body h3,body h4,body h5,body h6,body p{margin:0;padding:0}body{padding:16px 0;position:relative}body.no-scroll{overflow:hidden!important}:root{--ease-bouncy: cubic-bezier(.4, 1.1, .6, 1)}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-.33rem)}}@keyframes shake{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}@keyframes slide-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.theme-switching,.theme-switching *{transition:none!important}.home-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:64px;max-width:1400px;margin:0 auto;width:100%;padding:0 16px;box-sizing:border-box;position:relative;z-index:1}.black{color:var(--black)}.orange{color:var(--primary-orange)}::selection{background:#fff;color:var(--primary-orange)}[data-theme=dark] ::selection{background:#3a2a1a;color:#f5a045}img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.window-glow{position:fixed;top:0;width:6px;height:100vh;z-index:10000;pointer-events:none;box-shadow:0 0 20px 8px #f5a04580;background:#f5a04566;animation:glow-pulse 2s ease-in-out infinite}.window-glow--left{left:0}.window-glow--right{right:0}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@media screen and (max-width:800px){body{cursor:default!important}.custom-mouse{display:none!important}.home-wrapper{gap:24px;padding-bottom:82px}}.btn{padding:8px 24px;border-radius:36px;font-size:16px;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;transition:all .3s ease;border:2px solid transparent}.btn .icon{display:flex;justify-content:center;align-items:center}.btn.primary{color:var(--white);border:2px solid var(--black);background-color:var(--white);display:flex;transition:all .3s;position:relative;overflow:hidden;z-index:1}.btn.primary:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--black);z-index:-2}.btn.primary:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--white);transition:all .3s;z-index:-1}.btn.primary:hover{color:var(--black);border-color:var(--border-grey)}.btn.primary:hover:before{width:100%}.btn.outline{color:var(--black);border:2px solid var(--border-grey);display:flex;transition:all .3s;position:relative;overflow:hidden;z-index:1}.btn.outline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--white);z-index:-2}.btn.outline:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--black);transition:all .3s;z-index:-1}.btn.outline:hover{color:var(--white);border:2px solid var(--black)}.btn.outline:hover:before{width:100%}.btn:active{transform:scale(.95)}.toggle-button{width:48px;height:48px;border-radius:8px;padding:0;border:2px solid var(--black);background-color:var(--white);color:var(--black);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:background-color .3s,color .3s,border-color .3s;position:fixed;bottom:20px;right:20px;z-index:9998}.toggle-button:hover{background-color:var(--primary-orange);border-color:var(--primary-orange);color:#fff}@media screen and (max-width:600px){.toggle-button{transition:opacity .2s ease,background-color .3s,color .3s}body.nav-expanded .toggle-button{opacity:0!important;pointer-events:none!important;visibility:hidden}}.custom-mouse{position:fixed;top:0;left:0;width:80px;height:80px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .15s ease-in,opacity .15s ease-in}.custom-mouse--active{transform:translate(-50%,-50%) scale(1);opacity:1;transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .08s linear}@media(hover:none){.custom-mouse{display:none}}.footer{background-color:#1c1917e6;padding:12px 36px;border-radius:36px;display:flex;justify-content:center;align-items:center;margin-bottom:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer .links{display:flex;gap:12px}.footer .links a{text-decoration:none;color:#fffc;font-size:16px;font-weight:500;transition:all .3s;padding:2px;cursor:pointer}.footer .links a:hover{background-color:#ffffff1f;padding:2px 20px;border-radius:24px;color:#fff}[data-theme=dark] .footer{background-color:#ffffffe6}[data-theme=dark] .footer .links a{color:#1c191780}[data-theme=dark] .footer .links a:hover{background-color:#1c191714;color:#1c1917}@media screen and (max-width:600px){.footer{padding:12px 24px}.footer .links{gap:12px}.footer .links a{font-size:14px}}.horizontal-scroller{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-accent) 0%,var(--gradient-end) 100%);transform-origin:0%;z-index:9999}.draggable-window{position:fixed;top:0;left:0;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.08);background:var(--white);display:flex;flex-direction:column;will-change:transform}.draggable-window .terminal-window{margin:0;border-radius:0;box-shadow:none;border:none;max-width:100%}.draggable-window:has(.terminal-window){background:#1e1e2e}.draggable-window--maximized{border-radius:0;box-shadow:none;border:none}.draggable-window--mobile{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 24px);max-height:calc(100vh - 48px);width:100%!important}.draggable-window__header{background:#313244;padding:10px 16px;display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;position:relative;border-radius:12px 12px 0 0;overflow:hidden}.draggable-window__title{color:#cdd6f499;font-size:13px;pointer-events:none;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.draggable-window__body{flex:1;overflow:auto;min-height:0;border-radius:0 0 12px 12px;box-shadow:none}.draggable-window__resize{position:absolute;z-index:2}.draggable-window__resize--left{top:0;left:0;width:6px;height:100%;cursor:ew-resize}.draggable-window__resize--right{top:0;right:0;width:6px;height:100%;cursor:ew-resize}.draggable-window__resize--bottom{bottom:0;left:0;width:100%;height:6px;cursor:ns-resize}.draggable-window__resize--corner{bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize}.window-overlay-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000}[data-theme=dark] .draggable-window{border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000080}[data-theme=dark] .draggable-window--maximized{border:none;box-shadow:none}@media screen and (max-width:600px){.draggable-window{border-radius:8px}.draggable-window__header{padding:8px 12px}.draggable-window__title{font-size:11px}}.dock{position:fixed;bottom:16px;right:16px;z-index:10002;display:flex;align-items:flex-end;gap:10px;padding:12px 16px 10px;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003;overflow:visible}.dock--expanded{flex-wrap:wrap;max-width:min(420px,100vw - 32px);justify-content:flex-end}.dock__item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex-shrink:0;position:relative}.dock__item:hover .dock__close{opacity:1;transform:scale(1)}.dock__preview{position:relative;width:56px;height:42px;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px #0000001f;border:1px solid rgba(255,255,255,.1);background:#0000000d}.dock__thumbnail{width:100%;height:100%;object-fit:cover;object-position:top left;pointer-events:none}.dock__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dock__placeholder--terminal{background:#1e1e2e}.dock__placeholder--workcard{background:#f5a04526}.dock__placeholder--gesture-tutorial{background:#89b4fa26}.dock__placeholder-title{font-size:8px;font-weight:600;color:var(--black);opacity:.7;text-align:center;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dock__close{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ff5f57;border:1.5px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease,background .1s ease;z-index:2;padding:0;color:#0009}.dock__close svg{width:8px;height:8px}.dock__close:hover{background:#ff3b30;color:#fff}.dock__label{font-size:9px;color:var(--black);opacity:.6;max-width:56px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}.dock__overflow-badge{display:flex;align-items:center;justify-content:center;width:32px;height:42px;border-radius:6px;background:#0000000f;color:var(--black);font-size:12px;font-weight:600;opacity:.6;cursor:default;flex-shrink:0}[data-theme=dark] .dock{background:#1e1e1ecc;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080}[data-theme=dark] .dock__preview{border-color:#ffffff0f;background:#ffffff0d}[data-theme=dark] .dock__placeholder-title{color:#fff9}[data-theme=dark] .dock__overflow-badge{background:#ffffff14;color:#fff9}@media screen and (max-width:600px){.dock{bottom:8px;right:8px;padding:6px 10px;gap:6px}.dock__preview{width:44px;height:34px;border-radius:5px}.dock__label{font-size:8px;max-width:44px}.dock__overflow-badge{width:26px;height:34px;font-size:10px}}.navbar{background-color:#f3f3f0cc;padding:12px 36px;border-radius:36px;display:flex;justify-content:center;align-items:center;gap:12px;overflow:hidden;width:auto;min-width:175px;position:fixed;top:16px;z-index:9998;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar .heading{font-size:18px;font-weight:600;white-space:nowrap}.navbar .menu-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;width:16px;height:16px}.navbar .menu-icon .line{width:16px;height:2px;background-color:var(--black);position:absolute;transform-origin:center}.navbar .links{position:absolute;right:36px;display:flex;gap:12px}.navbar .links p{text-decoration:none;color:var(--black);font-size:16px;font-weight:500;transition:all .3s;padding:2px;cursor:pointer}.navbar .links p.hidden{display:none}.navbar .links p:hover{background-color:var(--white);padding:2px 20px;border-radius:24px}[data-theme=dark] .navbar{background-color:#1c1917cc;border:2px solid #fff}[data-theme=dark] .navbar .links p{color:#555666}[data-theme=dark] .navbar .links p:hover{background-color:#2a2522;color:#fff}@media screen and (max-width:600px){.navbar{left:16px;padding:12px 16px;gap:8px;box-sizing:border-box}.navbar .heading{font-size:16px;margin:0}.navbar .links{position:absolute;right:unset;left:40px;display:flex;gap:8px}.navbar .links p{font-size:13px;white-space:nowrap}.navbar .navbar-toggles{position:absolute;right:16px;display:flex;align-items:center;gap:4px}.navbar .navbar-toggles .navbar-toggle-btn{border-radius:50%;border:none;padding:2px;background:transparent;color:var(--black);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:background-color .2s}.navbar .navbar-toggles .navbar-toggle-btn:active{background-color:#0000001a}.navbar .navbar-toggles .navbar-toggle-btn.active{background-color:#f5a045e6;color:#fff}[data-theme=dark] .navbar{background-color:#1c1917cc;border:2px solid #fff}[data-theme=dark] .navbar .links p{color:#fff}[data-theme=dark] .navbar .links p:hover{background-color:#2a2522;color:#fff}[data-theme=dark] .navbar .navbar-toggles .navbar-toggle-btn{color:#fff}[data-theme=dark] .navbar .navbar-toggles .navbar-toggle-btn:active{background-color:#ffffff1a}[data-theme=dark] .navbar .navbar-toggles .navbar-toggle-btn.active{background-color:#f5a045e6;color:#fff}}.robot-canvas{height:300px!important;width:300px!important;cursor:grab;background-color:transparent!important}.car-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#000c!important}.car-canvas .ball-text{position:absolute;top:24px;right:24px;width:500px}.car-canvas .ball-text .heading{font-size:36px;font-weight:700;color:#1c1917;text-align:right}.car-canvas .ball-text .desc{font-size:24px;font-weight:500;color:#1c1917;text-align:right;line-height:48px}.car-canvas .ball-text .small-desc{font-size:24px;font-weight:400;color:#1c1917}.car-canvas .ball-text code{background-color:#0009;color:#fff;padding:4px;border-radius:4px;font-weight:500;font-size:22px}.intro{--intro-nav-offset: 80px;position:relative;width:100%;height:200vh;margin-top:-16px}.intro .intro__stage{position:sticky;top:0;height:100vh;height:100dvh;width:100%;overflow:hidden}.intro .job-role-container{position:absolute;z-index:10;top:calc(45vh - 3.5rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;row-gap:.25em;width:max-content;max-width:92vw;white-space:nowrap}.intro .typewriter-animation{font-family:var(--font-mono);font-size:clamp(1rem,1.1rem + 3vw,4rem);font-weight:300;letter-spacing:.106em;color:var(--black);display:inline-block;white-space:pre;overflow:hidden;border-right:4px solid var(--black);animation:intro-caret .65s steps(50) infinite normal}.intro .job-role-container.scrolled .typewriter-animation{border-right-color:transparent;animation:none}.intro .scramble-word{font-family:var(--font-mono);font-size:clamp(1rem,1.1rem + 3vw,4rem);font-weight:300;letter-spacing:.106em;color:var(--primary-orange);white-space:pre;border-right:4px solid var(--black);animation:intro-caret .65s steps(50) infinite normal}.intro #scroll-title{position:absolute;width:100%;top:calc(45vh - 7rem + var(--intro-nav-offset));left:0;color:var(--black);font-family:var(--font-rounded);font-weight:800;font-size:clamp(2rem,1rem + 8vw,8rem);text-align:center;white-space:nowrap;overflow:hidden;line-height:1.1;padding:.5em 1rem;box-sizing:border-box;opacity:0;transform:translateY(200px)}.intro .bottom-gif{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;opacity:0;transform:translateY(100px)}.intro .bottom-gif img{display:block;width:auto;height:clamp(250px,40vh,550px);mix-blend-mode:multiply}.intro.intro--entered #scroll-title{opacity:1;transform:translateY(0);transition:transform .7s cubic-bezier(.2,1.2,.6,1),opacity .5s}.intro.intro--entered .bottom-gif{opacity:1;transform:translateY(0);transition:transform 1.2s cubic-bezier(.4,1.25,.6,1),opacity .5s}.intro .scroll-down-text{position:absolute;top:66vh;right:2vw;display:flex;align-items:center;gap:clamp(.1rem,.5vw,.25rem);padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);font-family:var(--font-mono);font-size:clamp(.7rem,3vw,1rem);font-weight:300;color:var(--text-grey);pointer-events:none;z-index:10;opacity:0;transition:opacity .7s}.intro .scroll-down-text.visible{opacity:1}.intro .scroll-down-text .arrow-icon{display:flex;align-items:center;margin-right:clamp(.1rem,.5vw,.25rem)}.intro .scroll-down-text .arrow-icon svg{width:clamp(16px,4vw,24px);height:clamp(16px,4vw,24px)}.intro .scroll-down-text>span:not(.arrow-icon){display:inline-block;font-size:1.5rem;animation:wave 2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .07s)}@keyframes intro-caret{0%{border-right-color:var(--black)}to{border-right-color:transparent}}[data-theme=dark] .intro .bottom-gif img{filter:invert(1);mix-blend-mode:screen}@media(max-width:768px){.intro .scroll-down-text{top:calc(50vh + 4rem);left:50%;right:auto;transform:translate(-50%);justify-content:center}}@media(max-width:480px){.intro .bottom-gif img{height:clamp(200px,27vh,350px)}.intro .scroll-down-text{top:60vh;font-size:clamp(.6rem,2.5vw,.8rem);padding:clamp(.2rem,.8vw,.4rem) clamp(.4rem,1.5vw,.8rem);gap:clamp(.05rem,.3vw,.15rem)}}.skills-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 64px);max-height:1000px;min-height:1000px;position:relative;overflow:visible}.skills-container .main-text{font-size:24px;color:var(--black);text-align:center;font-weight:600;margin-bottom:20px;position:relative;z-index:1;pointer-events:none}.skills-container .skills-canvas-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%}.skills-container .skills-canvas-container canvas{display:block;width:100%;height:100%}@media screen and (max-width:600px){.skills-container{min-height:800px}}.tabs{--pad: 6px;position:relative;display:grid;grid-template-columns:repeat(var(--count),1fr);padding:var(--pad);border-radius:999px;background:#f3f3f0;box-shadow:inset 0 1px 3px #00000014;transition:background .35s ease}.tabs .tabs__pill{position:absolute;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--count));border-radius:999px;background:#fff;box-shadow:0 2px 8px #0000001f,0 1px 2px #00000014;transform:translate(calc(var(--active) * 100%));transition:transform .35s var(--ease-bouncy),background .35s ease}.tabs .tab{position:relative;z-index:1;border:none;background:none;padding:10px 28px;font:inherit;font-size:16px;font-weight:600;color:#555666;cursor:pointer;white-space:nowrap;transition:color .35s ease}.tabs .tab.active{color:#1c1917}.tabs .tab:focus-visible{outline:2px solid var(--primary-orange);outline-offset:2px;border-radius:999px}.tabs.tabs--dark{background:#110f0e;box-shadow:inset 0 1px 3px #0009}.tabs.tabs--dark .tabs__pill{background:#2e2a27;box-shadow:0 2px 8px #00000073,inset 0 1px #ffffff12}.tabs.tabs--dark .tab{color:#b8aea6}.tabs.tabs--dark .tab.active{color:#fff}@media screen and (max-width:600px){.tabs .tab{padding:8px 18px;font-size:14px}}.find-my-work{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}.find-my-work .heading{font-size:36px;color:var(--black);text-align:center;font-weight:600;margin-bottom:20px}.find-my-work .work-content{padding:36px 0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:24px;width:100%;max-width:100%}.find-my-work .work-content::-webkit-scrollbar{display:none}@media screen and (max-width:600px){.find-my-work .heading{font-size:20px;margin-bottom:16px}.find-my-work .work-content{padding:24px 0;gap:18px}}.library{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.library .heading{font-size:36px;color:var(--black);text-align:center;font-weight:600}.library .sub-text{color:var(--text-grey);font-size:16px;margin-bottom:24px}.library__stage{--stage: #1a1715;--w: 560px;--d: 330px;--tilt: 9deg;--lean: 2.5deg;--gap: 72px;position:relative;width:100%;box-sizing:border-box;display:grid;grid-template-columns:56px 1fr 56px;padding:96px 16px 112px;border-radius:28px;background:var(--stage);color:#fff}.library__ruler{grid-column:1;align-self:start;position:sticky;top:calc(50vh - (var(--n, 5) * 12px - 10px) / 2);display:flex;flex-direction:column;gap:10px;padding-left:8px}.library__tick{display:block;width:14px;height:2px;padding:0;border:none;border-radius:1px;background:#ffffff47;cursor:pointer;transition:width .3s var(--ease-bouncy),background .3s}.library__tick:hover{background:#fff9}.library__tick--active{width:26px;background:#fff}.library__stack{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:var(--gap);min-width:0}.book3d{--t: clamp(46px, calc(40px + var(--pages, 300) * .06px), 78px);--lift: 0px;--rise: 0px;--extra: 0deg;--angle: calc(-1 * (var(--tilt) + var(--extra) + (var(--mid, 0) - var(--i, 0)) * var(--lean)));position:relative;width:min(var(--w),100%);height:var(--t);padding:0;border:none;background:none;color:var(--ink);cursor:pointer;text-align:left;transform-style:preserve-3d;transform:perspective(2400px) translateY(var(--rise)) translateZ(var(--lift)) rotateX(var(--angle));transition:transform .5s var(--ease-bouncy);outline:none}.book3d__spine,.book3d__top,.book3d__shadow{opacity:0}.book3d__spine{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px;box-sizing:border-box;border-radius:2px 2px 3px 3px;background:var(--spine);backface-visibility:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -2px 4px #00000040;overflow:hidden}.book3d__spine:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--art);opacity:.95;pointer-events:none}.book3d__spine:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#fff0 30%,#ffffff24,#fff0 70%) -120% 0/240% 100% no-repeat,url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none;transition:background-position .9s ease}.book3d__author,.book3d__title,.book3d__year{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book3d__author{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.book3d__title{font-family:var(--font-serif);font-size:20px;letter-spacing:.01em;text-align:center;max-width:320px}.book3d__year{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-align:right;opacity:.7}.book3d__top{position:absolute;left:0;right:0;bottom:100%;height:var(--d);transform-origin:50% 100%;transform:rotateX(90deg);background:var(--art);border-radius:3px 3px 0 0;overflow:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -24px 40px #00000059}.book3d__cover-img{position:absolute;left:50%;top:50%;width:var(--d);height:var(--w);object-fit:cover;transform:translate(-50%,-50%) rotate(-90deg)}.book3d__shadow{position:absolute;left:3%;right:3%;top:100%;height:22px;background:#0009;filter:blur(14px);transform:translateY(-6px) translateZ(-30px);transition:transform .5s var(--ease-bouncy),opacity .5s}.book3d:hover,.book3d:focus-visible{--lift: 40px;--rise: -8px;--extra: 6deg;z-index:1}.book3d:hover .book3d__spine:after,.book3d:focus-visible .book3d__spine:after{background-position:120% 0,0 0}.book3d:hover .book3d__shadow,.book3d:focus-visible .book3d__shadow{transform:translateY(6px) translateZ(-30px) scaleX(1.03);opacity:.85}.book3d:active{--lift: 28px;--rise: -4px}.library__stage--in .book3d{animation:book-rise .7s var(--ease-bouncy) backwards;animation-delay:calc(var(--i, 0) * .11s)}.library__stage--in .book3d .book3d__spine,.library__stage--in .book3d .book3d__top,.library__stage--in .book3d .book3d__shadow{opacity:1;animation:book-fade .5s ease-out backwards;animation-delay:calc(var(--i, 0) * .11s)}@keyframes book-rise{0%{transform:perspective(2400px) translateY(48px) translateZ(var(--lift)) rotateX(var(--angle))}to{transform:perspective(2400px) translateY(var(--rise)) translateZ(var(--lift)) rotateX(var(--angle))}}@keyframes book-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.library__stage--in .book3d,.library__stage--in .book3d>*{animation:none}.book3d{transition:none}}@media screen and (max-width:800px){.library__stage{grid-template-columns:1fr;padding:56px 16px 72px;border-radius:20px;--d: 230px;--gap: 52px;--tilt: 8deg}.library__ruler{display:none}.library__stack{grid-column:1;width:100%}.book3d{--w: 100%;width:100%}.book3d__spine{padding:0 16px;gap:10px}.book3d__title{font-size:16px;max-width:200px}.book3d__author,.book3d__year{font-size:10px}}@media screen and (max-width:600px){.library .heading{font-size:24px}.book3d__spine{grid-template-columns:1fr auto}.book3d__year{display:none}.book3d__title{text-align:right}}.card-modal-component{display:flex;flex-direction:column;align-items:center}.card-modal-component .main-card{background:#f3f3f0b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:400px;height:auto;display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(231,231,231,.5);box-shadow:0 4px 16px #f5a04514;transition:box-shadow .3s ease,transform .3s ease;gap:12px}.card-modal-component .main-card:hover{box-shadow:0 8px 24px #f5a0452e;transform:translateY(-2px)}.card-modal-component .main-card .card-link{display:block;line-height:0;border-radius:14px}.card-modal-component .main-card .heading-link{text-decoration:none;color:inherit;min-width:0}.card-modal-component .main-card .card-img{width:400px;height:200px;object-fit:cover;border-radius:14px;cursor:pointer;display:block}.card-modal-component .main-card .card-icons{display:flex;gap:8px;align-items:center}.card-modal-component .main-card .card-icons a{color:inherit;display:inline-flex}.card-modal-component .main-card .card-heading-flex{width:calc(100% - 8px);overflow-x:none;display:flex;gap:6px;justify-content:space-between;align-items:center;margin:0 auto}.card-modal-component .main-card .card-heading-flex .heading{font-size:16px;color:var(--black);margin:0}.card-modal-component .main-card .card-heading-flex .icon{margin:0;font-size:20px;color:var(--black);cursor:pointer}.card-modal-component .modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.card-modal-component .modal-overlay .modal-content{background-color:var(--white);padding:12px 18px 24px;border-radius:10px;width:100%;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}.card-modal-component .modal-overlay .modal-content .heading,.card-modal-component .modal-overlay .modal-content .heading-2{font-size:24px;color:var(--black);margin:0;text-align:center}.card-modal-component .modal-overlay .modal-content .heading-2{font-size:18px}.card-modal-component .modal-overlay .modal-content .desc{width:100%;max-width:700px;color:#555666;text-align:center}.workcard-window__content{background-color:var(--white);padding:12px 18px 24px;width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}.workcard-window__content .heading,.workcard-window__content .heading-2{font-size:24px;color:var(--black);margin:0;text-align:center}.workcard-window__content .heading-2{font-size:18px}.workcard-window__content .desc{width:100%;max-width:700px;color:#555666;text-align:center}[data-theme=dark] .card-modal-component .main-card{background:#241f1cd9;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .card-modal-component .main-card:hover{box-shadow:0 8px 24px #0006}[data-theme=dark] .card-modal-component .modal-overlay{background-color:#000000f2}@media screen and (max-width:600px){.card-modal-component{width:100%;padding:0 16px}.card-modal-component .main-card{min-width:300px;width:100%;padding:10px;gap:10px;border-radius:12px}.card-modal-component .main-card .card-img{width:100%;min-width:300px;height:100%;min-height:160px;border-radius:12px}.card-modal-component .main-card .card-heading-flex{gap:6px}.card-modal-component .main-card .card-heading-flex .heading{font-size:14px}.card-modal-component .main-card .card-heading-flex .icon{font-size:16px}.card-modal-component .modal-overlay .modal-content{padding:10px 16px 18px;gap:12px}.card-modal-component .modal-overlay .modal-content .heading,.card-modal-component .modal-overlay .modal-content .heading-2{font-size:18px}.card-modal-component .modal-overlay .modal-content .desc{width:100%;font-size:14px;max-width:300px}}.mac-buttons-flex{width:fit-content;margin-right:auto;display:flex;justify-content:flex-start;align-items:center;gap:6px}.mac-buttons-flex .mac-button{width:14px;height:14px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.mac-buttons-flex .mac-button .icon{font-size:10px}.mac-buttons-flex .mac-button .icon.expand-icon{transform:rotate(-45deg)}.mac-buttons-flex:hover .mac-button .icon{color:#1c1917}.work-experience-main-wrapper{display:flex;align-items:flex-start;width:100%;position:relative}.work-experience-main-wrapper:before{content:"";position:absolute;top:200px;right:-100px;width:700px;height:500px;background:radial-gradient(ellipse,var(--gradient-end) 0%,transparent 70%);filter:blur(100px);opacity:.35;z-index:-1;pointer-events:none}.work-experience-main-wrapper .fixed-heading{position:absolute;top:100px;z-index:1;text-align:center;width:100%;font-size:48px}.work-experience-main-wrapper .fixed-heading .orange{color:#f5a045}.work-experience-main-wrapper .left-column{position:sticky;top:0;width:50%;height:100vh;overflow:hidden}.work-experience-main-wrapper .right-column{width:50%;padding:200px 50px 260px;margin:auto}.work-experience-main-wrapper .work-experience-section{opacity:0;margin-bottom:150px;text-align:center!important}.work-experience-main-wrapper .work-experience-section .job-title{font-size:28px;font-weight:700}.work-experience-main-wrapper .work-experience-section .job-title .orange{color:#f5a045}.work-experience-main-wrapper .work-experience-section .duration{font-size:18px;font-weight:700}.work-experience-main-wrapper .work-experience-section .work-ex-points{margin-top:12px;padding-left:20px;list-style:disc;text-align:left}.work-experience-main-wrapper .work-experience-section .work-ex-points li{font-size:16px;font-weight:400;color:#555666;margin-bottom:6px}.work-experience-main-wrapper .work-experience-section .work-ex-points li .black{color:var(--black);font-weight:500}.work-experience-main-wrapper .parts-assembling{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;cursor:grab;max-height:1000px}@media screen and (max-width:600px){.work-experience-main-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;margin-bottom:0;position:unset}.work-experience-main-wrapper .fixed-heading{position:unset;z-index:1;text-align:center;width:100%;font-size:24px;margin-bottom:24px}.work-experience-main-wrapper .fixed-heading .orange{color:#f5a045}.work-experience-main-wrapper .left-column{display:none}.work-experience-main-wrapper .right-column{width:100%;padding:0 16px;margin:0;box-sizing:border-box}.work-experience-main-wrapper .right-column .work-experience-section{opacity:1;transform:translateY(0);margin-bottom:64px;text-align:center!important}.work-experience-main-wrapper .right-column .work-experience-section .job-title{font-size:24px;font-weight:700}.work-experience-main-wrapper .right-column .work-experience-section .job-title .orange{color:#f5a045}.work-experience-main-wrapper .right-column .work-experience-section .duration{font-size:16px;font-weight:700}.work-experience-main-wrapper .right-column .work-experience-section .work-ex-points{margin-top:8px;padding-left:18px;list-style:disc;text-align:left}.work-experience-main-wrapper .right-column .work-experience-section .work-ex-points li{font-size:14px;font-weight:400;color:#555666;margin-bottom:4px}.work-experience-main-wrapper .right-column .work-experience-section .work-ex-points li .black{color:var(--black);font-weight:500}.work-experience-main-wrapper .parts-assembling{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:500px;margin-top:80px;cursor:pointer;display:none}}.terminal-window{width:100%;max-width:900px;margin:24px auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.08);transition:max-width .3s ease,margin .3s ease}.terminal-window.terminal-expanded{max-width:100%}.terminal-header{background:#313244;padding:10px 16px;display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.terminal-header .terminal-title{color:#cdd6f499;font-size:13px;margin-left:auto;margin-right:auto}.terminal-body{background:#1e1e2e;position:relative}.xterm-container{width:100%;padding:8px}.xterm-container .xterm{height:100%}.xterm-container .xterm-screen{width:100%!important}.matrix-rain{position:absolute;inset:0;z-index:10;background:#000000f2}.matrix-rain canvas{width:100%;height:100%}.matrix-rain .matrix-dismiss{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#a6e3a199;font-size:12px;font-family:monospace}.tab-badge{position:absolute;top:-4px;right:-6px;background:#ff3b30;color:#fff;font-size:9px;font-weight:700;line-height:1;padding:3px 5px;border-radius:10px;letter-spacing:.3px;text-transform:uppercase;pointer-events:none;box-shadow:0 1px 4px #ff3b3066}.terminal-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;overscroll-behavior:contain}.terminal-modal-content{width:100%;max-width:960px}.terminal-modal-content .terminal-window{margin:0;box-shadow:0 16px 64px #00000080}.terminal-window.terminal-minimized .terminal-body{display:none}@media screen and (max-width:600px){.terminal-window{margin:12px 0;border-radius:8px;max-width:100%}.xterm-container{padding:4px}.terminal-header .terminal-title{font-size:11px}.terminal-modal-overlay{padding:48px 12px 12px;align-items:flex-start}.terminal-modal-content{max-width:100%}}.subpage{width:100%;box-sizing:border-box;padding-top:96px;display:flex;flex-direction:column;gap:20px}.subpage--narrow{max-width:860px}.subpage--full{align-items:stretch}.subpage__back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-grey);text-decoration:none;padding:6px 14px;border-radius:999px;border:1px solid var(--border-grey);transition:color .25s,border-color .25s,transform .25s var(--ease-bouncy)}.subpage__back:hover{color:var(--black);border-color:var(--black);transform:translate(-3px)}.subpage__eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-orange);margin-top:12px}.subpage__title{font-family:var(--font-serif);font-size:clamp(32px,5vw,56px);line-height:1.05;color:var(--black)}.subpage__lead{color:var(--text-grey);font-size:18px}.subpage__lead a{color:var(--primary-orange)}.subpage__links{display:flex;gap:10px;flex-wrap:wrap}.subpage__links a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--grey);color:var(--black);text-decoration:none;font-weight:600;font-size:14px;transition:transform .25s var(--ease-bouncy),background .25s}.subpage__links a:hover{transform:translateY(-2px);background:var(--border-grey)}.subpage__hero{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:18px;border:1px solid var(--border-grey);margin-top:8px}.subpage__section{display:flex;flex-direction:column;gap:10px;margin-top:12px}.subpage__section h2{font-size:20px;font-weight:600;color:var(--black)}.subpage__section p{color:var(--text-grey);font-size:17px;line-height:1.6}.subpage__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.subpage__chips li{padding:6px 14px;border-radius:999px;background:var(--grey);color:var(--black);font-size:14px}.subpage__video{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}@media screen and (max-width:600px){.subpage{padding-top:80px;gap:14px}}