.emoji-waving-hand,.portrait-picture,.skill-icon{background-position:center;background-repeat:no-repeat}.page-intro{width:100%;display:flex;justify-content:center;padding-top:calc(var(--header-height) + var(--margin-spacing-60))}.page-intro-group{width:100%;display:flex;flex-direction:column;align-items:center;margin:0 var(--external-margin);position:relative}.page-intro-group .title{font-size:80px;width:100%;max-width:800px;display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:calc(-72px - 30px);z-index:10}.page-intro-group .title-hey,.page-intro-group .title-there-hand{display:flex;align-items:center;flex:1 1 100%}.page-intro-group .title-hey{color:#fff;text-shadow:0 4px 30px rgba(0,0,0,50%);justify-content:end}.page-intro-group .title-there-hand{gap:20px}.emoji-waving-hand{width:72px;height:72px;background-image:url('../img/about/emoji-waving-hand.png');background-size:contain;display:block;animation:10s ease-in-out 1s infinite forwards wavehand;transform-origin:6px bottom}@keyframes wavehand{0%,100%,26%{transform:rotate(0)}2%{transform:rotate(5deg)}4%{transform:rotate(-20deg)}6%{transform:rotate(20deg)}8%{transform:rotate(-15deg)}10%{transform:rotate(12deg)}12%{transform:rotate(-7deg)}14%{transform:rotate(7deg)}16%{transform:rotate(-5deg)}18%{transform:rotate(3deg)}20%{transform:rotate(-2deg)}22%{transform:rotate(1deg)}24%{transform:rotate(-.5deg)}}.picture-and-paragraph{width:100%;max-width:1000px;display:flex}.location-and-paragraph-group,.portrait-picture{display:flex;align-items:center;flex:1 1 50%}.location-and-paragraph-content{display:flex;flex-direction:column;gap:30px;margin-left:40px;margin-top:var(--margin-spacing-60)}.portrait-picture{width:100%;max-width:500px;height:660px;background-image:url('../img/about/francesco-pezzotti-casual-portrait.jpg');background-size:cover;border-radius:var(--border-radius-30)}.location-group{width:max-content;height:40px;display:flex;align-items:center;align-self:flex-start;gap:10px;background-color:var(--bg-gray);padding:0 15px;border-radius:10px}.location-group .location{font-weight:500;letter-spacing:-.04px;color:var(--gray)}.professional-journey{width:100%;display:flex;background-color:var(--bg-gray);margin-top:var(--margin-spacing-80);padding:var(--margin-spacing-80) 0 var(--margin-spacing-120) 0}.professional-journey-group{width:100%;margin:0 var(--margin-spacing-40)}.journey-text-group{text-align:center;width:100%;max-width:800px;margin:0 auto}.beyond-the-screen-title-group .paragraph,.journey-text-group .paragraph{margin-top:var(--margin-spacing-20)}.skills-group{width:100%;max-width:850px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;margin:var(--margin-spacing-60) auto 0 auto}.skills-list-group{list-style-type:none;display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:0 auto;padding:0}.skills-list-group:first-child{gap:0}.skill-element{width:50px;height:50px;padding:0 7.5px;position:relative;cursor:pointer}.skill-icon{width:50px;height:50px;display:block;background-size:contain}.activity-image,.city-picture{background-position:center;background-repeat:no-repeat;background-size:cover}.skill-icon.figma{background-image:url('../img/about/software-icons/figma.svg')}.skill-icon.adobe-creative-cloud{background-image:url('../img/about/software-icons/adobe-creative-cloud.svg')}.skill-icon.photoshop{background-image:url('../img/about/software-icons/photoshop.svg')}.skill-icon.illustrator{background-image:url('../img/about/software-icons/illustrator.svg')}.skill-icon.after-effects{background-image:url('../img/about/software-icons/after-effects.svg')}.skill-icon.visual-studio-code{background-image:url('../img/about/software-icons/visual-studio-code.svg')}.skill-icon.miro{background-image:url('../img/about/software-icons/miro.svg')}.skill-icon.jira{background-image:url('../img/about/software-icons/jira.svg')}.skill-label-group{width:100%;display:flex;justify-content:center;white-space:nowrap;position:absolute;top:-33px;left:0;opacity:0;transition:opacity .2s ease-in-out;z-index:1}.skill-label{word-break:keep-all;font-size:14px;font-weight:600;color:rgba(255,255,255,80%);background-color:var(--black);width:block;padding:2px 10px;border-radius:5px}.skill-element:hover .skill-label-group{opacity:1;z-index:10}.skill-textual{font-size:16px;font-weight:400;color:var(--gray);height:40px;display:flex;align-items:center;background-color:#fff;border-radius:20px;padding:0 20px}.professional-timeline{width:100%;max-width:1000px;margin:var(--margin-spacing-120) auto 0 auto;position:relative}.professional-timeline-title-group{width:100%;display:flex;justify-content:center;margin-bottom:var(--margin-spacing-80)}.professional-timeline-title{font-size:40px;line-height:50px;font-weight:700}.professional-timeline-group,.timeline-story-opening-badge{width:100%;position:relative}.timeline-line-wrapper{width:100%;height:calc(100% - 20px);display:flex;justify-content:center;position:absolute;top:20px;left:0;bottom:0;right:0;z-index:1}.timeline-line{width:2px;height:100%;background-color:var(--black);border-radius:1px;opacity:15%}.timeline-story-wrapper{margin-top:-40px;position:relative;z-index:5}.timeline-indicator{width:40px;height:40px;margin:0 auto -20px;position:sticky;top:calc(50% - 20px - 200px);z-index:10}.timeline-indicator-dot-group{flex:0 0 20px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.timeline-indicator-dot-halo{width:40px;height:40px;background-color:var(--blue);border-radius:20px;opacity:15%;position:absolute;transform:scale(.9);animation:4s ease-in-out infinite forwards bouce-halo}@keyframes bouce-halo{50%{transform:scale(1.2)}0%{transform:scale(.9)}}.timeline-indicator-dot{width:20px;height:20px;background-color:var(--blue);border-radius:10px;position:absolute}.timeline-experience-dot-group{width:40px;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:calc(50% - 20px);z-index:1}.timeline-experience-dot{width:10px;height:10px;background-color:var(--gray);border-radius:5px}.timeline-experience-heading{width:100%;display:flex;justify-content:center;gap:80px}.timeline-initial-date-label{width:50%;display:flex;justify-content:end;z-index:100;will-change:transform}.timeline-indicator-date-text{font-size:20px;font-weight:500;letter-spacing:-.04px;height:40px;display:flex;align-items:center;border-radius:10px;margin-right:14px;padding:0 15px;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,10%),0 2px 20px rgba(0,0,0,5%)}.timeline-experience-title-group{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:start}.timeline-experience-title{font-size:24px;font-weight:700;letter-spacing:-.04px;line-height:1.3;min-height:40px;display:flex;align-items:center}.timeline-experience-subtitle{font-size:24px;font-weight:400;letter-spacing:-.04px}.position-type-label{width:fit-content;font-size:14px;font-weight:600;color:var(--gray);background-color:rgba(29,29,31,10%);margin:10px 0;padding:2px 10px;border-radius:5px}.timeline-experience-list{list-style-type:none;margin:0;padding:0}.timeline-experience-element{min-height:calc(500px - 15px);margin-top:var(--margin-spacing-120);position:relative}.timeline-experience-bullet-points-group{width:50%;margin:0 0 0 50%}.timeline-experience-bullet-points-list{font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.04px;color:var(--gray);list-style-type:disc;margin:30px 0 0 40px;padding:0}.timeline-experience-bullet-point{font-size:17px;margin-left:17px}.timeline-experience-bullet-point:not(:first-child){margin-top:20px}.timeline-picture-group{width:50%;height:100%;display:flex;justify-content:end;position:absolute;top:0;left:0;bottom:0;right:0}.timeline-picture-wrapper{width:100%;max-width:400px;height:500px;display:flex;margin-top:calc(40px + var(--margin-spacing-120) - 15px);margin-right:40px;position:sticky;top:calc(50% - 250px + (var(--header-height)/ 2) - 200px)}.city-picture-group{width:100%;height:100%;display:flex;position:relative}.city-picture,.city-picture-wrapper{width:100%;position:absolute;height:100%;top:0;left:0;display:flex}.city-picture-wrapper{align-items:end;border-radius:20px;overflow:hidden}.city-picture{align-items:end;z-index:1}.city-caption{width:fit-content;font-size:14px;font-weight:600;color:var(--gray);background-color:rgba(255,255,255,80%);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);margin:0 0 15px 15px;padding:2px 10px;border-radius:5px;position:relative;z-index:2}.city-picture-curtain{width:100%;height:100%;position:absolute;background-color:var(--bg-gray);top:0;left:0;z-index:3}.beyond-the-screen{display:flex;width:100%;display:flex;justify-content:center;padding-top:var(--margin-spacing-80)}.beyond-the-screen-group{width:100%;display:flex;align-items:center;flex-direction:column;margin:0 var(--external-margin)}.beyond-the-screen-title-group{text-align:center;width:100%;max-width:800px}.activities-grid{width:100%;max-width:880px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);justify-content:center;align-items:center;margin-top:var(--margin-spacing-60)}.activity-image-wrapper{width:100%;height:auto;aspect-ratio:1/1;border-radius:var(--border-radius-20);object-fit:cover;overflow:hidden}.activity-image{width:100%;height:100%;display:block;grid-column:span 1;grid-row:span 1}.roller-coaster,.seafood-spgahetti,.wine-tasting{grid-column:span 2;grid-row:span 2}.seafood-spgahetti .activity-image{background-image:url('../img/about/beyond-the-screen-activities/seafood-spgahetti.jpg')}.sushi-rolls .activity-image{background-image:url('../img/about/beyond-the-screen-activities/sushi-rolls.jpg')}.six-flags-magic-mountain .activity-image{background-image:url('../img/about/beyond-the-screen-activities/six-flags-magic-mountain.jpg')}.colosseum .activity-image{background-image:url('../img/about/beyond-the-screen-activities/colosseum.jpg')}.superbloom-field .activity-image{background-image:url('../img/about/beyond-the-screen-activities/superbloom-field.jpg')}.wine-tasting .activity-image{background-image:url('../img/about/beyond-the-screen-activities/wine-tasting.jpg')}.boardwalk .activity-image{background-image:url('../img/about/beyond-the-screen-activities/boardwalk.jpg')}.croissants .activity-image{background-image:url('../img/about/beyond-the-screen-activities/croissants.jpg')}.roller-coaster .activity-image{background-image:url('../img/about/beyond-the-screen-activities/roller-coaster.jpg')}.steak .activity-image{background-image:url('../img/about/beyond-the-screen-activities/steak.jpg')}.disney-california-adventure .activity-image{background-image:url('../img/about/beyond-the-screen-activities/disney-california-adventure.jpg')}@media (max-width:768px){:root{--mobile-timeline-picture-height:32svh}.page-intro-group{align-items:start}.page-intro-group .title{font-size:40px;width:auto;gap:10px;margin-bottom:20px}.location-group .location,.skill-textual{font-size:14px}.page-intro-group .title-hey{color:var(--black);text-shadow:none}.page-intro-group .title-there-hand{gap:15px}.emoji-waving-hand{width:44px;height:44px}.picture-and-paragraph{flex-direction:column}.location-and-paragraph-group,.portrait-picture{flex:auto}.portrait-picture{height:auto;aspect-ratio:500/600}.location-and-paragraph-content{gap:20px;margin-left:10px;margin-right:10px}.location-group{height:36px;padding:0 12px}.location-group .icon{width:18px;height:18px}.beyond-the-screen-title-group,.journey-text-group{width:calc(100% - 20px)}.skills-list-group{gap:10px}.skills-list-group:first-child{max-width:300px;gap:10px 0}.skill-textual{height:36px;padding:0 15px}.timeline-line-wrapper{justify-content:start}.timeline-line{margin-left:9px}.timeline-indicator{margin:0 0 -20px -10px;top:calc(var(--blur-effect) + 100px - 20px - 200px)}.timeline-story-wrapper{margin-top:-35px}.timeline-picture-group{width:100%;z-index:5}.timeline-picture-wrapper{max-width:none;height:200px;margin-top:154px;margin-left:41px;margin-right:0;top:calc(var(--blur-effect) - 200px);z-index:10}.city-picture-group,.city-picture-wrapper{border-radius:15px}.timeline-experience-element:first-child{margin-top:324px}.timeline-picture-gradient-top{width:100%;height:200px;background:var(--bg-gray);position:absolute;left:0;top:-100px}.timeline-story-opening-badge{z-index:10}.timeline-picture-gradient-bottom{width:100%;height:50px;background:linear-gradient(180deg,#f5f5f7 10%,rgba(245,245,247,0) 100%);position:absolute;left:0;bottom:-50px}.city-caption{font-size:12px;margin:0 0 10px 10px}.timeline-experience-element{min-height:auto}.professional-timeline-title{font-size:30px;line-height:40px}.timeline-indicator-date-text{font-size:16px;height:30px;padding:0 10px;border-radius:8px}.timeline-experience-subtitle,.timeline-experience-title{font-size:20px;line-height:25px}.timeline-experience-title{min-height:auto;margin-top:10px;margin-bottom:5px}.timeline-experience-dot-group{height:30px;left:-10px}.timeline-experience-heading{width:calc(100% - 50px);flex-direction:column;gap:10px;margin-left:50px}.timeline-initial-date-label{width:100%;justify-content:start;position:relative;z-index:20}.timeline-experience-title-group{width:100%;position:relative;z-index:1}.position-type-label{font-size:12px}.timeline-experience-bullet-points-group{width:calc(100% - 50px - 15px);margin:0 0 0 50px;position:relative;z-index:1}.timeline-experience-bullet-points-list{margin-top:20px;margin-left:5px}.timeline-experience-bullet-point{font-size:16px}.activities-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);gap:10px}.wine-tasting{grid-column:2/4;grid-row:3/5}.roller-coaster{grid-column:1/3;grid-row:5/7}.disney-california-adventure,.steak{display:none}}