@font-face{font-family:Calibri Web;src:local("Calibri"),url(/fonts/Carlito-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Calibri Web;src:local("Calibri Bold"),local("Calibri-Bold"),url(/fonts/Carlito-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Calibri Web;src:local("Calibri Italic"),local("Calibri-Italic"),url(/fonts/Carlito-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Motley Forces;src:url(/fonts/MotleyForces-Regular.woff2) format("woff2"),url(/fonts/MotleyForces-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--loading-bg: #0f1a2e;--loading-border: #1f3a60;--loading-button-bg: #1a2c4a;--loading-button-border: #08101f;--loading-text: #e4edf9;--loading-muted: #9db2d0;--shadow: rgba(4, 10, 22, .35) 0px 3px 8px;--pdf-link-hover: rgba(47, 111, 214, .18);--theme-transition: background-color .6s ease, border-color .6s ease, color .6s ease, stroke .6s ease}.light-theme{--surface: #cfdcec;--surface-strong: #7f9dc6;--border: #1c3557;--heading: #0e2140;--text: #0f1f38;--icon: #1c3557;--accent: #2f6fd6;--overlay: rgba(10, 22, 44, .35);--scrollbar-track: rgba(28, 53, 87, .18);--scrollbar-thumb: #1c3557;--divider: rgba(28, 53, 87, .22)}.dark-theme{--surface: #13223b;--surface-strong: #264270;--border: #060c18;--heading: #e4edf9;--text: #d3e0f2;--icon: #d3e0f2;--accent: #6fb1ff;--overlay: rgba(3, 7, 16, .55);--scrollbar-track: rgba(211, 224, 242, .12);--scrollbar-thumb: #5b82b8;--divider: rgba(211, 224, 242, .16)}*{margin:0;padding:0;box-sizing:border-box}:root{--font: "Calibri Web", Calibri, Carlito, sans-serif}body{overflow:hidden;font-family:var(--font)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%;z-index:2}h1,h2{font-family:var(--font);font-weight:700}p,ul,li{font-family:var(--font)}ul{--list-indent: 1.4rem;list-style:none;padding-left:var(--list-indent);margin-bottom:.75rem}ul li{position:relative;margin-bottom:.3rem;line-height:1.45}ul li:last-child{margin-bottom:0}ul li:before{content:"";position:absolute;top:.79em;left:calc(.24em - var(--list-indent));width:.3em;height:.3em;border-radius:50%;background-color:var(--text);transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease}ul li ul{margin-top:.5rem}ul li ul li:before{background-color:transparent;border:.07em solid var(--text)}ul li ul ul li:before{border:none;border-radius:0;background-color:var(--text)}ul li:hover:before{background-color:var(--accent);transform:translate(-50%,-50%) scale(1.3)}ul.emoji-bullets li:before{width:.34em;height:.34em;border-radius:.05em;background-color:var(--accent);transform:translate(-50%,-50%) rotate(45deg)}ul.emoji-bullets li:hover:before{transform:translate(-50%,-50%) rotate(45deg) scale(1.3)}.text-link{color:var(--heading);font-weight:700;text-underline-offset:3px}.text-link:hover{color:var(--accent)}.image-wrapper{width:100%;height:550px;overflow:hidden;margin-bottom:12px}@media (max-width: 768px){.image-wrapper{height:auto}}.base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;object-position:center top;border:6px solid var(--border)}.overlay{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;z-index:3;display:none;background-color:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;max-width:1200px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;padding:30px;border-radius:25px;display:none;border:8px solid var(--border);background-color:var(--surface)}.about,.resume{max-width:800px}.contact{max-width:500px}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;gap:24px}.sm-margin-top{margin-top:12px}.modal-title{display:flex;justify-content:center;align-items:center;padding:10px 80px;border-radius:5rem;color:var(--heading);background-color:var(--surface-strong);box-shadow:var(--shadow)}@media (max-width: 768px){.modal-title{font-size:1.5rem;padding:10px 20px;width:100%}}.modal-paragraph-header{font-size:1.4rem;margin-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header{font-size:1.2rem}}.modal-paragraph-header-2{border-top:2px solid var(--border);font-size:1.2rem;padding-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header-2{font-size:1.1rem}}.modal-paragraph-text{font-size:1.2rem;line-height:1.45}@media (max-width: 768px){.modal-paragraph-text{font-size:1.1rem}}.list-text{font-size:1.2rem;line-height:1.45}@media (max-width: 768px){.list-text{font-size:1.1rem}}.list-text-2{font-size:1.05rem;line-height:1.45}@media (max-width: 768px){.list-text-2{font-size:1rem}}.list-text,.list-text-2,.modal-paragraph-header,.modal-paragraph-header-2,.modal-paragraph-text{color:var(--text)}.modal-content{width:100%;height:200px;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.modal-content{height:350px}}.work .modal-content{height:550px}@media (max-width: 768px){.work .modal-content{height:500px}}.about .modal-content{height:550px}@media (max-width: 768px){.about .modal-content{height:500px}}.resume .modal-content{height:500px}@media (max-width: 768px){.resume .modal-content{height:420px}}.resume .modal-content-wrapper{touch-action:pan-x pan-y pinch-zoom}.resume-viewer{display:flex;flex-direction:column;gap:16px}.resume-page{position:relative;overflow:hidden;border:6px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.resume-page canvas{display:block;width:100%;height:auto}.resume-link{position:absolute;border-radius:3px}.resume-link:hover{background-color:var(--pdf-link-hover)}.resume-status{padding:60px 0;text-align:center;font-size:1.2rem;color:var(--text)}.resume-download{padding:10px 28px;font-family:var(--font);font-weight:700;font-size:1.3rem;text-decoration:none;color:var(--heading);background-color:var(--surface-strong);border:6px solid var(--border);border-radius:1.2rem;box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.resume-download:hover{transform:scale(1.08) rotate(-2deg)}@media (max-width: 768px){.resume-download{font-size:1.1rem}}.contact .modal-content{height:170px;overflow:visible}@media (max-width: 768px){.contact .modal-content{overflow:visible;height:170px}}.modal-content-wrapper{height:100%;overflow-y:auto;padding-right:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{width:2px;border-radius:4px;background-color:var(--scrollbar-track)}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.work{max-width:1000px}.work .modal-content-wrapper{display:flex;flex-direction:column;gap:28px}.work-project{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;align-items:start;padding-bottom:28px;border-bottom:2px solid var(--divider)}.work-project:last-child{padding-bottom:8px;border-bottom:none}@media (max-width: 768px){.work-project{grid-template-columns:minmax(0,1fr);gap:16px}}.work-image-wrapper{width:100%;aspect-ratio:16/9}.work-base-image{display:block;height:100%;width:100%;border-radius:20px;object-fit:cover;border:6px solid var(--border)}.work-details{display:flex;flex-direction:column;gap:14px}.work-title{font-size:1.5rem;line-height:1.2;color:var(--heading)}@media (max-width: 768px){.work-title{font-size:1.3rem}}.work-title-tag{display:block;margin-top:4px;font-size:1.05rem;font-weight:400;font-style:italic;color:var(--text);opacity:.85}ul.work-tech{display:flex;flex-wrap:wrap;gap:8px;padding-left:0;margin-bottom:0}ul.work-tech li{margin:0;padding:3px 12px;font-size:.95rem;line-height:1.4;color:var(--heading);background-color:var(--surface-strong);border-radius:999px}ul.work-tech li:before{content:none}.work-links{display:flex;flex-wrap:wrap;gap:10px}.work-link{padding:6px 16px;font-size:1rem;font-weight:700;text-decoration:none;color:var(--heading);background-color:var(--surface);border:4px solid var(--border);border-radius:.9rem;box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.work-link:hover{transform:scale(1.08) rotate(-2deg)}.contact .modal-content-wrapper{overflow:visible}.modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;left:-2.3rem;border:8px solid var(--border);background-color:var(--surface);padding:15px;border-radius:1.2rem;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow)}.modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media (max-width: 768px){.modal-exit-button{top:auto;left:50%;bottom:-3rem;transform:translate(-50%)}.modal-exit-button:hover{transform:translate(-50%) scale(1.3)}}.exit-button-svg{width:40px;height:40px;color:var(--icon)}@media (max-width: 768px){.exit-button-svg{width:25px;height:25px}}.contact-button-wrapper{display:flex;justify-content:center;align-items:center;margin-top:24px;justify-content:space-between}.contact-svg{width:40px;height:40px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.linkedin{width:60px;height:60px}.linkedin:hover{transform:rotate(15deg) scale(1.3)}.github{width:60px;height:60px}.github:hover{transform:rotate(-15deg) scale(1.3)}.instagram{width:63px;height:63px}.instagram:hover{transform:rotate(35deg) scale(1.3)}.mail{width:68px;height:68px}.mail:hover{transform:rotate(-35deg) scale(1.3)}.x-logo{width:56px;height:56px}.x-logo:hover{transform:rotate(20deg) scale(1.3)}@media (max-width: 768px){.contact-button-wrapper .mail{width:54px;height:54px}.contact-button-wrapper .github,.contact-button-wrapper .linkedin{width:48px;height:48px}.contact-button-wrapper .x-logo{width:45px;height:45px}.contact-button-wrapper .instagram{width:50px;height:50px}}.xsm-margin-top{margin:12px}.mute-toggle-button{position:fixed;top:36px;right:148px;z-index:2;cursor:pointer}.mute-toggle-button:hover{transform:rotate(-5deg) scale(1.3)}@media (max-width: 768px){.mute-toggle-button{top:30px;right:96px}}.sound-svg{width:40px;height:40px}@media (max-width: 768px){.sound-svg{width:30px;height:30px}}.sound-off-svg{display:none}.toggle-buttons{display:flex;justify-content:center;align-items:center;border:8px solid var(--border);background-color:var(--surface);padding:10px;color:var(--icon);border-radius:1.2rem;cursor:pointer;box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.34,1.56,.64,1),var(--theme-transition)}.theme-toggle-button{position:fixed;top:36px;right:48px;z-index:2;cursor:pointer}.theme-toggle-button:hover{transform:rotate(5deg) scale(1.3)}@media (max-width: 768px){.theme-toggle-button{top:30px;right:18px}}.sun-svg,.moon-svg{width:40px;height:40px}@media (max-width: 768px){.sun-svg,.moon-svg{width:30px;height:30px}}.moon-svg{display:none}.sm-font{font-size:1.05rem}.sound-svg,.sun-svg,.github,.linkedin,.instagram,.mail,.x-logo,.moon-svg{stroke:var(--icon);color:var(--icon);transition:transform .4s cubic-bezier(.34,1.56,.64,1),var(--theme-transition)}.loading-screen{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border:8px solid var(--loading-border);background-color:var(--loading-bg);transform:perspective(1000px);border-radius:48px}.loading-screen.is-entered{background-color:var(--surface)}.loading-screen-button{font-family:var(--font);font-weight:700;display:flex;justify-content:center;align-items:center;background-color:transparent;padding:10px 40px;outline:none;color:var(--loading-text);border-radius:1.2rem;border:none;font-size:42px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 768px){.loading-screen-button{font-size:32px}}.loading-screen-button.is-ready{border:8px solid var(--loading-button-border);background-color:var(--loading-button-bg);box-shadow:var(--shadow);cursor:pointer}.loading-screen-button.is-ready:hover{transform:scale(1.3)}.loading-screen-button.is-entered{border:8px solid var(--border);background-color:var(--surface);color:var(--border)}.no-sound-button{font-family:var(--font);font-weight:700;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;color:var(--loading-muted);position:absolute;bottom:15%;left:50%;font-size:18px;transform:translate(-50%,-50%)}.no-sound-button:hover{color:var(--loading-text);cursor:pointer}.instructions{display:flex;justify-content:center;align-items:center;position:absolute;bottom:10%;left:50%;max-width:1200px;width:90%;font-size:28px;transform:translate(-50%,-50%);font-family:var(--font);color:var(--loading-text)}@media (max-width: 767px){.desktop-instructions{display:none}}@media (min-width: 768px){.mobile-instructions{display:none}}@media (max-width: 768px){.mobile-instructions{font-size:28px}}