#header{position:sticky;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;background-color:#0c120ccc}#header.scrolled .header-content{padding:.5rem 2rem;background-color:#0c120ce6}#header-nav{display:flex;justify-content:space-between;align-items:center;width:100%}#header-nav-brand{flex-grow:1}#header-nav-brand a{text-decoration:none;color:var(--text-color);font-weight:700;font-size:1.4rem;transition:all .3s ease;position:relative;padding:.5rem 0}#header-nav-list{display:flex;list-style-type:none;margin:0;padding:0}#header-nav-list li{margin-right:.8rem}#header-nav-list li a{text-decoration:none;color:var(--text-color);font-weight:700;font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0}#header-nav-list li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}#header-nav-list li a:hover:after{width:100%}#header-lang-selector{position:relative}#header-lang-button{background-color:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}#header-lang-button:hover{opacity:.8}#header-lang-menu{position:absolute;top:100%;right:0;background-color:#0c120ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-color);border-radius:4px;list-style-type:none;padding:.5rem;margin:.5rem 0 0;box-shadow:0 2px 10px #0003}#header-lang-menu li{padding:.5rem;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}#header-lang-menu li:hover{background-color:var(--primary-color)}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-menu span{width:2rem;height:.25rem;background:var(--text-color);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}@media (max-width: 768px){#header-nav-list{display:none}.next-section-btn{background-color:transparent;text-decoration:none;border:none;font-size:1rem;font-weight:700;color:var(--text-color);cursor:pointer;transition:all .3s ease;padding:.5rem 1rem}.next-section-btn:hover:after{width:100%}}.hero-section{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:var(--bg-color);color:var(--text-color);width:100%}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:2rem}.hero-text{flex:1;text-align:left}.hero-title{font-size:4.5rem;font-family:var(--font-title);margin:0;color:var(--primary-color);margin-bottom:2.5rem}.hero-subtitle{font-size:2rem;font-family:var(--font-subtitle);margin:1rem 0 .5rem;color:var(--accent-color)}.hero-description{font-size:1.2rem;max-width:600px;line-height:1.6;color:var(--accent-color)}.hero-action{flex:1;display:flex;flex-direction:column;align-items:end;justify-content:end}.cta-button{padding:1rem 2rem;background-color:var(--accent-color);color:var(--text-color);font-size:1.2rem;font-weight:700;border:2px solid var(--accent-color);border-radius:.5rem;cursor:pointer;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#a67f5e;color:#fff}.hero-location{margin-top:2rem;font-size:1rem;font-family:var(--font-subtitle);color:var(--accent-color)}@media (max-width: 768px){.hero-content{flex-direction:column;justify-content:center;align-items:center}.hero-title{font-size:3rem;text-align:center}.hero-subtitle{font-size:1.5rem;text-align:center}.hero-description{text-align:center}.cta-button{max-width:250px}}.about-section{color:var(--text-color-neg);text-align:center;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 2rem}.about-title{font-size:7.5rem;font-family:var(--font-title);color:var(--primary-color-neg);margin-bottom:2rem;flex:1;text-align:left}.about-description{font-size:1.8rem;font-family:Space Grotesk,sans-serif;line-height:1.8;margin:0;color:var(--text-color-neg);flex:2;text-align:justify;flex-direction:column}@media (max-width: 1024px){.about-section{padding:3rem 1rem;flex-direction:column}.about-title{font-size:5.5rem}.about-description{line-height:1.4}}@media (max-width: 720px){.about-section{padding:3rem 1rem}.about-title{font-size:2.5rem}.about-description{font-size:1.1rem}}.job-card{background:var(--bg-color-neg);color:var(--text-color-neg);border-radius:.8rem;box-shadow:0 4px 8px #00000026;padding:2rem;cursor:pointer}.job-title{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;font-family:var(--font-subtitle);margin-bottom:2rem}.job-info{display:flex;font-size:1.5rem;justify-content:space-between;color:var(--secondary-color);font-style:italic;margin-bottom:1rem}.job-plus-info{font-size:1rem;color:var(--secondary-color)}@media (max-width: 480px){.job-title{font-size:1.5rem;margin-bottom:.5rem;margin-bottom:1rem}.job-info{display:flex;font-size:1rem;margin-bottom:1rem}.job-plus-info{font-size:.8rem}}.jobmodal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1050}.jobmodal-content{background:var(--bg-color-neg);color:var(--text-color-neg);padding:2rem;border-radius:.8rem;box-shadow:0 4px 12px #0000004d;max-width:600px;width:90%;max-height:90vh;position:absolute}.jobmodal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-neg)}.jobmodal-title,.jobmodal-info,.jobmodal-description{margin:1rem 0}.jobmodal-title{font-size:2rem;font-weight:700;color:var(--accent-color)}.jobmodal-info{display:flex;justify-content:space-between;color:var(--secondary-color);font-style:italic}.jobmodal-company{font-weight:700}.jobmodal-date{font-style:normal}.jobmodal-description{font-size:1.4rem;line-height:1.5;text-align:justify}@media (max-width: 720px){.jobmodal-content{max-width:400px;width:80%}.jobmodal-title{font-size:1.8rem}.jobmodal-description{font-size:1.2rem}}@media (max-width: 480px){.jobmodal-content{max-width:300px}.jobmodal-title{font-size:1.5rem}.jobmodal-description{font-size:1rem}}.experience-section{padding:4rem 2rem;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:100dvh}.experience-title-up{display:none}.experience-container{flex:1}.experience-title{font-size:5.5rem;padding-right:4rem;font-family:var(--font-title);color:var(--text-color);margin-right:2rem}.jobs-container{display:flex;flex-direction:column;height:100%;flex:2;gap:3rem}@media (max-width: 1080px){.experience-section{padding:2rem 1rem;display:flex;flex-direction:column}.experience-title{display:none}.experience-title-up{display:flex;font-size:5.5rem;font-family:var(--font-title);color:var(--text-color);margin-bottom:5rem;text-align:center;margin-top:1rem}}@media (max-width: 480px){.experience-title-up{font-size:3.5rem;margin-bottom:4rem;margin-top:1rem}}.project-card{position:relative;background:var(--bg-color);color:var(--text-color);border-radius:.8rem;box-shadow:0 4px 8px #00000026;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-width:350px}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.project-image{width:400px;height:350px;object-fit:cover;filter:sepia(.8) saturate(.7) brightness(.9) contrast(1.2) hue-rotate(-15deg)}.project-info{padding:1rem}.project-title{overflow:hidden;white-space:nowrap;font-size:1.5rem;font-weight:700;margin:.5rem 0;text-overflow:ellipsis;color:var(--text-color)}.project-date{font-size:1rem;color:var(--text-color)}.project-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1050}.project-modal{background:var(--bg-color);color:var(--text-color);padding:2rem;border-radius:.8rem;max-width:600px;width:90%;box-shadow:0 4px 12px #0000004d;max-height:90vh;overflow-y:auto;position:absolute}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.project-modal-image,.project-modal-canvas{width:100%;height:auto;border-radius:.5rem;margin-bottom:1rem}.project-modal-title{font-size:2rem;margin-bottom:1rem;text-align:center}.project-modal-description{font-size:1rem;line-height:1.5;margin-bottom:1rem;text-align:justify}.project-modal-technologies{font-size:1rem;margin-bottom:1rem}.link-button{padding:.5rem 1rem;background-color:var(--accent-color);color:var(--text-color);font-size:1rem;font-weight:700;border:2px solid var(--accent-color);border-radius:.5rem;cursor:pointer;text-decoration:none;transition:all .3s ease}.link-button:hover{background-color:#a67f5e;color:#fff}@media (max-width: 720px){.project-modal{max-width:350px}}@media (max-width: 450px){.project-modal{max-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-modal-image{width:90%;margin-bottom:0}.project-modal-title{font-size:1.2rem;margin-bottom:0}.project-modal-description{font-size:.8rem;margin-bottom:0}.project-modal-technologies{font-size:.6rem;margin-bottom:0}}#projects{padding:6rem 3rem;position:relative;min-height:100vh;overflow:hidden}.projects-title{font-size:5rem;font-family:var(--font-title);color:var(--text-color-neg);text-align:center;margin-bottom:4rem;transition:transform .3s ease-out,opacity .3s ease-out}.projects-container{display:flex;flex-direction:row;gap:15rem;align-items:center;justify-content:center;flex-wrap:wrap}.project-card-wrapper{opacity:0;transform:translate(150px);transition:transform .8s ease-out,opacity .8s ease-out}.project-card-wrapper.visible{margin-top:5rem;opacity:1;transform:translate(0)}@media (max-width: 1625px){.projects-container{gap:10rem}}@media (max-width: 1475px){.project-card-wrapper.visible{margin-top:1rem}.projects-container{gap:6rem}}@media (max-width: 1350px){.projects-container{gap:4rem}}@media (max-width: 860px){.projects-container{gap:2rem}}@media (max-width: 720px){#projects{padding:3rem 0rem}.projects-title{font-size:3.5rem;text-align:center}.projects-container{flex-direction:column;gap:2rem}}.skills-section{padding:5rem 2rem;background-color:var(--bg-color);color:var(--text-color);text-align:center;min-height:100vh;display:flex;align-items:center}.skills-title,.skills-title-2{font-size:10vmin;font-family:var(--font-title);letter-spacing:.3rem;color:var(--primary-color);text-align:right;flex:1}.skills-title-2{display:none}.skills-container{display:flex;flex-direction:column;gap:8.5rem;width:100%;height:100%;justify-content:center;margin:auto 0;flex:2}.skills-category{text-align:left}.skills-category-title{font-size:7vmin;font-family:var(--font-subtitle);color:var(--accent-color);margin-top:.5rem;font-weight:600;font-style:normal;margin-bottom:1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem}.skill-card{background-color:var(--bg-color-neg);color:var(--text-color-neg);padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 4px 8px #00000026;font-size:2.5vmin;transition:all .2s ease}.skill-card:hover{background-color:var(--accent-color);color:var(--text-color);box-shadow:0 8px 16px #0000004d}@media (max-width: 1080px){.skills-section{padding:2rem 3rem;flex-direction:column;text-align:center}.skills-title{display:none}.skills-title-2{display:flex;text-align:center;margin-bottom:0}.skills-container{gap:3rem}.skills-category{text-align:center;justify-content:center;align-items:center}.skill-list{display:flex;justify-content:center;flex-direction:row;text-align:center}}@media (max-width: 768px){.skills-section{padding:2rem 1rem;min-height:90vh}}:root{--bg-color: #2b2a26;--text-color: #f4ede1;--primary-color: #d4a373;--secondary-color: #b2ada5;--bg-color-neg: #f4f1eb;--text-color-neg: #3b3a36;--accent-color: #a67f5e;--base: 20vmin;--transition: all .2s;--cubic: cubic-bezier(.175, .885, .32, 1.275);--cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23F4EDE1'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--cursor-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23F4EDE1' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--cursor-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%233B3A36'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--cursor-dark-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%233B3A36' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--font-title: "Source Sans 3", sans-serif;--font-subtitle: "Space Grotesk", sans-serif}.contact-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem;margin:0 auto;padding:2rem;min-height:100dvh}#contact-text-div{flex:2;margin-right:5rem}#contact-form-div{flex:1}#contact h2,h4,h5{font-family:var(--font-title)!important;margin-bottom:2rem}#contact h2{font-size:5.5rem}#contact h4{font-size:1.8rem;text-align:right}#contact h5{font-size:2.2rem}.contact-text{margin-bottom:2rem}.contact-description,.contact-description-2{font-size:1.8rem;text-align:justify}.contact-container{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem;width:100%}.contact-details{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.8rem;border-radius:.5rem;background:rgba(var(--text-color-rgb),.05);transition:var(--transition)}.social-links{display:flex;justify-content:space-around;gap:.5rem;margin-top:1rem;width:100%}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;text-decoration:none;color:var(--text-color);background:rgba(var(--text-color-rgb),.05);transition:var(--transition);text-align:center}.social-link.linkedin{background-color:#0077b5}.social-link.github{background-color:#333}.social-link.calendly{background-color:var(--accent-color);max-width:50%;margin:0 auto;display:flex;justify-content:center}.social-link:hover{transform:translateY(-2px)}.contact-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;width:90%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-neg-color)}.form-group input,.form-group textarea{padding:.8rem;border-radius:.5rem;border:1px solid rgba(var(--text-color-rgb),.2);background:rgba(var(--text-color-rgb),.05);color:var(--text-neg-color);font-size:1rem;transition:var(--transition);resize:vertical}.submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:.5rem;border:none;background:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;transition:var(--transition);cursor:pointer;width:100%}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.2)}.success-message,.error-message{font-size:1rem;margin-top:1rem;font-weight:700}.success-message{color:#4caf50}.error-message{color:#f44336}@media (max-width: 1080px){.contact-wrapper{min-height:95dvh}#contact-text-div{margin-right:0rem}}@media (max-width: 950px){.contact-wrapper{flex-direction:column;padding:1rem;align-items:center;text-align:center}#contact-text-div{flex:2;margin-right:0}.contact-description,.contact-description-2{font-size:1.3rem}.contact-details{align-items:flex-start}#contact h2{font-size:2rem}#contact h4{font-size:1.5rem;text-align:center}#contact h5{font-size:1.4rem;margin-top:1.5rem}.social-link.calendly{max-width:75%}#contact-form-div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form{width:90%;text-align:left}.contact-form label{font-size:1rem}.social-links{justify-content:space-around}}@media (max-width: 480px){.contact-wrapper{padding:1rem;margin-bottom:3rem}.contact-description,.contact-description-2{font-size:1.2rem}#contact h5{margin-top:1rem}.contact-item{padding:.5rem}.contact-form{padding:1rem}.submit-button{width:100%;font-size:.9rem}.social-links{margin:2rem}}:root{--bg-color: #2b2a26;--text-color: #f4ede1;--primary-color: #d4a373;--secondary-color: #b2ada5;--bg-color-neg: #f4f1eb;--text-color-neg: #3b3a36;--accent-color: #a67f5e;--base: 20vmin;--transition: all .2s;--cubic: cubic-bezier(.175, .885, .32, 1.275);--cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23F4EDE1'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--cursor-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23F4EDE1' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--cursor-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%233B3A36'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--cursor-dark-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%233B3A36' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") 20 0, auto;--font-title: "Source Sans 3", sans-serif;--font-subtitle: "Space Grotesk", sans-serif}html{scroll-behavior:smooth;font-family:var(--font-subtitle);max-width:100dvw}body{margin:0;line-height:1;overflow:overlay;cursor:var(--cursor-dark);max-width:100dvw}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:var(--accent-color);opacity:.7;border-radius:6px;border:3px solid transparent;background-clip:padding-box}body::-webkit-scrollbar-thumb:hover{opacity:.9}[hidden]{display:none}[cursor]:hover{cursor:var(--cursor-dark-hover)}#home-hero{width:100%;display:flex;justify-content:center;align-items:center;padding:0}#home-about{width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center}#hero-and-about{min-height:100dvh;display:flex;flex-direction:column;flex:content;justify-content:center;align-items:center}#home-projects{min-height:100dvh}.bg-light{background:var(--bg-color-neg);color:var(--text-color-neg);cursor:var(--cursor-dark)}.bg-light:hover{cursor:var(--cursor-dark)}.bg-dark{background:var(--bg-color);color:var(--text-color);cursor:var(--cursor)}.bg-dark:hover{cursor:var(--cursor)}@media (max-width: 780px){#home-experience,#home-skills,#home-contact{padding:1rem}}@media (max-width: 480px){#home-experience,#home-skills,#home-contact{padding:.2rem}}
