@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap);:root{--bg-primary:#101010;--bg-secondary:#1d1d1d;--text-primary:#fff;--text-secondary:#a0a0a0;--border-primary:#2d2d2d;--purple:#7000ff;--purple-faded:#1f132f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#101010;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Montserrat,sans-serif;line-height:1.6}h1{font-size:24px}h1,h2{color:#fff;color:var(--text-primary);font-weight:500}h2{font-size:18px}h3{font-size:80px;font-weight:700}h3,p{color:#fff;color:var(--text-primary)}p{font-size:14px;font-weight:300}a{color:#fff;color:var(--text-primary)}a,a:hover{text-decoration:underline}a:hover{color:#7000ff;color:var(--purple)}section{padding:2rem 0}.component-container{margin:0 auto;max-width:1200px;padding:0 1rem}@media (prefers-color-scheme:dark){body{background-color:#101010;background-color:var(--bg-primary);color:#fff;color:var(--text-primary)}}.hero-container{align-items:center;display:flex;height:100vh;justify-content:center;margin-bottom:100px;overflow:hidden;overflow:visible;position:relative;width:100%}.hero-video{height:100%;max-height:1600px;max-width:1600px;object-fit:cover;transform:translate(-50%,-50%);width:100%}.hero-text-overlay,.hero-video{left:50%;position:absolute;top:50%}.hero-text-overlay{text-align:center;z-index:10}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(to bottom,var(--purple) 0,var(--text-primary) 0);background:linear-gradient(to bottom,var(--purple) 0,var(--text-primary) var(--gradient-stop,0));-webkit-background-clip:text;background-clip:text;font-size:10rem;font-weight:800;white-space:nowrap}.hero-subtitle{color:var(--text-primary);font-size:2rem;font-weight:300;letter-spacing:.2em;margin:-3.5rem 0 0;text-align:left;white-space:nowrap}@media (max-width:768px){.hero-name{font-size:3rem;white-space:nowrap}.hero-subtitle{font-size:1rem;margin-top:-.8rem;white-space:nowrap}}.resume-container{display:flex;gap:4rem;margin:0 auto;max-width:1200px;padding:3rem 0}.resume-column{gap:1rem}.profile-section,.resume-column{display:flex;flex-direction:column}.profile-section{align-items:center;gap:1.2rem;text-align:center}.profile-image{border-radius:4px;margin-bottom:3rem;margin-top:3rem;object-fit:cover;width:100%}.profile-name{margin:0}.profile-statement{line-height:1.5;margin:0;text-align:justify}.section-title{margin-bottom:1.2rem;margin-top:0}.education-item,.experience-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.achievement-header,.education-header,.experience-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.achievement-icon,.education-icon,.experience-icon{animation:fadeInScale .8s ease-out forwards;animation-delay:.3s;animation-play-state:paused;background-color:initial;border-radius:4px;flex-shrink:0;height:50px;object-fit:cover;opacity:0;transform:scale(.8);width:50px}.achievements-section.animate .achievement-icon,.education-section.animate .education-icon,.experience-section.animate .experience-icon{animation-play-state:running}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.achievement-header-content,.education-header-content,.experience-header-content{display:flex;flex:1 1;flex-direction:column;gap:0}.education-date,.job-date{margin:0 0 .4rem}.education-description,.job-description{line-height:1.5;margin:0}.languages-section{gap:.75rem;margin-bottom:2rem}.language-item,.languages-section{display:flex;flex-direction:column}.language-item{gap:.3rem}.language-name{margin:0}.language-bar{background-color:var(--border-primary);border-radius:2px;height:5px;overflow:hidden;width:100%}.language-progress{animation:fillBar 1.5s ease-out forwards;animation-delay:1.3s;animation-play-state:paused;background-color:var(--text-primary);border-radius:2px;height:100%;width:0}.languages-section.animate .language-progress{animation-play-state:running}@keyframes fillBar{0%{width:0}to{width:var(--target-width)}}.achievement-item{margin-bottom:.5rem}.achievement-item,.skills-section{display:flex;flex-direction:column}.skills-section{gap:.5rem;margin-top:2rem}.skills-grid{display:grid;grid-template-columns:repeat(7,1fr)}.skill-icon{animation:fadeInUp .6s ease-out forwards;animation-play-state:paused;background-color:initial;border-radius:7px;height:45px;object-fit:contain;opacity:0;padding:.2rem;transform:translateY(10px);transition:transform .2s ease;width:45px}.skills-section.animate .skill-icon{animation-play-state:running}.skill-icon:hover{transform:scale(1.05)}@media (max-width:768px){.resume-container{flex-direction:column;gap:1rem;padding:2rem 1rem}.resume-column{width:100%!important}.skills-grid{grid-template-columns:repeat(6,1fr)}.skill-icon{width:50px}.profile-image{height:200px;margin:0 auto 1rem;width:200px}.profile-section{text-align:center}.profile-statement{text-align:left}}.contents-section{background-color:var(--bg-primary);padding:4rem 0}.contents-container{margin:0 auto;max-width:1280px;padding:0 2rem;transform:translateX(-30px)}.contents-grid{align-items:start;display:grid;grid-template-columns:repeat(5,1fr)}.project-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;text-align:center}.project-card:hover .project-overlay{transform:scale(1) rotate(0deg);transform:scale(var(--animation-scale,1)) rotate(var(--animation-rotate,0deg))}.contents-grid:hover .project-card:not(:hover) .project-number{opacity:.15;transition:opacity .2s ease}.contents-grid:hover .project-card:not(:hover) .project-info h2,.contents-grid:hover .project-card:not(:hover) .project-info p{opacity:.5;transition:opacity .2s ease}.project-card:hover .project-info h2,.project-card:hover .project-info p,.project-card:hover .project-number{opacity:1;transition:opacity .2s ease}.project-card[data-project-name=Placeholder]{opacity:.5;transition:opacity .2s ease}.project-card[data-project-name=Placeholder]:hover{opacity:1}.project-card[data-project-name=Placeholder]:hover .project-number{opacity:0}.project-card[data-project-name=Placeholder] .project-number,.project-number{font-size:clamp(4rem,3vw,4rem);left:80px;mix-blend-mode:plus-lighter;opacity:.25;position:absolute;z-index:2}.project-image-container{border-radius:8px;height:450px;margin-bottom:1rem;overflow:visible;position:relative;width:100%}.project-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project-background img{height:100%;object-fit:contain;width:100%}.project-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform-origin:bottom right;transition:transform .3s ease;width:100%;z-index:3}.project-overlay img{height:100%;object-fit:contain;width:100%}.project-info{margin-top:.25rem;padding-left:70px;text-align:left;width:100%}.project-info h2{margin-bottom:.25rem;text-transform:capitalize}.project-info p{line-height:1.3;max-width:200px}@media (max-width:1200px){.contents-grid{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:row;gap:.25rem;overflow-x:auto;scrollbar-width:none}.contents-grid::-webkit-scrollbar{display:none}.project-card{flex-shrink:0;max-width:18vw;min-width:18vw}.contents-container{padding:0 1rem}.project-image-container{height:35vh}}@media (max-width:768px){.contents-grid{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:row;gap:.15rem;overflow-x:auto;scrollbar-width:none}.contents-grid::-webkit-scrollbar{display:none}.project-card{flex-shrink:0;max-width:25vw;min-width:25vw}.contents-container{padding:0 .5rem}.project-number{font-size:clamp(1.5rem,4vw,2rem);left:clamp(30px,8vw,60px)}.project-image-container{height:30vh}.project-info{padding-left:clamp(25px,6vw,50px)}}@media (max-width:480px){.contents-grid{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:row;gap:.1rem;overflow-x:auto;scrollbar-width:none}.contents-grid::-webkit-scrollbar{display:none}.project-card{flex-shrink:0;max-width:35vw;min-width:35vw}.contents-container{padding:0 .25rem}.project-number{font-size:clamp(1rem,3vw,1.5rem);left:clamp(20px,5vw,40px)}.project-image-container{height:25vh}.project-info{padding-left:clamp(15px,4vw,30px)}.project-info h2{font-size:clamp(.8rem,2.5vw,.9rem)}.project-info p{font-size:clamp(.6rem,2vw,.7rem);max-width:clamp(80px,25vw,120px)}}@media (max-width:600px){.contents-container{padding:0 1.5rem;transform:none}.mobile-contents{display:flex;flex-direction:column;gap:1rem}.mobile-project-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:.5rem;transition:all .3s ease}.mobile-project-item:hover{transform:translateY(-2px)}.mobile-project-icon{align-items:center;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.mobile-project-icon img{filter:brightness(.9);height:60px;transition:all .3s ease;width:60px}.mobile-project-item:hover .mobile-project-icon img{filter:brightness(1);transform:scale(1.1)}.mobile-icon-fallback{align-items:center;background-color:var(--bg-secondary);border-radius:8px;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.mobile-project-info{flex:1 1}.mobile-project-info h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 .5rem;opacity:.9;transition:opacity .3s ease}.mobile-project-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0;transition:opacity .3s ease}.mobile-project-item:hover .mobile-project-info h3,.mobile-project-item:hover .mobile-project-info p{opacity:1}}.portfolio-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:1200px;opacity:0;transform:translateY(30px);width:100%}.portfolio-image.visible{animation:fadeInUp .8s ease-out forwards}.portfolio-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:1200px;width:100%}.project-section h3{opacity:.15}.project-section{margin-bottom:2rem}.project-images{display:flex;flex-direction:column;gap:.5rem}@media (max-width:768px){.portfolio-image img{border-radius:3}.project-images{gap:.2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--close-icon-size:1.5rem;--close-button-top-offset:-3rem;--close-button-right-offset:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{display:flex;flex-direction:column;height:80vh;max-width:1000px;padding:0;position:relative;width:80vw}.modal-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;gap:.5rem;justify-content:center;padding:.5rem;position:absolute;right:0;top:-3rem;transition:color .2s;z-index:10}.modal-close-icon{height:1.25rem;width:1.25rem}.modal-close:hover{color:var(--text-secondary)}.modal-main-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.modal-media{align-items:center;border-radius:12px;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.modal-media img,.modal-media video{border-radius:12px;height:100%;object-fit:cover;width:100%}.modal-media iframe{border:none;border-radius:12px;height:100%;width:100%}.modal-footer{flex-shrink:0;padding:1.5rem 2rem}.modal-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1rem}.modal-text-container{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.modal-icon{flex-shrink:0;height:60px;width:60px}.modal-title{color:var(--text-primary);margin-bottom:-.5rem}.modal-description{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}.text-modal-content{margin-top:150px}.modal-button{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;border:none;border-radius:50%;box-shadow:0 2px 10px 0 #00000040;cursor:pointer;display:flex;height:80px;justify-content:center;opacity:0;position:absolute;transition:all .3s ease;width:80px;z-index:5}.modal-button-icon{box-shadow:none!important;height:45px;max-height:45px;max-width:45px;object-fit:contain;width:45px}.portfolio-image:hover .modal-button{opacity:1}.portfolio-image:hover .modal-button:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;opacity:1}.modal-button.top_left{left:100px;top:100px;transform:none}.modal-button.top_mid{left:50%;top:100px;transform:translateX(-50%)}.modal-button.top_right{right:100px;top:100px;transform:none}.modal-button.mid_left{left:100px;top:50%;transform:translateY(-50%)}.modal-button.mid_mid{left:50%;top:50%;transform:translate(-50%,-50%)}.modal-button.mid_right{right:100px;top:50%;transform:translateY(-50%)}.modal-button.bottom_left{bottom:100px;left:100px;transform:none}.modal-button.bottom_mid{bottom:100px;left:50%;transform:translateX(-50%)}.modal-button.bottom_right{bottom:100px;right:100px;transform:none}.modal-button.bottom_left:hover,.modal-button.bottom_right:hover,.modal-button.top_left:hover,.modal-button.top_right:hover,.modal-button:hover{transform:scale(1.05)}.modal-button.bottom_mid:hover,.modal-button.top_mid:hover{transform:translateX(-50%) scale(1.05)}.modal-button.mid_left:hover,.modal-button.mid_right:hover{transform:translateY(-50%) scale(1.05)}.modal-button.mid_mid:hover{transform:translate(-50%,-50%) scale(1.05)}@media (max-width:768px){.modal-content{height:90vh;max-height:none;max-width:none;width:95vw}.modal-footer{padding:1rem 1.5rem}.modal-title{font-size:1.1rem}.modal-description{font-size:.85rem}.modal-media{min-height:250px}.modal-button{display:none}}.pdf-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pdf-modal-content{display:flex;flex-direction:column;height:100vh;max-width:1400px;overflow:hidden;padding:0;position:relative;width:95vw}.pdf-modal-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;gap:.5rem;justify-content:center;padding:.5rem;position:absolute;right:0;top:-3rem;transition:color .2s;z-index:10}.pdf-modal-close-icon{height:1.25rem;width:1.25rem}.pdf-modal-close:hover{color:var(--text-secondary)}.pdf-modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;padding:4rem 0}.pdf-modal-icon{flex-shrink:0;height:60px;width:60px}.pdf-modal-text-container{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.pdf-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:-.5rem}.pdf-modal-description{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}.pdf-modal-main-content{display:flex;flex:1 1;min-height:0}.pdf-modal-nav-column{display:flex;flex-direction:column;padding:1rem 0;width:130px}.pdf-modal-page-info{color:var(--text-primary);font-size:1rem;font-weight:500;margin-bottom:1.5rem;text-align:left}.pdf-modal-nav-buttons{display:flex;flex-direction:column;gap:.75rem}.pdf-modal-nav-button{align-items:left;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:left;transition:all .2s}.pdf-modal-nav-button:hover{padding:0 .2rem}.pdf-modal-nav-button:disabled{cursor:not-allowed;opacity:.5}.pdf-modal-nav-button:disabled:hover{border-color:var(--border-color)}.pdf-modal-display-column{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pdf-modal-display-container{-ms-overflow-style:none;align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:0 1rem 0 2.5rem;position:relative;scrollbar-width:none}.pdf-modal-pages-stack{display:flex;flex-direction:column;gap:1rem;padding:1rem 0 80px;width:100%}.pdf-modal-page-display{border-radius:8px;box-shadow:0 4px 20px #00000040;display:block;height:auto;object-fit:contain;width:100%}.pdf-modal-scrollbar-column{display:flex;flex-direction:column;padding-right:2.5rem;position:relative;width:9px}.pdf-modal-preview-column{display:flex;flex-direction:column;overflow:hidden;padding:1rem 0;position:relative;width:120px}.pdf-modal-preview-scroll{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:.1rem;overflow-y:auto;scrollbar-width:none}.pdf-modal-preview-item{border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;overflow:hidden;transition:opacity .2s}.pdf-modal-preview-item:hover{border-color:var(--text-secondary)}.pdf-modal-preview-item.active{border-color:var(--text-primary);opacity:1}.pdf-modal-preview-item.inactive{opacity:.3}.pdf-modal-preview-item.loading{opacity:0}.pdf-modal-preview-image{display:block;height:auto;object-fit:contain;width:100%}.pdf-modal-preview-scrollbar-column{display:flex;flex-direction:column;padding-left:.5rem;padding-right:1rem;position:relative;width:9px}.pdf-modal-preview-custom-scrollbar{background:#ffffff1a;border-radius:6px;height:calc(100% - 6rem);pointer-events:auto;position:absolute;top:1rem;width:9px;z-index:10}.pdf-modal-preview-scrollbar-track{background:#ffffff1a;border-radius:6px;cursor:pointer;height:100%;position:relative;width:100%}.pdf-modal-preview-scrollbar-thumb{background:#fff;border-radius:4px;cursor:pointer;min-height:20px;position:absolute;width:9px}.pdf-modal-preview-scrollbar-thumb:hover{background:#fffc}.pdf-modal-loading{color:var(--text-secondary)}.pdf-modal-error,.pdf-modal-loading{align-items:center;display:flex;font-size:1.1rem;height:200px;justify-content:center}.pdf-modal-error{color:#ff6b6b;color:var(--error-color,#ff6b6b);padding:1rem;text-align:center}.pdf-modal-custom-scrollbar{background:#ffffff1a;border-radius:6px;height:calc(100% - 6rem);pointer-events:auto;position:absolute;top:1rem;width:9px;z-index:10}.pdf-modal-scrollbar-track{background:#ffffff1a;border-radius:6px;cursor:pointer;height:100%;position:relative;width:100%}.pdf-modal-scrollbar-thumb{background:#fff;border-radius:4px;cursor:pointer;min-height:20px;position:absolute;width:9px}.pdf-modal-scrollbar-thumb:hover{background:#fffc}@media (max-width:1024px){.pdf-modal-content{height:100vh;width:98vw}.pdf-modal-nav-column{padding:1rem;width:150px}.pdf-modal-preview-column{padding:1rem;width:180px}.pdf-modal-preview-scrollbar-column{padding-left:.75rem;width:12px}}@media (max-width:768px){.pdf-modal-content{height:100vh;width:98vw}.pdf-modal-header{padding:2rem .5rem 1rem}.pdf-modal-icon{display:none}.pdf-modal-main-content{flex-direction:column}.pdf-modal-nav-column{align-items:center;border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;height:auto;justify-content:space-between;padding:.75rem;width:100%}.pdf-modal-page-info{font-size:.8rem;margin-bottom:0}.pdf-modal-nav-buttons{flex-direction:row;gap:.25rem}.pdf-modal-nav-button{font-size:.8rem;padding:.25rem .5rem}.pdf-modal-nav-button:hover{padding:.25rem .5rem}.pdf-modal-display-column{flex:1 1;padding:0}.pdf-modal-display-container{padding:.5rem}.pdf-modal-pages-stack{padding:.5rem 0 40px}.pdf-modal-preview-column,.pdf-modal-preview-scrollbar-column,.pdf-modal-scrollbar-column{display:none}}.branding-section{padding:2rem 0}.branding-container{margin:0 auto;max-width:1200px;padding:0 2rem}.branding-title{color:var(--text-primary);font-weight:500;margin-bottom:2rem;text-align:left}.branding-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.branding-card{cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.branding-grid:hover .branding-card:not(:hover) .branding-card-content{opacity:.5}.branding-card-image-container{background-color:#f5f5f5;border-radius:10px;height:220px;overflow:hidden;position:relative;width:100%}.branding-card-image{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.branding-card:hover .branding-card-image{filter:blur(3px);transform:scale(1.02)}.branding-card-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.branding-card:hover .branding-card-overlay{opacity:1}.branding-pdf-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);height:60px;width:80px}.branding-card-content{padding:1rem .25rem}.branding-card-description{line-height:1.25}@media (max-width:768px){.branding-container{padding:0 1rem}.branding-title{font-size:2rem;margin-bottom:2rem}.branding-grid{gap:1.5rem;grid-template-columns:1fr}.branding-card-image-container{height:200px}}.footer{margin-top:4rem;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-content{grid-gap:2rem;border-top:1px solid var(--border-primary);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding-top:2rem}.footer-section h3{color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-block;font-size:14px;font-weight:300;padding:0;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:var(--text-primary);transform:translateX(4px)}.footer-link-with-icon{align-items:center;display:flex;gap:.5rem}.footer-project-icon{filter:brightness(0) saturate(100%) invert(62%) sepia(0) saturate(0) hue-rotate(93deg) brightness(95%) contrast(89%);height:16px;transition:filter .3s ease;width:16px}.footer-link-with-icon:hover .footer-project-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}.footer-pdf-icon{filter:brightness(0) saturate(100%) invert(62%) sepia(0) saturate(0) hue-rotate(93deg) brightness(95%) contrast(89%);height:16px;transition:filter .3s ease;width:16px}.footer-link-with-icon:hover .footer-pdf-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}.footer-note{color:var(--text-secondary);font-size:14px;font-style:italic;font-weight:300;opacity:.7}.footer-bottom{align-items:center;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1.5rem}.footer-copyright p,.footer-credits p{color:var(--text-secondary);font-size:12px;font-weight:300;margin:0}.footer-logo{align-items:center;display:flex}.footer-logo-img{filter:brightness(0) saturate(100%) invert(62%) sepia(0) saturate(0) hue-rotate(93deg) brightness(95%) contrast(89%);height:24px;transition:filter .3s ease;width:24px}.footer-logo:hover .footer-logo-img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.footer-section h3{font-size:14px;margin-bottom:.75rem}.footer-link{font-size:13px}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.footer-copyright p{font-size:11px}.footer-logo-img{height:26px;width:26px}}@media (max-width:480px){.footer-content{gap:1rem;grid-template-columns:1fr}.footer-section{text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer-links li{margin-bottom:0}.footer-link-with-icon{flex-direction:column;gap:0}.footer-link-with-icon span{display:none}.footer-link-with-icon svg{height:24px;width:24px}.footer-project-icon{height:56px;width:56px}.footer-bottom{flex-direction:column;gap:1rem}.footer-logo-img{height:56px;width:56px}.footer-pdf-icon{height:24px;width:24px}}.dynamic-nav{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#1010109c;border-radius:12px;left:calc(50% + 600px + 2rem);max-height:80vh;overflow:hidden;padding:1.5rem;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.nav-content{display:flex;flex-direction:column;gap:0}.project-nav-item{grid-gap:0 .75rem;align-items:start;display:grid;gap:0 .75rem;grid-template-columns:14px 1fr;position:relative;width:100%}.project-icon{align-items:center;cursor:pointer;display:flex;grid-column:1/-1;height:80px;justify-content:center;justify-self:start;margin-bottom:-10px;margin-left:-32px;margin-top:-8px;opacity:.3;position:relative;transform:scale(.8);transition:all .3s ease;width:80px}.project-icon:hover{opacity:.6}.project-icon.active{opacity:1;transform:scale(1)}.project-icon img{filter:brightness(0) invert(1);height:64px;object-fit:contain;transition:all .3s ease;width:64px}.icon-fallback{align-items:center;border-radius:6px;color:var(--text-primary);display:flex;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.pages-list{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;grid-column:1/-1;margin-left:0;overflow:visible;padding-left:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.pages-list.collapsed{max-height:0;opacity:0;pointer-events:none;transform:translateY(-10px)}.pages-list.expanded{max-height:500px;opacity:1;pointer-events:all;transform:translateY(0)}.pages-list.expanded:not(.has-expanded) .page-item{animation:slideIn .3s ease forwards}.pages-list.expanded:not(.has-expanded) .page-item:first-child{animation-delay:.1s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(2){animation-delay:.15s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(3){animation-delay:.2s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(4){animation-delay:.25s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(5){animation-delay:.3s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(6){animation-delay:.35s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(7){animation-delay:.4s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(8){animation-delay:.45s}.pages-list.expanded:not(.has-expanded) .page-item:nth-child(9){animation-delay:.5s}.page-item{grid-gap:1rem;align-items:center;color:var(--text-primary);cursor:pointer;display:grid;font-size:14px;gap:1rem;grid-template-columns:14px 1fr;opacity:0;transform:translateX(-10px);transition:all .3s ease;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:.3;transform:translateX(0)}}.page-item:hover{opacity:.6;transform:translateX(0)}.page-item.active,.page-item.passed{opacity:1!important;transform:translateX(0)}.page-dot{background-color:currentColor;border-radius:50%;grid-column:1;height:9px;justify-self:center;transition:all .3s ease;width:9px}.page-item.active .page-dot{background-color:var(--text-primary);transform:scale(1.3)}.page-item.passed .page-dot{background-color:var(--text-primary);transform:scale(.7)}.page-item:hover .page-dot{background-color:var(--text-primary);transform:scale(1.3)}.page-name{font-family:Montserrat,sans-serif;grid-column:2;text-transform:capitalize;transition:all .3s ease}.page-item.active .page-name,.page-item.passed .page-name,.page-name{font-weight:400}@media (max-width:1400px){.dynamic-nav{display:none}}@media (max-width:1240px){.dynamic-nav{left:auto;right:2rem}}@media (max-height:800px){.dynamic-nav{max-height:70vh;padding:1rem .75rem}.nav-content{gap:1.5rem}.project-nav-item{grid-template-columns:12px 1fr}.project-icon{height:70px;margin-left:-29px;width:70px}.icon-fallback,.project-icon img{height:56px;width:56px}.page-item{grid-template-columns:12px 1fr}.pages-list{padding-left:0}.page-item{font-size:13px;gap:.6rem}.page-dot{height:9px;width:9px}}.loading-screen{align-items:center;background-color:#0f0f0f;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100vw;z-index:9999}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-container{height:300px;position:relative;width:300px}@media (max-width:768px){.loading-container,.loading-container svg{height:200px;width:200px}}@media (max-width:480px){.loading-container,.loading-container svg{height:150px;width:150px}}#logo-background{fill:#0000}.logo-bg-path{fill:#ffffff05}.logo-stroke{fill:none;stroke:#999;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#logo-stroke-1{stroke-dasharray:800;stroke-dashoffset:800;animation:trace1 4s ease infinite}#logo-stroke-2{animation:trace2 4s ease infinite}#logo-stroke-2,#logo-stroke-3{stroke-dasharray:300;stroke-dashoffset:300}#logo-stroke-3{animation:trace3 4s ease infinite}#logo-stroke-4{stroke-dasharray:800;stroke-dashoffset:800;animation:trace4 4s ease infinite}@keyframes trace2{0%{stroke-dashoffset:300}15%{stroke-dashoffset:0}45%{stroke-dashoffset:0}55%{stroke-dashoffset:300}}@keyframes trace4{7%{stroke-dashoffset:800}35%{stroke-dashoffset:0}55%{stroke-dashoffset:0}65%{stroke-dashoffset:800}}@keyframes trace3{20%{stroke-dashoffset:300}40%{stroke-dashoffset:0}65%{stroke-dashoffset:0}75%{stroke-dashoffset:300}}@keyframes trace1{30%{stroke-dashoffset:800}50%{stroke-dashoffset:0}70%{stroke-dashoffset:0}85%{stroke-dashoffset:800}}
/*# sourceMappingURL=main.1cb7d46d.css.map*/