*,*:before,*:after{box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .6s ease-out;will-change:opacity,transform}.animate-on-scroll.animate{animation:fadeInUp .8s ease-out forwards}.animate-on-scroll.fade-out{animation:fadeOutDown .8s ease-out forwards}.me-img.animate-on-scroll.animate{animation-delay:.1s}.main-name.animate-on-scroll.animate{animation-delay:.2s}.name-hero p.animate-on-scroll.animate{animation-delay:.3s}.contact-buttons.animate-on-scroll.animate{animation-delay:.4s}.scroll-indicator.animate-on-scroll.animate{animation-delay:.5s}.about-section h1.animate-on-scroll.animate{animation-delay:.1s}.about-intro.animate-on-scroll.animate{animation-delay:.2s}.experience-section h1.animate-on-scroll.animate{animation-delay:.1s}.exp-buttons.animate-on-scroll.animate{animation-delay:.2s}.exp-content-container.animate-on-scroll.animate{animation-delay:.3s}.contact-cta.animate-on-scroll.animate{animation-delay:.1s}html{font-size:100%}body{-webkit-font-smoothing:antialiased;color:#333332;font-family:Lora,serif;font-size:20px;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}.skill-set li:hover{background:#3498db}h1{color:#000000bf}.wrapper{height:100%}.left{background-color:#0000000d;border-right:1px solid rgba(0,0,0,.08);float:right;height:100%;margin-left:-1px;min-width:256px;position:fixed;width:33.33%;display:flex;align-items:center;justify-content:center}.right{float:right;height:100%;position:relative;width:66.66%}.name-hero{background:#0000;width:85%;padding:20px 0;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.me-img{background:url(/emilio-photo.jpg) no-repeat center center;background-size:cover;background-position:center;border-radius:12px;height:200px;margin:0 auto;position:relative;width:200px;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 8px #0000001a}.name-hero h1{font-family:Open Sans,sans-serif;font-size:1.5em;text-align:center}.main-name{font-size:2.5em!important;font-weight:700;line-height:1.2;margin-bottom:10px;display:flex;justify-content:center;gap:4px}.main-name span:last-child{color:#0000004d}@media screen and (max-width: 768px){.wrapper{display:flex;flex-direction:column}.right,.left{float:none;position:relative!important;width:100%}.left{background-color:#0000000d;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0}.handmade{text-align:center!important;margin-top:0!important}.main-name{font-size:1.8em!important}.name-hero{height:auto;padding:0;width:100%}.me-img{height:150px;width:150px;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 6px #0000001a;margin-bottom:20px}.inner{padding:20px}.contact-buttons{position:relative;margin-top:20px;padding:0;gap:8px;flex-direction:row;flex-wrap:wrap}.contact-btn{padding:8px 16px;font-size:.9em;min-width:auto;flex:1;min-width:140px}}.name-hero h1 em{color:#0000004d;font-style:normal;font-weight:700}.name-hero p{color:#000;font-size:1em;line-height:1.5;margin:0 8px 0 0;text-align:center}.name-hero .name-text{margin:0 auto;width:85%}.contact-buttons{margin-top:20px;padding:0 20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.contact-btn{display:flex;align-items:center;gap:8px;width:auto;min-width:140px;padding:10px 20px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;text-decoration:none;color:#000c;font-family:Open Sans,sans-serif;font-size:.95em;font-weight:400;letter-spacing:.3px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;justify-content:center}.contact-btn:hover{background:#fff;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;text-decoration:none;color:#000000e6}.contact-btn svg{flex-shrink:0}.linkedin-btn:hover{border-color:#0077b5;color:#0077b5}.resume-btn:hover{border-color:#2c3e50;color:#2c3e50}.email-btn:hover{border-color:#e74c3c;color:#e74c3c}.github-btn:hover{border-color:#333;color:#333}.inner{margin:0 auto;max-width:975px;padding:1.5em}.inner h1{font-size:1.75em}.inner p{color:#000000d9}.inner p em{color:#000;font-style:normal}.inner section{margin:100px auto}.about-section{display:flex;flex-direction:column;align-items:center;margin:0!important;padding:60px 0}.about-content{max-width:800px;width:100%;padding:0 40px}.about-intro{font-size:1.15em;line-height:1.6;color:#000;margin-bottom:40px;font-weight:400;text-align:center}.scroll-indicator{display:flex;flex-direction:column;align-items:center;margin:35px auto;gap:15px;max-width:250px;width:100%}.scroll-link{width:100%;text-align:center}.mobile-only{display:none}@media screen and (max-width: 768px){.mobile-only{display:flex}}.scroll-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:.95em;color:#000c;text-decoration:none;cursor:pointer;transition:all .3s ease;font-family:Open Sans,sans-serif;font-weight:500;position:relative;overflow:hidden;background:#ffffffe6;border-radius:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.scroll-link:hover:before{left:100%}.scroll-link:hover{color:#000000e6;background:#fff;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.scroll-button svg{transition:transform .3s ease}.scroll-button:hover svg{transform:translateY(3px)}.experience-section{display:flex;flex-direction:column;align-items:center;padding:20px 0 60px;scroll-margin-top:20px}.experience-section h1{margin-bottom:50px;font-size:2em}.contact-cta{text-align:center;padding:60px 20px;background:#ffffff1a;border-radius:12px;margin:40px 0}.contact-cta h2{font-size:2em;margin-bottom:20px;color:#000000e6}.contact-cta p{font-size:1.2em;color:#000000b3;margin-bottom:30px}.cta-button{display:inline-flex;align-items:center;gap:10px;background:#000000e6;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-size:1.1em;font-weight:500;transition:all .3s ease}.cta-button:hover{background:#000;transform:translateY(-2px)}.arrow-icon{width:20px;height:20px;transition:transform .3s ease}.cta-button:hover .arrow-icon{transform:translate(5px)}.experience-container{display:flex;flex-direction:column;gap:30px;max-width:1200px;width:100%;padding:0 40px}.exp-buttons{display:flex;justify-content:center;gap:15px}.exp-nav-btn{text-align:center;padding:12px 25px;background:transparent;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:1em;color:#000000b3;transition:all .3s ease;cursor:pointer;font-family:Open Sans,sans-serif;min-width:180px}.exp-nav-btn:hover{border-color:#0003;background:#ffffff80;transform:translateY(-2px)}.exp-nav-btn.active{background:#ffffffe6;border-color:#0003;color:#000000e6;font-weight:500;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.exp-content-container{flex:1;background:#ffffffe6;border-radius:15px;padding:15px 40px 40px;box-shadow:0 4px 12px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.exp-content{display:none;opacity:0}.exp-content.active{display:block;animation:fadeIn .4s ease forwards}.exp-content h3{font-size:1.6em;margin-bottom:20px;color:#000000e6}.exp-content p{font-size:1.1em;line-height:1.6;color:#000000b3;margin-bottom:30px}.exp-content ul{margin:0;padding:0;list-style:none}.exp-content ul li{font-size:1em;color:#0009;margin-bottom:15px;padding-left:25px;position:relative}.exp-content ul li:before{content:"•";position:absolute;left:0;color:#0006}@media screen and (max-width: 768px){.experience-container{gap:20px;padding:0 20px}.exp-buttons{flex-wrap:wrap;gap:10px}.exp-nav-btn{min-width:unset;flex:1;padding:10px 15px;font-size:.9em;white-space:nowrap}.exp-content-container{padding:25px}.experience-section{padding-top:5px}}@media screen and (max-width: 768px){.about-section,.experience-section{padding:25px 0}.about-content{padding:0 15px}.about-intro{font-size:1.1em;margin-bottom:20px}.scroll-link{font-size:.95em;margin:0 auto}.scroll-link svg{transition:transform .3s ease}.scroll-link:hover svg{transform:translate(5px)}.scroll-indicator.mobile-only{margin-top:25px;padding:0}.experience-container{padding:0 15px}.exp-content-container{padding:20px}.exp-content h3{font-size:1.4em}.exp-content p{font-size:1em}}.timeline-section{display:flex;flex-direction:column;align-items:center;padding:60px 0;margin:60px auto}.timeline-section h1{font-size:2em;margin-bottom:50px;color:#000000e6}.timeline-container{max-width:900px;width:100%;padding:0 40px}.timeline{position:relative;padding-left:30px}.timeline-item{position:relative;margin-bottom:40px}.timeline-content{background:#ffffffe6;border-radius:12px;padding:25px 80px 25px 25px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative}.timeline-content:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.timeline-period{font-size:.9em;color:#666;font-weight:500;margin-bottom:8px;font-family:Open Sans,sans-serif}.timeline-content h3{font-size:1.4em;color:#000000e6;margin:0 0 5px;font-weight:600}.timeline-content h4{font-size:1.1em;color:#666;margin:0 0 15px;font-weight:500;font-style:italic}.timeline-content ul{margin:0;padding:0;list-style:none}.timeline-content ul li{font-size:.95em;color:#000000b3;margin-bottom:8px;padding-left:20px;position:relative;line-height:1.5}.timeline-content ul li:before{content:"•";position:absolute;left:0;color:#666;font-size:1.2em;top:-2px}@media screen and (max-width: 768px){.timeline-container{padding:0 20px}.timeline{padding-left:20px}.timeline-item{padding-left:30px;margin-bottom:30px}.timeline-marker{left:-30px;width:12px;height:12px}.timeline-content{padding:20px}.timeline-content h3{font-size:1.2em}.timeline-content h4{font-size:1em}.timeline-content ul li{font-size:.9em}}ul{list-style-type:none;margin-top:-10px;max-width:570px;padding:0}.skill-set li{background:#000000bf;border-radius:5px;color:#fff;display:inline-block;list-style:none;margin:15px 15px 0 0;padding:10px;text-align:justify}@media screen and (max-width: 75em){body{font-size:18px}}@media screen and (max-width: 60em){body{font-size:16px}}@media screen and (max-width: 40em){.inner section{margin:50px auto}.inner h1{font-size:1.5em}.name-hero p{font-size:.9em}}.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.handmade{text-align:right;margin-top:100px}.handmade em{font-family:Shadows Into Light,cursive;font-size:1.25em;margin-left:5px}