@charset "UTF-8";@font-face{font-family:Indonesiana;src:url(/fonts/Kenangan-Regular.woff2) format("woff2"),url(/fonts/Kenangan-Regular.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bangers;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}html,body{width:100%;height:auto;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{width:97vw;height:85vh;margin:7rem auto;border-radius:20px;overflow:hidden;box-shadow:0 4px 30px #0000001a;position:relative;z-index:1}#experience #experience-canvas{width:97vw;height:85vh;display:block}h1,h2{font-family:Bangers,cursive}p,ul,li{font-family:Indonesiana,cursive}ul{list-style:none;padding-left:2rem}ul li{position:relative;margin-bottom:1rem}ul li:before{content:"•";position:absolute;left:-1.5rem;color:#d5c2a2;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:#b2906c;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 #d5c2a2}.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 #d5c2a2}.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:600px;max-height:90vh;height:70vh;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;padding:30px;border-radius:25px;display:none;border:8px solid #d5c2a2}.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:#b2906c;background-color:#f0dfc4;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 #d5c2a2;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:500px;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:410px}}.about .modal-content{height:550px}@media (max-width: 768px){.about .modal-content{height:410px}}.contact .modal-content{height:170px;overflow:visible}@media (max-width: 768px){.contact .modal-content{overflow:visible;height:170px}}.modal-content-wrapper{height:90%;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:#b2906c;border-radius:4px}.work .modal-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;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}.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 #d5c2a2;background-color:#fdfaf5;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{animation:wiggle-bounce .6s ease-in-out}@keyframes wiggle-bounce{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-15deg) scale(1.2)}40%{transform:rotate(10deg) scale(1.3)}60%{transform:rotate(-5deg) scale(1.25)}80%{transform:rotate(3deg) scale(1.2)}to{transform:rotate(0) scale(1)}}@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:#d5c2a2}@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}.sound-svg{width:40px;height:40px}@media (max-width: 768px){.sound-svg{width:30px;height:30px}}.sound-off-svg{width:40px;height:40px;display:none}@media (max-width: 768px){.sound-off-svg{top:30px;right:96px}}@media (max-width: 768px){.sound-off-svg{width:30px;height:30px}}.toggle-buttons{width:3rem;height:3rem;background-color:transparent;padding:8px;cursor:pointer;border:none;margin:0 .5rem}.toggle-button-container{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:10}.mute-toggle-button{right:1rem;z-index:2;cursor:pointer;transition:transform .2s ease}.mute-toggle-button:hover{transform:translateY(-10px) rotate(-10deg) scale(1.1)}.theme-toggle-button{right:1rem;z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-button:hover{transform:translateY(-10px) rotate(-10deg) scale(1.1)}.about-toggle-button{right:1rem;z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.about-toggle-button:hover{transform:translateY(-10px) rotate(-10deg) scale(1.1)}.sun-svg{width:40px;height:40px;stroke:#d5c2a2}@media (max-width: 768px){.sun-svg{width:30px;height:30px}}.moon-svg{width:40px;height:40px;stroke:#d5c2a2;display:none}@media (max-width: 768px){.moon-svg{width:30px;height:30px}}.about-svg{width:40px;height:40px;stroke:#d5c2a2}@media (max-width: 768px){.about-svg{width:30px;height:30px}}.sm-font{font-size:1.2rem}.light-theme ul li:before{color:#2f2f2f}.dark-theme ul li:before{color:#fdf8f0}.light-theme ul li:hover:before{color:#d5c2a2}.dark-theme ul li:hover:before{color:#7a6148}.light-theme .base-image{border-color:#d5c2a2}.dark-theme .base-image{border-color:#7a6148}.light-theme .work-base-image{border-color:#d5c2a2}.dark-theme .work-base-image{border-color:#7a6148}.light-theme .modal{border-color:#d5c2a2;background-color:#fdfaf5a8}.dark-theme .modal{border-color:#7a6148;background-color:#473728a8}.light-theme .modal-title{color:#8c6848;background-color:#f0dfc4}.dark-theme .modal-title{color:#f1e0c8;background-color:#a88465}.light-theme .modal-paragraph-header-2{border-color:#d5c2a2}.dark-theme .modal-paragraph-header-2{border-color:#7a6148}.light-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#b2906c}.dark-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#5b4634}.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:#2f2f2f}.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:#fdf8f0}.light-theme .modal-exit-button{border-color:#d5c2a2;background-color:#fdfaf5}.dark-theme .modal-exit-button{border-color:#7a6148;background-color:#473728}.light-theme .exit-button-svg{color:#d1c7be}.dark-theme .exit-button-svg{color:#fdf8f0}.light-theme .toggle-buttons{color:#d5c2a2}.dark-theme .toggle-buttons{color:#7a6148}.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,.light-theme .about-svg{stroke:#d1c7be;color:#d1c7be}.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,.dark-theme .about-svg{stroke:#fdf8f0;color:#fdf8f0}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;z-index:1000;width:108vw;height:108vh;background-color:#757575;transform:perspective(1000px);opacity:1}.loading-screen .loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:0;opacity:.8}@media (max-width: 767px){.loading-screen .loading-bg{object-fit:cover}}.loading-screen.blur-out{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.loading-content{text-align:center;z-index:1;width:20rem;padding:1rem;color:#fff;margin-top:-24rem}@media (max-width: 767px){.loading-content{margin-top:-19rem}}.loading-content .welcome-subtitle{font-size:2rem;font-family:Indonesiana,cursive;margin-bottom:.2rem}.loading-bar-container{width:100%;max-width:400px;height:20px;background-color:#fff3;border-radius:5px;margin:0 auto 1rem;overflow:hidden}@media (max-width: 767px){.loading-bar-container{max-width:250px}}.loading-bar{width:0%;height:100%;background-color:#9be0f3;transition:width .3s ease-out;border:4px solid #f6f6f6}.loading-bar-fill{height:100%;width:0%;background-color:#7b5540;transition:width .3s ease-in-out;border:4px solid #f6f6f6}.welcome-title{font-size:1.3rem;color:#fdfaf5;margin-bottom:.5rem}.instructions{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;font-size:22px;font-family:Indonesiana,cursive;color:#fdfaf5;text-align:center;max-width:90%;padding:0 16px;transition:color .3s ease;opacity:0;animation:fadeSlideUp 1s ease forwards;animation-delay:.8s;box-sizing:border-box}@media (max-width: 600px){.instructions{font-size:18px;width:100%}}@media (max-width: 767px){.desktop-instructions{display:none}}@media (min-width: 768px){.mobile-instructions{display:none}}@media (max-width: 768px){.mobile-instructions{font-size:16px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.navbar{z-index:99;display:flex;justify-content:space-between;align-items:center;padding:clamp(1rem,5vw,2.5rem) clamp(1rem,8vw,6rem);position:fixed;top:0;width:100%;transition:background .3s linear}.left{display:flex;align-items:center}.left a{font-size:1.75rem;text-decoration:none;color:#b2906c;font-weight:750;transition:color .3s ease}.left a:hover{color:#d5c2a2}.sticky .left a:hover{color:#22b455}.right{display:flex;align-items:center}.right a{font-family:Indonesiana,cursive;margin:0 1rem;font-size:1.9rem;text-decoration:none;color:#b2906c;transition:color .3s ease}.right a:hover{color:#d5c2a2;text-decoration:underline}.sticky .right a:hover{color:#92e5a1}.sticky{height:90px;background:#edf2f4;transition:.3s linear}.sticky .left a,.sticky .right a{color:#2b2d42}.menu{align-self:center;z-index:10;cursor:pointer;display:none}.sticky .menu{filter:invert(1)}@media screen and (max-width: 800px){.menu{display:block}.right{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;top:0;right:-100%;width:100%;height:100vh;background:#fdfaf5;transition:.3s ease all}.right.active{right:0}.right .sticky .right{background:#edf2f4}.right a{font-size:1.5rem;margin:1rem 0}}.reog-button{position:absolute;z-index:1;width:clamp(2.5rem,5vw,2.7rem);height:clamp(2.5rem,5vw,2.7rem);border-radius:50%;border:.25rem solid #ffffff;background:linear-gradient(107deg,#fbf6ed,#eddbb9);box-shadow:0 0 .6rem #0000004d,0 0 1.2rem #ffd70066;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.reog-button:before{content:"";display:block;width:60%;height:60%;background-image:url(/images/reog.webp);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%}.reog-button:hover{transform:scale(1.1);box-shadow:0 0 1rem #ffff00b3,0 0 1.5rem #ff8c0099}.toraja-button{position:absolute;z-index:1;width:clamp(2.5rem,5vw,2.7rem);height:clamp(2.5rem,5vw,2.7rem);border-radius:50%;border:.25rem solid #ffffff;background:linear-gradient(107deg,#fbf6ed,#eddbb9);box-shadow:0 0 .6rem #0000004d,0 0 1.2rem #ffd70066;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.toraja-button:before{content:"";display:block;width:60%;height:60%;background-image:url(/images/toraja.webp);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%}.toraja-button:hover{transform:scale(1.1);box-shadow:0 0 1rem #ffff00b3,0 0 1.5rem #ff8c0099}.roller-button{position:absolute;z-index:1;width:clamp(2.5rem,5vw,2.7rem);height:clamp(2.5rem,5vw,2.7rem);border-radius:50%;border:.25rem solid #ffffff;background:linear-gradient(107deg,#fbf6ed,#eddbb9);box-shadow:0 0 .6rem #0000004d,0 0 1.2rem #ffd70066;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.roller-button:before{content:"";display:block;width:60%;height:60%;background-image:url(/images/roller.webp);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%}.roller-button:hover{transform:scale(1.1);box-shadow:0 0 1rem #ffff00b3,0 0 1.5rem #ff8c0099}.roller-bubble{position:absolute;bottom:130%;left:50%;transform:translate(-50%);background:#fff8e1;color:#4444448c;padding:.4rem .8rem;border-radius:1rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #00000026;white-space:nowrap}.roller-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff8e1}.pacu-button{position:absolute;z-index:1;width:clamp(2.5rem,5vw,2.7rem);height:clamp(2.5rem,5vw,2.7rem);border-radius:50%;border:.25rem solid #ffffff;background:linear-gradient(107deg,#fbf6ed,#eddbb9);box-shadow:0 0 .6rem #0000004d,0 0 1.2rem #ffd70066;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.pacu-button:before{content:"";display:block;width:60%;height:60%;background-image:url(/images/pacu.webp);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%}.pacu-button:hover{transform:scale(1.1);box-shadow:0 0 1rem #ffff00b3,0 0 1.5rem #ff8c0099}.about-container{display:flex;flex-wrap:wrap;gap:2rem;padding:4rem 2rem;max-width:90%;margin:0 auto;align-items:center;background:linear-gradient(to right,#fff8f8,#f3e5f1);border-radius:16px;box-shadow:0 4px 20px #0000000d}#about-section{padding:4rem 2rem;min-height:80vh;margin-bottom:30px}.about-photo{flex:1 1 300px;display:flex;justify-content:center}.about-photo img{max-width:250px;width:100%;height:auto;border-radius:12px;box-shadow:0 0 10px #0000001a}.about-info{flex:2 1 400px;color:#4b3b30}.about-info h2{font-size:2rem;margin-bottom:1rem}.about-info h3{margin-top:2rem;font-size:1.2rem;color:#8b5e3c}.about-info p{line-height:1.6;margin-bottom:1rem}