@charset "UTF-8";@font-face{font-family:Shifty Notes;src:url(/fonts/ShiftyNotes-Regular.woff2) format("woff2"),url(/fonts/ShiftyNotes-Regular.woff) format("woff");font-weight:400;font-style:normal;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}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}: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:Motley Forces}p,ul,li{font-family:Shifty Notes}ul{list-style:none;padding-left:2rem}ul li{position:relative;margin-bottom:1rem}ul li:before{content:"•";position:absolute;left:-1.5rem;color:#6e5e9c;font-size:1.5em}ul li ul{margin-top:.5rem}ul li ul li:before{content:"◦";font-size:1.2em}ul li ul ul li:before{content:"▪";font-size:1em}ul li:hover:before{color:#6c3f7c;transform:scale(1.2);transition:all .2s ease}.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;border:6px solid #6e5e9c}.work-image-wrapper{width:100%;height:350px;overflow:hidden;margin-bottom:12px}.work-base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;border:6px solid #6e5e9c}.overlay{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;z-index:3;display:none;background-color:#20202033;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 #6e5e9c}.about{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:#6c3f7c;background-color:#cdb3d6;box-shadow:#0000003d 0 3px 8px}@media (max-width: 768px){.modal-title{font-size:1.5rem;padding:10px 20px;width:100%}}.modal-paragraph-header{font-size:1.5rem;margin-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header{font-size:1.3rem}}.modal-paragraph-header-2{border-top:2px solid #6e5e9c;font-size:1.2rem;padding-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header-2{font-size:1.3rem}}.modal-paragraph-text{font-size:1.5rem}@media (max-width: 768px){.modal-paragraph-text{font-size:1.3rem}}.list-text{font-size:1.5rem}@media (max-width: 768px){.list-text{font-size:1.3rem}}.list-text-2{font-size:1.2rem}@media (max-width: 768px){.list-text-2{font-size:1.3rem}}.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}}.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:#6f497433}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#6c3f7c;border-radius:4px}.work .modal-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px}@media (max-width: 768px){.work .modal-content-wrapper{justify-content:space-between;flex-direction:column}}.work-project{padding-top:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:28px;width:80%;justify-content:start;height:100%}@media (max-width: 768px){.work-project{height:auto;width:100%;padding-bottom:24px}}.work-project-wrapper{width:100%;height:auto}.work-video-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0}.work-video{width:100%;height:100%;object-fit:contain;display:block;background-color:#000}.story-video-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;gap:24px}.story-video-wrapper{width:100%;height:80%;display:flex;justify-content:center;align-items:center;padding:0;margin:0}.story-video{width:100%;height:100%;object-fit:contain;display:block;background-color:#000;border:8px solid #6e5e9c;border-radius:1.2rem;box-shadow:#0000003d 0 3px 8px;transition:all .3s ease}.story-timeline{position:relative;width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin-top:12px}.timeline-line{position:absolute;top:50%;left:16px;right:16px;height:4px;background:linear-gradient(90deg,#6e5e9c,#cdb3d6,#6e5e9c);border-radius:2px;transform:translateY(-50%);z-index:1}.timeline-dots{position:relative;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 32px);height:100%;z-index:2;margin:0 16px}.timeline-dot{width:16px;height:16px;border-radius:50%;background-color:#ead7ef;border:3px solid #6e5e9c;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.timeline-dot:hover{transform:scale(1.3);background-color:#cdb3d6;border-color:#6c3f7c}.timeline-dot.active{background-color:#6e5e9c;border-color:#6c3f7c;transform:scale(1.2);box-shadow:0 0 0 4px #6e5e9c4d}.timeline-dot.completed{background-color:#cdb3d6;border-color:#6e5e9c}.timeline-dot-number{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-family:Motley Forces;font-size:12px;color:#6e5e9c;font-weight:700;opacity:0;transition:opacity .3s ease}.timeline-dot:hover .timeline-dot-number{opacity:1}.timeline-dot.active .timeline-dot-number{opacity:1;color:#6c3f7c}.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 #6e5e9c;background-color:#ead7ef;padding:15px;border-radius:1.2rem;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:#0000003d 0 3px 8px}.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:#6e5e9c}@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)}.xsm-margin-top{margin:12px}.mute-toggle-button{position:fixed;top:36px;right:148px;z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.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;stroke:#6e5e9c}@media (max-width: 768px){.sound-svg{width:30px;height:30px}}.sound-off-svg{width:40px;height:40px;display:none;stroke:#6e5e9c}@media (max-width: 768px){.sound-off-svg{top:30px;right:96px}}@media (max-width: 768px){.sound-off-svg{width:30px;height:30px}}.toggle-buttons{display:flex;justify-content:center;align-items:center;border:8px solid #6e5e9c;background-color:#ead7ef;padding:10px;color:#6e5e9c;border-radius:1.2rem;cursor:pointer;box-shadow:#0000003d 0 3px 8px}.theme-toggle-button{position:fixed;top:36px;right:48px;z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-button:hover{transform:rotate(5deg) scale(1.3)}@media (max-width: 768px){.theme-toggle-button{top:30px;right:18px}}.sun-svg{width:40px;height:40px;stroke:#6e5e9c}@media (max-width: 768px){.sun-svg{width:30px;height:30px}}.moon-svg{width:40px;height:40px;stroke:#6e5e9c;display:none}@media (max-width: 768px){.moon-svg{width:30px;height:30px}}.sm-font{font-size:1.2rem}.light-theme ul li:before{color:#020202}.dark-theme ul li:before{color:#e6dede}.light-theme ul li:hover:before{color:#6e5e9c}.dark-theme ul li:hover:before{color:#2a0f4e}.light-theme .base-image{border-color:#6e5e9c}.dark-theme .base-image{border-color:#2a0f4e}.light-theme .work-base-image{border-color:#6e5e9c}.dark-theme .work-base-image{border-color:#2a0f4e}.light-theme .modal{border-color:#6e5e9c;background-color:#ead7ef}.dark-theme .modal{border-color:#2a0f4e;background-color:#401d49}.light-theme .modal-title{color:#6c3f7c;background-color:#cdb3d6}.dark-theme .modal-title{color:#e6dede;background-color:#62416d}.light-theme .modal-paragraph-header-2{border-color:#6e5e9c}.dark-theme .modal-paragraph-header-2{border-color:#2a0f4e}.light-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#6c3f7c}.dark-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#ddd6d6}.light-theme .list-text,.light-theme .list-text-2,.light-theme .modal-paragraph-header,.light-theme .modal-paragraph-header-2,.light-theme .modal-paragraph-text{color:#020202}.dark-theme .list-text,.dark-theme .list-text-2,.dark-theme .modal-paragraph-header,.dark-theme .modal-paragraph-header-2,.dark-theme .modal-paragraph-text{color:#e6dede}.light-theme .modal-exit-button{border-color:#6e5e9c;background-color:#ead7ef}.dark-theme .modal-exit-button{border-color:#2a0f4e;background-color:#401d49}.light-theme .exit-button-svg{color:#6e5e9c}.dark-theme .exit-button-svg{color:#e6dede}.light-theme .toggle-buttons{border-color:#6e5e9c;background-color:#ead7ef;color:#6e5e9c}.dark-theme .toggle-buttons{border-color:#2a0f4e;background-color:#401d49;color:#2a0f4e}.light-theme .sound-svg,.light-theme .sound-off-svg,.light-theme .sun-svg,.light-theme .github,.light-theme .linkedin,.light-theme .instagram,.light-theme .mail,.light-theme .moon-svg{stroke:#6e5e9c;color:#6e5e9c}.dark-theme .sound-svg,.dark-theme .sound-off-svg,.dark-theme .sun-svg,.dark-theme .github,.dark-theme .linkedin,.dark-theme .instagram,.dark-theme .mail,.dark-theme .moon-svg{stroke:#e6dede;color:#e6dede}.light-theme .story-video{border-color:#6e5e9c}.dark-theme .story-video{border-color:#2a0f4e}.light-theme .timeline-line{background:linear-gradient(90deg,#6e5e9c,#cdb3d6,#6e5e9c)}.dark-theme .timeline-line{background:linear-gradient(90deg,#2a0f4e,#62416d,#2a0f4e)}.light-theme .timeline-dot{background-color:#ead7ef;border-color:#6e5e9c}.light-theme .timeline-dot:hover{background-color:#cdb3d6;border-color:#6c3f7c}.light-theme .timeline-dot.active{background-color:#6e5e9c;border-color:#6c3f7c}.light-theme .timeline-dot.completed{background-color:#cdb3d6;border-color:#6e5e9c}.dark-theme .timeline-dot{background-color:#401d49;border-color:#2a0f4e}.dark-theme .timeline-dot:hover{background-color:#62416d;border-color:#ddd6d6}.dark-theme .timeline-dot.active{background-color:#2a0f4e;border-color:#ddd6d6}.dark-theme .timeline-dot.completed{background-color:#62416d;border-color:#2a0f4e}.light-theme .timeline-dot-number{color:#6e5e9c}.timeline-dot.active .light-theme .timeline-dot-number{color:#6c3f7c}.dark-theme .timeline-dot-number{color:#2a0f4e}.timeline-dot.active .dark-theme .timeline-dot-number{color:#ddd6d6}.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 #6e5e9c;background-color:#2a0f4e;transform:perspective(1000px);border-radius:48px}.password-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.password-input{font-family:Motley Forces;display:flex;justify-content:center;align-items:center;background-color:#401d49;padding:15px 40px;outline:none;color:#e6dede;border-radius:1.2rem;border:8px solid #2a0f4e;font-size:24px;text-align:center;box-shadow:#0000003d 0 3px 8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.password-input::placeholder{color:#c4bebe;font-family:Motley Forces}.password-input:focus{transform:scale(1.05);border-color:#6e5e9c}@media (max-width: 768px){.password-input{font-size:20px;padding:12px 30px}}.password-hint{font-family:Shifty Notes;color:#c4bebe;font-size:16px;text-align:center;max-width:400px;line-height:1.4}@media (max-width: 768px){.password-hint{font-size:14px;max-width:300px}}.no-sound-button{font-family:Motley Forces;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;color:#c4bebe;position:absolute;bottom:15%;left:50%;font-size:16px;transform:translate(-50%,-50%)}.no-sound-button:hover{color:#e6dede;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:Shifty Notes;color:#e6dede}@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}}