.Intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding-left:2rem;padding-right:2rem;display:flex}.Intro .name-wrap{display:inline-block;position:relative}.Intro .my-name{letter-spacing:-.025em;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:3.75rem;font-weight:300;line-height:1}@media (min-width:640px){.Intro .my-name{font-size:4.5rem;line-height:1}}@media (min-width:768px){.Intro .my-name{font-size:var(--text-8xl)}}.Intro .my-name{transform-origin:88% 100%}.Intro .my-title{letter-spacing:.025em;color:var(--muted-foreground);font-size:1.125rem;font-weight:300;line-height:1.75rem}@media (min-width:768px){.Intro .my-title{font-size:1.25rem;line-height:1.75rem}}.Intro .leaf-fall-zone{pointer-events:none;z-index:2;width:12rem;height:13rem;position:absolute;top:-13rem;right:50%}.Intro .leaf-fall-path{opacity:0;offset-path:path("M 138 20 C 155 80, 121 160, 137 216");offset-distance:0;offset-rotate:auto;transform-origin:50%;width:1.25rem;height:1.25rem;animation:8s cubic-bezier(.35,0,.45,1) .8s forwards leaf-descend}@media only screen and (max-width:768px){.Intro .leaf-fall-path{offset-path:path("M 8 0 C 136 55, 25 155, 145 200")}}.Intro .leaf-fall-orient{animation:.7s cubic-bezier(.22,.61,.36,1) 4.6s both leaf-settle}.Intro .leaf-fall-orient svg{fill:currentColor;width:auto;height:2.5rem;color:var(--foreground);display:block}.Intro .intro-illustration{color:var(--muted-foreground);margin-top:1.5rem}.Intro .intro-illustration svg{margin-left:auto;margin-right:auto}.Intro .pressure-plate{animation:1.2s cubic-bezier(.16,.62,.25,1) 8.1s both pressure-press;display:inline-block}@keyframes leaf-descend{0%{offset-distance:0%;opacity:0}4%{opacity:1}to{offset-distance:100%;opacity:1}}@keyframes leaf-settle{0%{transform:scale(1)rotate(168deg)}45%{transform:scale(1.02)rotate(167deg)}to{transform:scale(1)rotate(168deg)}}@media only screen and (max-width:768px){@keyframes leaf-settle{0%{transform:scale(1)rotate(208deg)}45%{transform:scale(1.02)rotate(207deg)}to{transform:scale(1)rotate(208deg)}}}@keyframes pressure-press{0%{transform:translateY(0)}to{transform:translateY(2px)scaleY(.99)}}
.Projects{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:42rem;margin-left:auto;margin-right:auto;display:flex}.Projects__list{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.Projects__list:has(.project-item:hover) .project-item:not(:hover){color:var(--muted-foreground);opacity:.4}.Projects__list .project-item{text-align:center;letter-spacing:-.025em;color:var(--foreground);padding-top:.5rem;padding-bottom:.5rem;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.5rem;font-weight:300;line-height:2rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.Projects__list .project-item{font-size:1.875rem;line-height:2.25rem}}.Projects__list .project-item{opacity:0;will-change:opacity,transform;backface-visibility:hidden;animation:.6s forwards show;animation-delay:var(--delay);transform:translateY(50px)}.Projects__list .project-item:hover,.Projects__list .project-item:focus-visible{color:var(--foreground);font-size:1.875rem;line-height:2.25rem}@media (min-width:768px){.Projects__list .project-item:hover,.Projects__list .project-item:focus-visible{font-size:2.25rem;line-height:2.5rem}}@keyframes show{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
.Contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;max-width:42rem;margin-left:auto;margin-right:auto;display:flex}.Contact__list{flex-direction:column;gap:1.5rem;display:flex}.Contact__list:has(.contact-item:hover) .contact-item:not(:hover){color:var(--muted-foreground);opacity:.4}.Contact__list .contact-item{letter-spacing:-.025em;color:var(--foreground);align-items:center;gap:1rem;padding-top:.5rem;padding-bottom:.5rem;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.125rem;font-weight:300;line-height:1.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (min-width:768px){.Contact__list .contact-item{font-size:1.25rem;line-height:1.75rem}}.Contact__list .contact-item{opacity:0;will-change:opacity,transform;backface-visibility:hidden;animation:.6s forwards show;animation-delay:var(--delay);transform:translateY(50px)}.Contact__list .contact-item .contact-icon{width:1.25rem;height:1.25rem}.Contact__list .contact-item:hover,.Contact__list .contact-item:focus-visible{color:var(--foreground)}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.Contact__list .contact-item:hover .contact-icon,.Contact__list .contact-item:focus-visible .contact-icon{animation:1s infinite bounce}@keyframes show{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
.Slideshow{background-color:var(--background);justify-content:center;align-items:center;width:100%;min-width:100vw;height:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.Slideshow:focus-visible{outline:none}.Slideshow__item{will-change:transform;backface-visibility:hidden;justify-content:center;align-items:center;padding-left:2rem;padding-right:2rem;display:flex;position:absolute;inset:0;transform:translateZ(0)}.Slideshow__item:focus{outline:none}
