@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}: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}.project-info,.modal{background:#efe6cf;border:3px solid #a4885d;border-radius:22px;box-shadow:0 22px 50px -24px #281c0c8c;color:#3a2c1c}.contact .contact-row,.education-row,.about-row{background:#f7f0dd;border:1px solid rgba(120,95,55,.2);border-radius:16px;box-shadow:0 3px 10px -6px #46321947}.modal{display:none;opacity:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:760px;padding:30px 32px 34px;z-index:9999;overflow-y:auto}.overlay{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;z-index:3;display:none;background-color:#120e0859;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-exit-button,.project-exit-button{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#9a7f5729;border:none;border-radius:50%;cursor:pointer;color:#4a3418;padding:0;transition:background-color .25s ease,color .25s ease,transform .25s ease}.modal-exit-button:hover,.project-exit-button:hover{background-color:#c0603c;color:#fff}.exit-button-svg{width:18px;height:18px;fill:currentColor}.modal-exit-button svg,.project-exit-button svg{transition:transform .3s ease}.modal-exit-button:hover svg,.project-exit-button:hover svg{transform:rotate(90deg)}.modal-title{position:relative;display:inline-block;font-size:2.1rem;font-weight:800;letter-spacing:.2px;color:#4a3418;margin-bottom:26px;padding-bottom:12px;text-align:left;transition:transform .4s ease;transform-origin:left center}.modal-title:after{content:"";position:absolute;left:0;bottom:0;width:58px;height:4px;border-radius:4px;background:#c0603c}.modal-title:hover{transform:scale(1.02)}.modal-content{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.modal-content p{margin:0;text-align:left}.sm-font{font-size:1rem}.sm-margin-top{margin-top:12px}.about-row{display:flex;align-items:center;gap:24px;width:100%;position:relative;margin-bottom:18px;padding:20px 22px;overflow:visible;transition:transform .35s ease,box-shadow .35s ease}.about-row:hover{transform:translateY(-3px);box-shadow:0 12px 24px -16px #32221061}.about-row img{width:118px;height:118px;object-fit:cover;border-radius:50%;border:4px solid #a4885d;box-shadow:0 6px 16px -6px #2d1e0f80;flex-shrink:0}.about-paragraph{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;flex:1;line-height:1.7;color:#3a2c1c;text-align:justify;padding-right:6px}.about-paragraph p{margin-bottom:10px}.resume-preview{width:100%;height:75vh;margin-top:20px;margin-bottom:8px}.resume-preview img{width:100%;height:100%;object-fit:contain;border-radius:10px;border:3px solid #a4885d;box-shadow:0 3px 10px -6px #46321947}.experience.modal{width:90vw;height:auto;max-height:90vh;aspect-ratio:3/4;overflow:auto}.experience.modal .resume-preview{overflow:hidden;width:100%;height:auto}.experience.modal .resume-preview img{width:100%;height:100%;object-fit:contain;display:block}.project-title{position:relative;display:inline-block;color:#4a3418;font-size:2rem;font-weight:800;margin-bottom:22px;padding-bottom:12px;transition:transform .4s ease}.project-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:58px;height:4px;border-radius:4px;background:#c0603c}.project-title:hover{transform:scale(1.03)}.project-info{-webkit-overflow-scrolling:touch;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:760px;padding:30px 32px 34px;z-index:10000;overflow-y:auto;max-height:82vh;text-align:center}.project-info .project{display:flex;flex-direction:column;align-items:center}.project-info .project h1{font-size:2rem;margin-bottom:20px;color:#4a3418}.project-info .project img{width:100%;height:auto;transition:transform .5s ease}.project-info p{margin-top:10px;font-size:1rem;color:#3a2c1c}.project-info .tags{margin:18px 0 16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.project-info .tags span{background-color:#7c6544;color:#f4eedf;font-size:.9rem;font-weight:500;letter-spacing:.2px;padding:7px 14px;border-radius:999px;box-shadow:0 2px 6px -4px #32221080;transition:transform .3s ease,background-color .3s ease}.project-info .tags span:hover{transform:translateY(-2px) scale(1.05);background-color:#5f4c30}.project-info a{display:inline-block;margin:6px 6px 0;text-decoration:none;color:#fff;background-color:#c0603c;padding:11px 24px;border-radius:999px;font-weight:600;text-align:center;box-shadow:0 6px 16px -8px #782d14cc;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.project-info a:hover{background-color:#a44a29;transform:translateY(-2px) scale(1.04);box-shadow:0 10px 22px -8px #782d14d9}.image-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;width:100%;justify-content:safe center}.image-gallery img{height:280px;width:auto;flex:0 0 auto;scroll-snap-align:start;border-radius:16px;border:3px solid #a4885d;box-shadow:0 3px 10px -6px #46321947}.scroll-hint{text-align:center;font-size:14px;color:#7a6a4f;letter-spacing:2px;margin-top:6px;-webkit-user-select:none;user-select:none}.project-description{font-size:20px;text-align:justify;display:flex;justify-content:center;align-items:center;margin:4px 0 20px;color:#3a2c1c}.project-description p{font-size:1.12rem;line-height:1.7;color:#3a2c1c}.folder-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;overflow-x:auto;max-width:100%;padding-bottom:10px}.folder{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;cursor:pointer;width:100%;min-height:120px;height:168px;padding:14px 8px;border-radius:16px;background:transparent;border:1px solid transparent;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.folder:hover{transform:translateY(-4px);background:#fffdf699;border-color:#785f3733;box-shadow:0 3px 10px -6px #46321947}.folder-name{margin-top:12px;font-size:1rem;font-weight:700;line-height:1.3;color:#3a2c1c;flex-shrink:0}.folder-icon{width:100px;height:90px;transition:transform .3s ease}.folder-icon.open,.folder:hover .folder-icon.closed{display:none}.folder:hover .folder-icon.open{display:inline-block}.folder:hover .folder-icon{transform:scale(1.06)}@media (max-width: 1024px){.folder-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.folder-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.folder-container{grid-template-columns:1fr}}.education-row{display:flex;align-items:center;gap:28px;margin-bottom:18px;padding:20px 24px;color:#3a2c1c;transition:transform .35s ease,box-shadow .35s ease}.education-row:hover{transform:translateY(-3px);box-shadow:0 12px 24px -16px #32221061}.education-row img{width:96px;height:96px;object-fit:cover;border-radius:50%;border:4px solid #a4885d;box-shadow:0 6px 16px -6px #2d1e0f80;flex-shrink:0}.education-description{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.education-description h3{color:#4a3418;font-size:1.25rem;margin-bottom:4px}.education-degree{font-weight:600;color:#7a6a4f;margin-bottom:8px}.education-bullet{list-style:none;margin-bottom:6px;position:relative;padding-left:20px;color:#3a2c1c}.education-bullet:before{content:"";position:absolute;left:3px;top:.55em;width:7px;height:7px;border-radius:50%;background:#c0603c}.contact{max-width:400px;padding:28px 30px 30px}.contact .contact-row{width:100%;margin-bottom:12px;padding:13px 16px;gap:14px}.contact-title{margin-bottom:18px;color:#7a6a4f;font-size:1.1rem;font-weight:600;transition:transform .4s ease}.contact-title:hover{transform:scale(1.03)}.contact-row{display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.contact-row:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px #32221061}.contact-row img{width:30px;height:30px;object-fit:cover;border-radius:50%;border:2px solid #a4885d}.contact-row svg path{fill:#4a3418}.contact-row p{font-size:1.1rem;color:#3a2c1c;margin:0}.contact-row a{text-decoration:none;color:#a44a29;font-weight:700}.contact-row a:hover{color:#c0603c;text-decoration:underline}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#a4885d transparent}.custom-scrollbar::-webkit-scrollbar{width:9px;height:9px}.custom-scrollbar::-webkit-scrollbar-track{background-color:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#a4885d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#4a3418}.custom-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.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 #a4885d;background-color:#efe6cf;transform:perspective(1000px);border-radius:48px}.loading-screen .fixed{position:fixed}.loading-screen .absolute{position:absolute}.loading-screen .inset-0{inset:0}.loading-screen .z-50{z-index:50}.loading-screen .z-10{z-index:10}.loading-screen .overflow-hidden{overflow:hidden}.loading-screen .flex{display:flex}.loading-screen .flex-col{flex-direction:column}.loading-screen .items-center{align-items:center}.loading-screen .justify-center{justify-content:center}.loading-screen .gap-2{gap:.5rem}.loading-screen .pointer-events-none{pointer-events:none}.loading-screen .select-none{-webkit-user-select:none;user-select:none}.loading-screen .text-center{text-align:center}.loading-screen .inline-block{display:inline-block}.loading-screen .px-4{padding-left:1rem;padding-right:1rem}.loading-screen .bottom-12{bottom:3rem}.loading-screen .left-0{left:0}.loading-screen .right-0{right:0}.loading-screen .w-6{width:1.5rem}.loading-screen .h-6{height:1.5rem}.loading-screen .w-full{width:100%}.loading-screen .h-full{height:100%}.loading-screen .touch-none{touch-action:none}.loading-screen .text-sm{font-size:.875rem;line-height:1.25rem}.loading-screen .text-4xl{font-size:2.25rem;line-height:2.5rem}.loading-screen .tracking-wider{letter-spacing:.05em}.loading-screen .uppercase{text-transform:uppercase}.loading-screen .font-semibold{font-weight:600}.loading-screen .font-heading{font-family:EB Garamond,Georgia,serif}.loading-screen .font-body{font-family:Inter,system-ui,sans-serif}.loading-screen .text-foreground{color:#4a3418}.loading-screen .text-muted-foreground{color:#7a6a4f}@media (min-width: 768px){.loading-screen .md\:text-6xl{font-size:3.75rem;line-height:1}}.loading-screen .intro-spinner{width:1.5rem;height:1.5rem;border:3px solid rgba(122,106,79,.25);border-top-color:#7a6a4f;border-radius:50%;animation:intro-spin .8s linear infinite}@keyframes intro-spin{to{transform:rotate(1turn)}}@media (max-width: 768px){.modal{width:90vw;height:auto;max-height:90vh;padding:20px;border-radius:16px;overflow-y:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-title{font-size:1.6rem;margin-bottom:18px}.modal p{font-size:.9rem}.project-description p{font-size:.92rem}.about-row{gap:16px;padding:14px 16px;margin-bottom:12px}.about-row img{width:84px;height:84px}.about-paragraph{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;flex:1;font-size:.9rem;line-height:1.6;color:#3a2c1c;padding-right:6px}.about-paragraph p{font-size:.88rem}.education-row{gap:18px;padding:14px 16px;margin-bottom:12px;font-size:.9rem}.education-row img{width:72px;height:72px}.image-gallery img{height:200px}.project-info .tags{margin-top:8px;gap:6px;margin-bottom:8px}.project-info .tags span{font-size:.78rem;padding:5px 11px}.project-info a{font-size:.9rem;padding:9px 18px}.project-description{margin:6px 0 14px}.folder-name{font-size:.9rem}.scroll-hint{margin-top:5px!important;font-size:.7rem!important}}