*,*:before,*:after{box-sizing:border-box}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.me-img.animate-on-scroll{transition-delay:.1s}.main-name.animate-on-scroll{transition-delay:.15s}.name-hero p.animate-on-scroll{transition-delay:.2s}.contact-buttons.animate-on-scroll{transition-delay:.25s}.scroll-indicator.animate-on-scroll{transition-delay:.3s}.about-section h1.animate-on-scroll{transition-delay:0s}.about-intro.animate-on-scroll{transition-delay:.1s}.experience-section h1.animate-on-scroll{transition-delay:0s}.exp-buttons.animate-on-scroll{transition-delay:.1s}.exp-content-container.animate-on-scroll{transition-delay:.15s}.contact-cta.animate-on-scroll{transition-delay:0s}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:12px;width:100%}.scroll-link{text-align:center;white-space:nowrap}.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;white-space:nowrap;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}.booking-section{display:flex;flex-direction:column;align-items:center;padding:60px 0;margin:60px auto}.booking-section h1{font-size:2em;margin-bottom:20px;color:#000000e6;text-align:center}.booking-description{font-size:1.1em;color:#000000b3;text-align:center;max-width:700px;margin:0 auto 40px;line-height:1.6}.calendar-container{width:100%;max-width:900px;background:#ffffffe6;border-radius:15px;padding:30px;box-shadow:0 4px 20px #00000014;overflow:hidden}.calendar-container iframe{border-radius:8px;min-height:600px}@media screen and (max-width: 768px){.booking-section{padding:40px 0}.booking-section h1{font-size:1.6em}.booking-description{font-size:1em;padding:0 20px;margin-bottom:30px}.calendar-container{padding:15px;margin:0 15px}.calendar-container iframe{min-height:500px}}.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;flex-wrap:wrap;gap:12px}.exp-nav-btn{text-align:center;padding:10px 18px;background:transparent;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:.9em;color:#000000b3;transition:all .3s ease;cursor:pointer;font-family:Open Sans,sans-serif;white-space:nowrap}.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:8px;justify-content:center}.exp-nav-btn{padding:8px 12px;font-size:.8em;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}