@font-face{font-family:Infynyte Dysplay;src:url(/fonts/Infynyte-Dysplay.woff2) format("woff2"),url(/fonts/Infynyte-Dysplay.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Infynyte Dysplay Sharp;src:url(/fonts/Infynyte-DysplaySharp.woff2) format("woff2"),url(/fonts/Infynyte-DysplaySharp.woff) format("woff");font-weight:600;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;font-family:Infynyte Dysplay,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}: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}#experience{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}#experience #experience-canvas{width:100%;height:100%}.modal{position:absolute;top:50%;left:50%;max-width:700px;width:90%;transform:translate(-50%,-50%);font-size:18px;z-index:9999;display:none;background:linear-gradient(135deg,#404042,#2a2a2c);border:2px solid #622D37;border-radius:16px;padding:40px;box-shadow:0 20px 60px #000c,0 0 0 1px #622d374d,inset 0 1px #f5f5f51a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f5f5;overflow-y:auto;max-height:80vh;scrollbar-width:thin;scrollbar-color:#622D37 rgba(9,9,9,.3)}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#0909094d;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:#622d37;border-radius:10px;border:2px solid rgba(42,42,44,.5)}.modal::-webkit-scrollbar-thumb:hover{background:#853d4b}.modal.work h2,.modal.about h2{font-size:32px;margin-bottom:20px;color:#f5f5f5;text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:300;position:relative}.modal.work h2:after,.modal.about h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#622D37,transparent)}.modal.work h3,.modal.about h3{font-size:24px;margin:30px 0 15px;color:#f5f5f5;font-weight:400;position:relative;padding-left:20px}.modal.work h3:before,.modal.about h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#622d37;border-radius:50%}.modal.work p,.modal.about p{line-height:1.6;margin-bottom:20px;color:#f5f5f5e6;font-weight:300}.modal.work ul,.modal.about ul{list-style:none;padding:0;margin:20px 0}.modal.work ul li,.modal.about ul li{margin-bottom:15px;padding:12px 15px;background:#0909094d;border-left:3px solid #622D37;border-radius:0 8px 8px 0;transition:all .3s ease}.modal.work ul li:hover,.modal.about ul li:hover{background:#09090980;transform:translate(5px)}.modal.work ul li strong,.modal.about ul li strong{color:#f5f5f5;font-weight:500;display:block;margin-bottom:5px}.modal.work .modal-exit-button,.modal.about .modal-exit-button{margin-top:30px;padding:12px 30px;background:linear-gradient(135deg,#622d37,#803c5f);color:#f5f5f5;border:1px solid rgba(245,245,245,.2);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:block;margin-left:auto;margin-right:auto}.modal.work .modal-exit-button:hover,.modal.about .modal-exit-button:hover{background:linear-gradient(135deg,#803c5f,#622d37);transform:translateY(-2px);box-shadow:0 10px 30px #622d3766}.modal.work .modal-exit-button:active,.modal.about .modal-exit-button:active{transform:translateY(0)}.modal.contact h2{font-size:32px;margin-bottom:20px;color:#f5f5f5;text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:300;position:relative}.modal.contact h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#622D37,transparent)}.modal.contact h3{font-size:24px;margin:30px 0 20px;color:#f5f5f5;font-weight:400;position:relative;padding-left:20px}.modal.contact h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#622d37;border-radius:50%}.modal.contact p{line-height:1.6;margin-bottom:20px;color:#f5f5f5e6;font-weight:300}.modal.contact .contact-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.modal.contact .contact-icons .contact-icon{display:flex;flex-direction:column;align-items:center;padding:20px 10px;background:#0909094d;border:1px solid rgba(98,45,55,.3);border-radius:12px;transition:all .3s ease;cursor:pointer}.modal.contact .contact-icons .contact-icon:hover{background:#622d3733;transform:translateY(-5px);box-shadow:0 10px 30px #622d374d;border-color:#622d37}.modal.contact .contact-icons .contact-icon .icon-placeholder{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px;transition:all .3s ease}.modal.contact .contact-icons .contact-icon .icon-placeholder.empty-icon{background:linear-gradient(135deg,#622d374d,#622d3780);color:#f5f5f580;border:2px dashed rgba(98,45,55,.5)}.modal.contact .contact-icons .contact-icon span{color:#f5f5f5;font-size:14px;font-weight:400;text-align:center}.modal.contact .modal-exit-button{margin-top:30px;padding:12px 30px;background:linear-gradient(135deg,#622d37,#803c5f);color:#f5f5f5;border:1px solid rgba(245,245,245,.2);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:block;margin-left:auto;margin-right:auto}.modal.contact .modal-exit-button:hover{background:linear-gradient(135deg,#803c5f,#622d37);transform:translateY(-2px);box-shadow:0 10px 30px #622d3766}.modal.contact .modal-exit-button:active{transform:translateY(0)}.contact-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.contact-icon,.contact-item,a[class*=button],.email-button{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1rem!important;padding:1.2rem!important;text-decoration:none!important;background:#0909094d!important;border:1px solid rgba(98,45,55,.3)!important;border-radius:12px!important;color:inherit!important;font-family:inherit!important;transition:all .3s!important;pointer-events:all!important;cursor:pointer!important}.contact-icon:hover,.contact-item:hover,a[class*=button]:hover,.email-button:hover{background:#622d3733!important;transform:translateY(-3px)!important}.contact-icon span,.contact-item span,a[class*=button] span,.email-button span{font-size:1rem!important;font-weight:400!important}.contact-icon-img{width:2.8rem!important;height:2.8rem!important;border-radius:8px!important;flex-shrink:0!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#803c5f;display:flex!important;justify-content:center;align-items:center;z-index:999999;opacity:1!important;transform:perspective(1000px)}.loading-screen-button{font-size:42px;padding:10px 40px;border:none;border-radius:1.2rem;background-color:transparent;color:#fff;cursor:pointer}.loading-screen-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-family:inherit;font-size:clamp(.85rem,2vw,1rem);color:#e6deded9;text-align:center;max-width:90%;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.3)}#hero-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;padding:12px 25px;background:#09090999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(98,45,55,.3);border-radius:50px;z-index:1000;box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;pointer-events:none}#hero-nav.visible{opacity:1;pointer-events:all;top:30px}#hero-nav .nav-item{display:flex;align-items:center;gap:8px;padding:8px 15px;cursor:pointer;border-radius:25px;transition:all .3s ease;border:1px solid transparent}#hero-nav .nav-item:hover{background:#622d3733;border-color:#622d3780;transform:translateY(-2px);box-shadow:0 5px 15px #622d3733}#hero-nav .nav-item .nav-icon{font-size:1.2rem}#hero-nav .nav-item .nav-icon-img{width:1.2rem;height:1.2rem;-o-object-fit:contain;object-fit:contain}#hero-nav .nav-item .nav-label{color:#f5f5f5;font-size:.9rem;font-weight:400;white-space:nowrap;letter-spacing:.5px}@media(max-width:768px){#hero-nav{width:90%;overflow-x:auto;justify-content:flex-start;padding:10px;border-radius:15px}#hero-nav::-webkit-scrollbar{display:none}#hero-nav .nav-label{display:none}#hero-nav .nav-item{padding:10px}}