@font-face{font-family:Super Bubble;src:url(/fonts/SuperBubble-Rpaj3.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat Medium;src:url(/fonts/MontserratMedium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat Bold;src:url(/fonts/MontserratBold.woff2) format("woff2");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{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:20px;scrollbar-width:thin;scrollbar-color:#954612 #c7a86b}body ::selection{background-color:#954612}body::-webkit-scrollbar{width:12px;height:12px}body::-webkit-scrollbar-track{background:#c7a86b;border-radius:10px}body::-webkit-scrollbar-thumb{background-color:#c7a86b;border-radius:10px;border:3px solid #c7a86b;transition:background-color .3s ease}body::-webkit-scrollbar-thumb:hover{background-color:#c35b17}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%}.modal{display:flex;position:absolute;top:50%;left:50%;max-width:1100px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;border-radius:25px;display:none;border:8px solid #9a7747;background-color:#c7a86b;align-items:center;justify-content:center;padding-bottom:20px}@media (max-width: 768px){.modal{padding-bottom:60px}}.modal .modal-content{width:100%;max-height:380px;height:100%;overflow-y:auto;margin-top:120px;font-family:Montserrat Medium;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;justify-content:center;padding:20px}@media (max-width: 768px){.modal .modal-content{margin-top:80px}}.modal .modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;left:-2.3rem;border:8px solid #9a7747;background-color:#c7a86b;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 .modal-exit-button img{width:100%}.modal .modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media (max-width: 768px){.modal .modal-exit-button{transform:rotate(0) translate(-50%);bottom:-40px;left:50%;top:auto}.modal .modal-exit-button:hover{transform:rotate(0) scale(1.3) translate(-40%)}}.modal .modal-title{position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:#5b3b20;color:#c7a86b;padding:20px 30px;border-radius:20px;font-weight:800;font-family:Super Bubble,Arial,Helvetica,sans-serif;text-align:center}@media (max-width: 768px){.modal .modal-title{width:80%;padding:15px;font-size:20px}}.modal.work .work-section{max-width:300px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.work .work-section .work-image{width:100%;height:300px;object-fit:contain;border-radius:20px;border:8px solid #9a7747}.modal.work .work-section .work-more{font-size:20px;line-height:24px;margin-bottom:10px;font-family:Super Bubble,Arial,Helvetica,sans-serif;text-align:center;color:#5b3b20}@media (max-width: 768px){.modal.work .work-section .work-more{font-size:15px}}.modal.work .work-section .work-header{font-size:20px;font-weight:800;margin-top:30px;margin-bottom:10px;font-family:Montserrat Bold;text-align:left;align-self:flex-start}.modal.work .work-section .work-text{font-size:20px;line-height:24px;margin-bottom:10px}.modal.work .work-section .work-skills{font-size:15px}.modal.about{max-width:800px}.modal.about .about-section{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px}.modal.about .about-section .image-wrapper{width:100%;position:relative}.modal.about .about-section .image-wrapper .about-image{width:100%;margin-bottom:40px}.modal.about .about-section .image-wrapper .shadow{width:100%;position:absolute;left:0;z-index:-1}.modal.about .about-section .about-header{font-size:20px;font-family:Montserrat Bold;text-align:left;align-self:flex-start;margin-bottom:20px}.modal.about .about-section .about-text{font-family:Montserrat Medium;font-size:18px}.modal.contact{max-width:400px}.modal.contact .modal-title{width:80%;font-size:25px}@media (max-width: 768px){.modal.contact .modal-title{font-size:20px}}.modal.contact .modal-content{margin-top:90px;gap:20px}.modal.contact p{font-size:20px;font-family:Montserrat Bold}.modal.contact .contact-icons{width:80%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}@media (max-width: 768px){.modal.contact .contact-icons{justify-content:space-around}}.modal.contact .contact-icons img{width:50px;height:50px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.modal.contact .contact-icons img:nth-child(1):hover,.modal.contact .contact-icons img:nth-child(2):hover{transform:rotate(-20deg) scale(1.3)}.modal.contact .contact-icons img:nth-last-child(1):hover,.modal.contact .contact-icons img:nth-last-child(2):hover{transform:rotate(20deg) scale(1.3)}.modal.contact .contact-icons a:nth-child(1) img:hover,.modal.contact .contact-icons a:nth-child(2) img:hover{transform:rotate(-20deg) scale(1.3)}.modal.contact .contact-icons a:nth-last-child(1) img:hover,.modal.contact .contact-icons a:nth-last-child(2) img:hover{transform:rotate(20deg) scale(1.3)}.modal.phone{max-width:300px;min-height:500px;border-radius:25px;border:15px solid #ffffff;background:#6ec6ff;box-shadow:0 8px 25px #00000040;flex-direction:column;justify-content:space-between;border-bottom-width:75px;border-top-width:40px}.modal.phone .screen{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:500px;width:100%;overflow:hidden;border-radius:8px;background:linear-gradient(160deg,#4f8ef7,#7c6ff0 55%,#b16be0);padding:14px;box-sizing:border-box}.modal.phone .screen h1{font-family:Montserrat Medium;font-size:20px}.modal.phone .screen .phone-status-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 0;box-sizing:border-box;color:#fff;font-family:Montserrat Bold;font-size:12px;z-index:8}.modal.phone .screen .phone-status-bar .phone-status-icons{display:flex;align-items:center;gap:6px}.modal.phone .screen .phone-status-bar .signal-bars{display:flex;align-items:flex-end;gap:2px;height:10px}.modal.phone .screen .phone-status-bar .signal-bars span{width:3px;background:#fff;border-radius:1px}.modal.phone .screen .phone-status-bar .signal-bars span:nth-child(1){height:4px}.modal.phone .screen .phone-status-bar .signal-bars span:nth-child(2){height:6px}.modal.phone .screen .phone-status-bar .signal-bars span:nth-child(3){height:8px}.modal.phone .screen .phone-status-bar .signal-bars span:nth-child(4){height:10px}.modal.phone .screen .phone-status-bar .wifi-icon{color:#fff}.modal.phone .screen .phone-status-bar .battery-icon{width:20px;height:10px;border:1.5px solid #ffffff;border-radius:2px;padding:1px;box-sizing:border-box;position:relative}.modal.phone .screen .phone-status-bar .battery-icon:after{content:"";position:absolute;top:2.5px;right:-3px;width:2px;height:5px;background:#fff;border-radius:0 1px 1px 0}.modal.phone .screen .phone-status-bar .battery-icon .battery-fill{width:80%;height:100%;background:#fff;border-radius:1px}.modal.phone .screen .phone-home{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:26px;align-content:start;justify-items:center;padding-top:44px}.modal.phone .screen .phone-app{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:0}.modal.phone .screen .phone-app .phone-app-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:#00000040 0 3px 6px;background-image:linear-gradient(160deg,#ffffff80,#fff0 60%);background-blend-mode:overlay;transition:transform .2s ease}.modal.phone .screen .phone-app:hover .phone-app-icon,.modal.phone .screen .phone-app:active .phone-app-icon{transform:scale(1.1)}.modal.phone .screen .phone-app .flap-icon{background-color:#fce8a2}.modal.phone .screen .phone-app .dino-icon{background-color:#cdeecb}.modal.phone .screen .phone-app .wave-icon{background-color:#2b2740}.modal.phone .screen .phone-app .stack-icon{background-color:#ffd3b0}.modal.phone .screen .phone-app .phone-app-label{font-family:Montserrat Medium;font-size:12px;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.35)}.modal.phone .screen .phone-game{display:none;position:absolute;inset:0;z-index:1;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#4f8ef7,#7c6ff0 55%,#b16be0)}.modal.phone .screen.game-open .phone-home{display:none}.modal.phone .screen.game-open .phone-game{display:flex}.modal.phone .screen .phone-game-bar{position:absolute;top:34px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.modal.phone .screen .phone-back-button{border:none;cursor:pointer;line-height:1;pointer-events:auto}.modal.phone .screen .phone-game-score{pointer-events:none}.modal.phone .screen #phone-game-canvas{width:100%;height:100%;object-fit:contain;touch-action:none;display:block}.modal.phone .screen .phone-game[data-theme=flap]{background:linear-gradient(180deg,#bdeaff,#ffe9b0)}.modal.phone .screen .phone-game[data-theme=flap] .phone-back-button{background:#fff;color:#e0a83c;border-radius:50%;width:34px;height:34px;font-size:16px;font-weight:700;box-shadow:0 3px #d99a2b,0 5px 8px #0003}.modal.phone .screen .phone-game[data-theme=flap] .phone-game-score{font-family:Super Bubble,Arial,Helvetica,sans-serif;font-size:15px;color:#6b4b1c;background:#ffe9b0;padding:6px 16px;border-radius:20px;box-shadow:0 2px #e0b96b}.modal.phone .screen .phone-game[data-theme=dino]{background:linear-gradient(180deg,#ffe9c2,#f0c78a)}.modal.phone .screen .phone-game[data-theme=dino] .phone-back-button{background:#c9946a;color:#fff7ea;border-radius:8px;width:36px;height:30px;font-size:15px;box-shadow:0 3px #96693f}.modal.phone .screen .phone-game[data-theme=dino] .phone-game-score{font-family:Courier New,monospace;font-weight:700;font-size:15px;letter-spacing:1px;color:#4a3420;background:#fbe7c6;padding:5px 14px;border-radius:6px;border:2px solid #c9946a}.modal.phone .screen .phone-game[data-theme=wave]{background:radial-gradient(circle at 50% 0%,#2a2354,#14102a 70%)}.modal.phone .screen .phone-game[data-theme=wave] .phone-back-button{background:transparent;color:#5fe0e8;border:2px solid #5fe0e8;border-radius:6px;width:34px;height:30px;font-size:15px;box-shadow:0 0 8px #5fe0e899}.modal.phone .screen .phone-game[data-theme=wave] .phone-game-score{font-family:Courier New,monospace;font-weight:700;font-size:16px;letter-spacing:2px;color:#5fe0e8;text-shadow:0 0 6px rgba(95,224,232,.8)}.modal.phone .screen .phone-game[data-theme=stack]{background:linear-gradient(180deg,#eef4ff,#dbe8ff)}.modal.phone .screen .phone-game[data-theme=stack] .phone-back-button{background:#fff;color:#6d7ea8;border-radius:50%;width:32px;height:32px;font-size:15px;box-shadow:0 2px 6px #5a6ea04d}.modal.phone .screen .phone-game[data-theme=stack] .phone-game-score{font-family:Montserrat Bold;font-size:20px;color:#45537a}.modal.phone .screen .phone-game-overlay{display:none;position:absolute;inset:78px 20px 20px;background:#ffffffeb;border-radius:16px;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;box-sizing:border-box;z-index:4}.modal.phone .screen .phone-game-overlay.active{display:flex}.modal.phone .screen .phone-game-overlay .phone-game-message{font-family:Montserrat Bold;font-size:16px;color:#5b3b20}.modal.phone .screen .phone-game-overlay .phone-game-restart{border:none;background:#5b3b20;color:#fff;padding:10px 18px;border-radius:10px;font-family:Montserrat Medium;cursor:pointer}.modal.phone:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:60px;height:8px;background:#333;border-radius:4px}.modal.phone:after{content:"";position:absolute;top:-25px;left:35%;transform:translate(-50%);width:8px;height:8px;background:#333;border-radius:50%}.modal.phone .phone-exit{width:55px;height:55px;background:#ddd;border-radius:50px;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #00000040;cursor:pointer;transition:all .1s ease;border:none;position:absolute;bottom:-66px;top:auto;left:50%;transform:translate(-50%)}.modal.phone .phone-exit:active{background-color:#cfcfcf;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #00000059}.bgOverlay{display:none;position:absolute;inset:0;z-index:10;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000}#loading-screen{position:fixed;inset:0;background:#c7a86b;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:999999;color:#fff;font-family:Arial,sans-serif;font-size:2rem;letter-spacing:2px;perspective:1000px;border:20px solid #9a7747}#loading-screen:after{content:"use left/right click and mouse wheel to navigate!";position:absolute;color:#fff;bottom:20px;font-family:Super Bubble,Arial,Helvetica,sans-serif;font-size:20px;text-align:center}@media (max-width: 768px){#loading-screen:after{content:"use one or two fingers to navigate!";font-size:15px}}#loading-screen .loading-text{margin-bottom:50px;animation:pulse 1.2s infinite;font-family:Super Bubble,Arial,Helvetica,sans-serif}@media (max-width: 768px){#loading-screen .loading-text{content:"use one or two fingers to navigate!";font-size:30px}}#loading-screen #enter-button{padding:12px 24px;font-size:1.2rem;border:none;border-radius:8px;background:#5b3b20;color:#fff;font-family:Super Bubble,Arial,Helvetica,sans-serif;cursor:pointer;transition:transform .2s ease}#loading-screen #enter-button:hover{transform:scale(1.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#music-toggle{position:fixed;top:40px;right:40px;z-index:10;position:absolute;border:8px solid #9a7747;background-color:#c7a86b;padding:15px;border-radius:1.2rem;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:#0000003d 0 3px 8px}#music-toggle img{width:100%}#music-toggle:hover{transform:rotate(25deg) scale(1.3)}@media (max-width: 768px){#music-toggle{right:30px;top:30px}#music-toggle:hover{transform:rotate(0) scale(1.3)}}