.canvas-blur,.canvas-wrapper,.white-gradient{position:absolute;width:100%}.canvas-blur,.canvas-wrapper,.white-gradient,.work-preview-image{left:0;right:0;bottom:0}section.hero{width:100%;height:100svh;display:block}.canvas-wrapper{height:120svh;top:0}#animated-bg{width:100%;height:100%;animation:3s ease-out canvasFadeIn}@keyframes canvasFadeIn{from{opacity:0}to{opacity:1}}.canvas-blur{height:100%;top:0;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px)}.white-gradient{height:calc(20svh + 60px);background:linear-gradient(to bottom,rgba(255,255,255,0%) 0,rgba(255,255,255,100%) 100%)}.hero-text,.select-work{position:relative}.about-me,.select-work .work{background-color:var(--bg-gray)}.hero-text{width:100%;height:100%;display:flex;align-items:end;justify-content:stretch}.hero-text-content{width:100%;display:flex;justify-content:center;margin:0 60px 60px}.hero-text-group{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:50px}.hero-subtitle{font-size:32px;font-weight:700;line-height:44px;max-width:700px;opacity:0;margin:0;animation:3.5s cubic-bezier(.3,0,.4,1) .4s forwards heroSubtitleFadeIn,3.5s cubic-bezier(.25,.5,.4,1) .4s forwards heroSubtitleTranslate}@keyframes heroSubtitleFadeIn{from{opacity:0}to{opacity:.5}}@keyframes heroSubtitleTranslate{from{transform:translateY(-25svh)}to{transform:translateY(0)}}.hero-subtitle-text{display:block;transition:opacity .25s cubic-bezier(.25,.5,.5,1)}.hero-title{width:100%;opacity:0;margin:0;animation:3.5s cubic-bezier(.3,0,.4,1) .1s forwards heroFrancescoFadeIn,3.5s cubic-bezier(.25,.5,.4,1) .1s forwards heroFrancescoTranslate}@keyframes heroFrancescoFadeIn{from{opacity:0}to{opacity:1}}@keyframes heroFrancescoTranslate{from{transform:translateY(-20svh)}to{transform:translateY(0)}}.hero-francesco{width:100%;aspect-ratio:116/20;background-image:url('../img/global/francesco-logo.svg');background-position:center;background-repeat:no-repeat;background-size:contain;transition:transform .25s cubic-bezier(.25,.5,.5,1)}.img-fallback,.work-preview-image-desktop,.work-preview-image-mobile{height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.select-work-title{width:fit-content;margin:200px auto 0}.select-work .work-list-group{width:100%;margin:60px 0 0;padding:0;display:flex;justify-items:center;flex-direction:column;gap:20px}.select-work .work-list{list-style:none;margin:0 20px}.select-work .work{width:100%;max-width:1000px;height:600px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--border-radius-30);margin:0 auto;overflow:hidden;position:relative}.work-preview-image{width:100%;height:100%;position:absolute;top:0}.work-preview-image-desktop,.work-preview-image-mobile{width:100%;display:block;position:absolute}.work-preview-image-mobile{display:none}.img-fallback{width:100%}.hobby-graphic,.memoji-francesco{background-position:center;background-repeat:no-repeat;background-size:contain}.work-preview-text{width:100%;max-width:300px;margin:0 0 0 100px;position:relative;z-index:2}.work-company-name,.work-title{margin-bottom:14px}.work-description{margin-bottom:30px}.work-preview-text .pill-links-wrapper{justify-content:left}.about-me{width:100%;display:flex;margin-top:var(--margin-spacing-120)}.about-me-wrapper{width:100%;display:flex;justify-content:center;margin:0 20px}.about-me-group{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;margin:var(--margin-spacing-120) auto}.memoji-wrapper{width:160px;height:160px;display:flex;justify-content:center;align-items:center;background-color:#a6d9f3;border-radius:80px;overflow:hidden}.memoji-francesco{height:100px;aspect-ratio:84/100;background-image:url('../img/home/francesco-memoji.png')}.about-me-title{max-width:700px;margin-top:40px}.about-me-text{max-width:740px;margin-top:30px}.lets-connect-wrapper{margin-top:var(--margin-spacing-120)}.hobbies-graphics{width:100%;max-width:1000px;display:flex;gap:20px;margin-top:60px}.hobby-wrapper{width:100%;height:280px;border-radius:var(--border-radius-30);overflow:hidden}.hobby-wrapper.cooking{background-color:#e9c5a4}.hobby-wrapper.rollercoaster{background-color:#caec9b}.hobby-wrapper.photography{background-color:#9262ff}.hobby-graphic{width:100%;height:100%}.hobby-wrapper.cooking .hobby-graphic{background-image:url('../img/home/hobbie-cooking.jpg')}.hobby-wrapper.rollercoaster .hobby-graphic{background-image:url('../img/home/hobbie-rollecoaster.jpg')}.hobby-wrapper.photography .hobby-graphic{background-image:url('../img/home/hobbie-photography.jpg')}@media (max-width:768px){.hero-text-content{margin:0 20px 60px}.hero-text-group{gap:40px}.hero-subtitle{font-size:22px;line-height:28px}.select-work-title{margin-top:100px}.select-work .work-list-group{margin-top:40px}.select-work .work{height:auto}.work-preview-image{width:100%;height:300px;position:relative;top:auto;left:auto;right:auto;bottom:auto}.work-preview-image-desktop{display:none}.work-preview-image-mobile{display:block}.work-preview-text{margin:40px 30px 30px}.about-me,.lets-connect-wrapper{margin-top:80px}.about-me-group{margin:80px auto}.memoji-wrapper{width:140px;height:140px}.memoji-francesco{height:85px}.hobbies-graphics{flex-wrap:wrap;gap:16px}.hobby-wrapper{height:calc((100vw - 56px)/ 2)}.hobby-wrapper.rollercoaster{order:1}.hobby-wrapper.cooking{width:calc(50% - 8px);order:2}.hobby-wrapper.photography{width:calc(50% - 8px);order:3}.hobby-wrapper.rollercoaster .hobby-graphic{background-size:70%}}