:root{--color-primary: #523B35;--color-primary-light: #725850;--color-primary-dark: #3A2722;--color-brown: #523B35;--color-bg-light: #FAF8F6;--color-bg-dark: #121212;--color-text-light: #1E1E1E;--color-text-dark: #FFFFFF;--color-muted-light: #666666;--color-muted-dark: #B0B0B0;--color-border-light: #E5DED8;--color-border-dark: #2A2A2A;--color-card-light: #FFFFFF;--color-card-dark: #1C1C1C;--font-sans: "Inter", sans-serif;--font-serif: "Outfit", ui-serif, Georgia, serif;--bg-color: var(--color-bg-light);--text-color: var(--color-text-light);--muted-color: var(--color-muted-light);--border-color: var(--color-border-light);--card-bg: var(--color-card-light);--accent-color: var(--color-brown);--selection-bg: var(--color-brown);--selection-text: #FFFFFF;--spotlight-color: rgba(114, 88, 80, .16)}.dark{--bg-color: var(--color-bg-dark);--text-color: var(--color-text-dark);--muted-color: var(--color-muted-dark);--border-color: var(--color-border-dark);--card-bg: var(--color-card-dark);--accent-color: #FFFFFF;--selection-bg: var(--color-brown);--selection-text: #FFFFFF;--spotlight-color: rgba(114, 88, 80, .24)}html{scroll-behavior:smooth;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);transition:color .3s ease,background-color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--selection-bg);color:var(--selection-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.portfolio-container{margin-left:auto;margin-right:auto;min-height:100vh;max-width:1280px;padding:3rem 1.5rem}@media (min-width: 768px){.portfolio-container{padding:5rem 3rem}}@media (min-width: 1024px){.portfolio-container{padding-left:6rem;padding-right:6rem;padding-top:0;padding-bottom:0}}.main-layout{display:block}@media (min-width: 1024px){.main-layout{display:flex;justify-content:space-between;gap:1.5rem}}.sidebar-header{display:block}@media (min-width: 1024px){.sidebar-header{position:sticky;top:0;display:flex;max-height:100vh;width:48%;flex-direction:column;justify-content:space-between;padding-top:6rem;padding-bottom:6rem}}.main-content{padding-top:6rem}@media (min-width: 1024px){.main-content{width:52%;padding-top:6rem;padding-bottom:6rem}}.footer{margin-top:5rem;padding-bottom:4rem;font-size:.8125rem;color:var(--muted-color);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.footer-thanks{font-weight:500;color:var(--text-color);margin-bottom:.25rem}.footer-info-item{display:inline-flex;align-items:center;gap:.375rem;color:var(--muted-color);font-size:.75rem}.footer-icon{width:.875rem;height:.875rem;color:var(--muted-color)}.footer-link{text-decoration:none;transition:color .2s ease}.footer-link:hover,.footer-link:hover .footer-icon{color:var(--color-brown)}.section-container{margin-bottom:4rem;scroll-margin-top:4rem}@media (min-width: 768px){.section-container{margin-bottom:6rem}}@media (min-width: 1024px){.section-container{margin-bottom:9rem;scroll-margin-top:6rem}}.mobile-section-header{position:sticky;top:0;z-index:20;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:1rem;width:100vw;background-color:#faf8f6e6;padding:1.25rem 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .mobile-section-header{background-color:#121212e6}@media (min-width: 768px){.mobile-section-header{margin-left:-3rem;margin-right:-3rem;padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.mobile-section-header{display:none}}.mobile-section-header-title{margin:0;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-brown)}.dark .mobile-section-header-title{color:#fff}.header-name{margin:0;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;font-family:var(--font-serif);color:var(--color-brown)}.dark .header-name{color:#fff}.header-name a{color:inherit;text-decoration:none}@media (min-width: 640px){.header-name{font-size:3rem}}.header-title{margin-top:.75rem;font-size:1.125rem;font-weight:500;letter-spacing:-.025em;color:var(--color-text-light)}.dark .header-title{color:#e5ded8}.header-title-dot{color:var(--color-brown)}@media (min-width: 640px){.header-title{font-size:1.25rem}}.header-tagline{margin-top:1rem;max-width:20rem;line-height:1.5;color:var(--color-muted-light)}.dark .header-tagline{color:var(--color-muted-dark)}.cta-buttons-container{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}@media (min-width: 1024px){.cta-buttons-container{display:none}}.btn{display:inline-block;padding:.625rem 1.5rem;border-radius:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s ease,background-color .2s ease,border-color .2s ease;cursor:pointer;text-align:center}.btn-primary{color:#fff;background-color:var(--color-brown);border:1px solid var(--color-brown)}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--color-brown);border:1px solid var(--color-brown);background-color:transparent}.dark .btn-secondary{color:#fff;border-color:#fff}.btn-secondary:hover{background-color:#523b350d}.dark .btn-secondary:hover{background-color:#ffffff0d}.social-links{display:flex;align-items:center;gap:1.25rem;list-style:none;padding:0;margin:0}.social-link{color:var(--color-muted-light);transition:color .2s ease;display:flex;align-items:center}.dark .social-link{color:var(--color-muted-dark)}.social-link:hover{color:var(--color-brown)}.dark .social-link:hover{color:#fff}.social-link svg{width:1.5rem;height:1.5rem}.header-footer-row{margin-top:3rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 1024px){.header-footer-row{margin-top:2rem}}.header-controls{display:flex;align-items:center;gap:1rem}.vertical-separator{width:1px;height:1rem;background-color:var(--color-border-light)}.dark .vertical-separator{background-color:var(--color-border-dark)}.nav-menu{display:none;margin-top:4rem}@media (min-width: 1024px){.nav-menu{display:block}}.nav-list{width:max-content;list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;padding-top:.75rem;padding-bottom:.75rem;text-decoration:none}.nav-link-indicator{margin-right:1rem;height:1px;background-color:var(--color-border-light);transition:width .3s ease-in-out,background-color .3s ease-in-out}.dark .nav-link-indicator{background-color:var(--color-border-dark)}@media (prefers-reduced-motion: reduce){.nav-link-indicator{transition:none}}.nav-link.active .nav-link-indicator{width:4rem;background-color:var(--color-brown)}.dark .nav-link.active .nav-link-indicator{background-color:#fff}.nav-link:not(.active) .nav-link-indicator{width:2rem}.nav-link:hover .nav-link-indicator{width:4rem;background-color:var(--color-brown)}.dark .nav-link:hover .nav-link-indicator{background-color:var(--color-muted-dark)}.nav-link-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-light);transition:color .2s ease}.dark .nav-link-text{color:var(--color-muted-dark)}.nav-link.active .nav-link-text{color:var(--color-brown)}.dark .nav-link.active .nav-link-text{color:#fff}.nav-link:hover .nav-link-text{color:var(--color-brown)}.dark .nav-link:hover .nav-link-text{color:var(--color-muted-dark)}.about-paragraphs{display:flex;flex-direction:column;gap:1rem}.about-paragraph{margin:0;line-height:1.625;color:var(--color-muted-light)}.dark .about-paragraph{color:var(--color-muted-dark)}.tech-list{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.tech-pill{display:flex;align-items:center;border-radius:9999px;background-color:#523b350d;border:1px solid rgba(82,59,53,.1);padding:.375rem 1rem;font-size:.75rem;font-weight:500;color:var(--color-brown);transition:border-color .2s ease}.dark .tech-pill{background-color:var(--color-card-dark);border-color:var(--color-border-dark);color:#e5ded8}.tech-pill:hover{border-color:#523b354d}.group-list:hover .card-grid{opacity:.5}.group-list .card-grid:hover{opacity:1!important}.card-grid{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;padding-bottom:.25rem;transition:opacity .2s ease;margin-bottom:3rem}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2rem;margin-bottom:2rem}}.card-hover-bg{position:absolute;top:-1rem;bottom:-1rem;left:-1rem;right:-1rem;z-index:0;display:none;border-radius:.375rem;transition:background-color .2s ease,box-shadow .2s ease}@media (min-width: 1024px){.card-hover-bg{display:block;left:-1.5rem;right:-1.5rem}.card-grid:hover .card-hover-bg{background-color:#fff;box-shadow:inset 0 1px #94a3b81a}.dark .card-grid:hover .card-hover-bg{background-color:var(--color-card-dark);box-shadow:none}}.card-content{z-index:10}@media (min-width: 640px){.card-content{grid-column:span 6 / span 6}}.card-title{font-size:1rem;font-weight:500;line-height:1.25;color:var(--text-color);margin:0}.card-company{color:var(--color-brown);font-size:.875rem;margin-top:.25rem}.dark .card-company{color:#fff}.card-desc{margin-top:.5rem;font-size:.875rem;line-height:1.5;color:var(--muted-color);margin-bottom:0}.experience-card-date{z-index:10;margin-top:.25rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-light)}.dark .experience-card-date{color:var(--color-muted-dark)}@media (min-width: 640px){.experience-card-date{grid-column:span 2 / span 2;margin-bottom:0}}.project-img-col{z-index:10;margin-bottom:.5rem}@media (min-width: 640px){.project-img-col{grid-column:span 2 / span 2;margin-bottom:0}}.project-icon-box{aspect-ratio:16 / 9;width:100%;border-radius:.25rem;border:1px solid var(--border-color);background-color:#faf8f6;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.dark .project-icon-box{background-color:#121212}.card-grid:hover .project-icon-box{border-color:#523b354d}@media (min-width: 640px){.project-icon-box{aspect-ratio:1 / 1;height:100%}}.project-icon-box svg{width:2rem;height:2rem;color:var(--border-color);transition:color .2s ease}.card-grid:hover .project-icon-box svg{color:var(--color-brown)}.project-title-link{display:inline-flex;align-items:center;font-size:1rem;color:var(--color-text-light);transition:color .2s ease;text-decoration:none}.dark .project-title-link{color:#fff}.project-title-link:hover,.dark .project-title-link:hover{color:var(--color-brown)}.link-overlay{position:absolute;top:-.625rem;bottom:-.625rem;left:-1rem;right:-1rem;z-index:0;display:none;border-radius:.25rem}@media (min-width: 768px){.link-overlay{top:-1rem;bottom:-1rem;left:-1.5rem;right:-1.5rem}}@media (min-width: 1024px){.link-overlay{display:block}}.project-arrow{display:inline-block;margin-left:.375rem;width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.card-grid:hover .project-arrow{transform:translate(.25rem,-.25rem)}.project-tech-list{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.project-tech-pill{display:flex;align-items:center;border-radius:9999px;background-color:#523b350d;border:1px solid var(--border-color);padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-brown)}.dark .project-tech-pill{background-color:var(--color-card-dark);color:#e5ded8}.projects-list{display:flex;flex-direction:column;gap:3rem}@media (min-width: 640px){.projects-list{gap:2rem}}.skills-interactive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (min-width: 640px){.skills-interactive-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem}}@media (min-width: 1024px){.skills-interactive-grid{grid-template-columns:repeat(7,1fr);gap:2rem}}.skill-card-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:none;transition:all .25s ease;cursor:default}.skill-card-item:hover{transform:translateY(-2px)}.skill-icon-wrapper{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.skill-svg-icon,.skill-img-icon{width:2rem;height:2rem;transition:transform .25s ease}.skill-card-item:hover .skill-svg-icon,.skill-card-item:hover .skill-img-icon{transform:scale(1.1)}.dark .dark-invert{filter:invert(1)}.skill-name-label{font-size:.8125rem;font-weight:500;color:var(--text-color);text-align:center}.articles-list{display:flex;flex-direction:column;gap:2rem}.article-card{position:relative;padding:1.5rem;border-radius:.25rem;border:1px solid var(--border-color);background-color:transparent;transition:background-color .2s ease,border-color .2s ease}.article-card:hover{background-color:#fff}.dark .article-card:hover{background-color:var(--color-card-dark)}.article-date{font-size:.75rem;font-family:var(--font-mono, monospace);color:var(--color-brown);margin-top:0;margin-bottom:.5rem}.article-title{font-size:1.125rem;font-family:var(--font-serif);font-weight:500;color:var(--color-text-light);margin-top:0;margin-bottom:.5rem;transition:color .2s ease}.dark .article-title{color:#fff}.article-card:hover .article-title,.dark .article-card:hover .article-title{color:var(--color-brown)}.article-arrow{display:inline-block;margin-left:.25rem;opacity:0;transform:translate(.25rem,-.25rem);transition:transform .2s ease,opacity .2s ease;width:1rem;height:1rem}.article-card:hover .article-arrow{opacity:1;transform:translate(0)}.article-desc{margin:0;font-size:.875rem;color:var(--color-muted-light);line-height:1.625}.dark .article-desc{color:var(--color-muted-dark)}.contact-card{background-color:#fff;border-radius:.25rem;border:1px solid var(--border-color);padding:2rem}.dark .contact-card{background-color:var(--color-card-dark)}.contact-intro{margin-top:0;margin-bottom:2rem;color:var(--color-muted-light);line-height:1.625;font-size:.875rem}.dark .contact-intro{color:var(--color-muted-dark)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-group{position:relative}.form-group-textarea{position:relative;margin-top:2rem}.form-input,.form-textarea{width:100%;background-color:transparent;border:none;border-bottom:1px solid var(--border-color);padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;color:var(--text-color);transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-bottom-color:var(--color-brown)}.dark .form-input:focus,.dark .form-textarea:focus{border-bottom-color:#fff}.form-textarea{resize:none}.form-label{position:absolute;left:0;top:.5rem;font-size:.875rem;color:#b0b0b0;transition:all .2s ease;pointer-events:none}.dark .form-label{color:#666}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label,.form-textarea:focus~.form-label,.form-textarea:not(:placeholder-shown)~.form-label{top:-1rem;font-size:.75rem;color:var(--color-brown)}.btn-submit-container{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.btn-submit-container svg{width:1rem;height:1rem}.language-switcher{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--color-muted-light)}.dark .language-switcher{color:var(--color-muted-dark)}.language-switcher-btn{background:none;border:none;padding:0;text-transform:uppercase;font-weight:inherit;font-size:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;transition:color .2s ease}.language-switcher-btn:hover{color:var(--color-brown)}.dark .language-switcher-btn:hover{color:#fff}.language-switcher-btn.active{color:var(--color-brown)}.dark .language-switcher-btn.active{color:#fff}.language-switcher-separator{opacity:.3}.theme-toggle-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--color-muted-light);transition:color .2s ease;display:flex;align-items:center}.dark .theme-toggle-btn{color:var(--color-muted-dark)}.theme-toggle-btn:hover{color:var(--color-brown)}.dark .theme-toggle-btn:hover{color:#fff}.theme-toggle-btn svg{width:1.25rem;height:1.25rem}.spotlight-effect{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;transition:background .3s ease;display:none}@media (min-width: 1024px){.spotlight-effect{display:block}}.section-link-container{margin-top:3rem}.section-link{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:var(--text-color);text-decoration:none;transition:color .2s ease}.section-link:hover,.dark .section-link:hover{color:var(--color-brown)}.section-link svg{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.section-link:hover svg{transform:translate(.25rem,-.25rem)}.project-premium-card{position:relative;border-radius:.75rem;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #523b350d,0 2px 4px -1px #523b3505;margin-bottom:2.5rem;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,rgba(114,88,80,.1),var(--card-bg))}.project-premium-card:hover{transform:translateY(-4px);border-color:#7258504d;box-shadow:0 20px 25px -5px #523b3514,0 10px 10px -5px #523b350a}.project-premium-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#72585008;opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.project-premium-card:hover .project-premium-overlay{opacity:1}.project-premium-top{position:relative;z-index:10;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1rem}@media (min-width: 768px){.project-premium-top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1.5rem}}.project-premium-info{flex:1}.project-premium-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.project-premium-link{display:inline-flex;align-items:center;color:var(--text-color);text-decoration:none;transition:color .2s ease}.project-premium-link:hover{color:var(--color-brown)}.project-premium-arrow{margin-left:.375rem;width:1.125rem;height:1.125rem;flex-shrink:0;transition:transform .2s ease}.project-premium-card:hover .project-premium-arrow{transform:translate(.125rem,-.125rem)}.project-premium-desc{margin-top:.5rem;margin-bottom:0;font-size:.875rem;line-height:1.5;color:var(--muted-color)}.project-premium-tech-icons{display:flex;justify-content:flex-start;align-items:center;transition:all .5s ease;margin-top:.5rem}@media (min-width: 768px){.project-premium-tech-icons{justify-content:flex-end;margin-top:0}}.project-premium-tech-circle{width:2.75rem;height:2.75rem;border-radius:9999px;background-color:var(--color-bg-light);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000000d;transition:all .5s cubic-bezier(.4,0,.2,1);margin-left:-.75rem}.dark .project-premium-tech-circle{background-color:var(--color-card-dark);border:1px solid var(--color-border-dark)}.project-premium-tech-circle:first-child{margin-left:0}.project-premium-card:hover .project-premium-tech-circle{margin-left:.25rem}.project-premium-card:hover .project-premium-tech-circle:first-child{margin-left:0}.tech-svg,.tech-img-icon{width:1.375rem;height:1.375rem;object-fit:contain}.project-premium-image-container{position:relative;z-index:10;width:100%;display:flex;justify-content:center;align-items:flex-end;margin-top:1.5rem;overflow:hidden;max-height:180px;background:transparent}@media (min-width: 640px){.project-premium-image-container{max-height:250px}}@media (min-width: 768px){.project-premium-image-container{max-height:280px;margin-top:2rem}}.project-premium-image{width:80%;height:auto;object-fit:contain;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transform:translateY(20px);transition:transform .4s cubic-bezier(.25,1,.5,1);box-shadow:0 -4px 20px -2px #523b3526}.dark .project-premium-image{box-shadow:0 -4px 20px -2px #00000080}.project-premium-card:hover .project-premium-image{transform:translateY(0)}.archive-back-btn-desktop{display:none}@media (min-width: 1024px){.archive-back-btn-desktop{display:inline-block}}.mobile-section-header.archive-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (min-width: 1024px){.mobile-section-header.archive-header{display:none}}