:root{--motion-ease:cubic-bezier(.16, 1, .3, 1);--motion-fast:.18s;--motion-panel:.42s}.project-image-content{position:absolute;inset:0}::view-transition{pointer-events:none}::view-transition-group(.project-transition){animation-duration:.46s;animation-timing-function:var(--motion-ease);z-index:2}::view-transition-old(.project-transition){mix-blend-mode:normal;width:100%;height:100%}::view-transition-new(.project-transition){mix-blend-mode:normal;width:100%;height:100%}::view-transition-old(root){animation-duration:.14s}::view-transition-new(root){animation-duration:.22s}html[data-motion=full]{scroll-behavior:smooth}html[data-motion=full] .project-reveal[data-reveal=pending] .project-image-content{clip-path:polygon(0 0,0 0,-20% 100%,0 100%)}html[data-motion=full] .project-reveal[data-reveal=visible] .project-image-content{animation:project-unfold .85s var(--motion-ease) both}html[data-motion=full] .project-card:focus-within .project-image-content{clip-path:none;animation:none}html[data-motion=full] .home-experience [data-reveal]{transition:opacity .85s var(--motion-ease), transform 1s var(--motion-ease), clip-path 1.2s var(--motion-ease)}html[data-motion=full] .home-experience [data-reveal][data-entered=false]{opacity:0;transform:translateY(46px)}html[data-motion=full] .home-experience [data-reveal=screen][data-entered=true]{animation:project-unfold 1.1s var(--motion-ease) both}html[data-motion=full] .home-experience [data-reveal]:focus-within{opacity:1;clip-path:none;transform:none}html[data-motion=full] .main-navigation>a:after{transition:transform .42s var(--motion-ease)}html[data-motion=full] .main-navigation>a>:is(span,svg){transition:transform .3s var(--motion-ease), color .3s}html[data-motion=full] .main-navigation>a:hover>span:not(.nav-number){transform:translateY(-2px)}html[data-motion=full] .main-navigation>a:where(:hover)>svg{transform:translate(3px,-3px)}html[data-motion=full] .main-navigation>a[aria-current] .nav-number{color:#e7b5ac}html[data-motion=full] .motion-toggle[data-enabled=true] .motion-bars i{animation:.9s ease-in-out infinite alternate motion-bar}html[data-motion=full] .motion-toggle .motion-bars i:nth-child(2){animation-delay:-300ms}html[data-motion=full] .motion-toggle .motion-bars i:nth-child(3){animation-delay:-600ms}html[data-motion=full] .button{position:relative}html[data-motion=full] .button:after{content:"";inset-inline:16px;background:var(--red);transform-origin:0;height:2px;transition:transform var(--motion-panel) var(--motion-ease);pointer-events:none;position:absolute;bottom:6px;transform:scaleX(0)}html[data-motion=full] .button:not(:disabled):is(:hover,:focus-visible):after{transform:scaleX(1)}html[data-motion=full] .question summary svg{transition:transform .5s var(--motion-ease)}html[data-motion=full] :is(.button,.text-link,.project-card-title)>svg{transition:transform var(--motion-fast) var(--motion-ease)}html[data-motion=full] :is(.button,.text-link):is(:hover,:focus-visible)>.lucide-arrow-up-right,html[data-motion=full] .project-card-link:is(:hover,:focus-visible) .project-card-title>svg{transform:translate(4px,-4px)}html[data-motion=full] .button:is(:hover,:focus-visible)>.lucide-arrow-down{transform:translateY(4px)}@supports (interpolate-size:allow-keywords){html[data-motion=full] :is(.question,.project-details)::details-content{interpolate-size:allow-keywords;block-size:0;transition:block-size .5s var(--motion-ease), content-visibility .5s allow-discrete;overflow:clip}html[data-motion=full] :is(.question,.project-details)[open]::details-content{block-size:auto}}@supports (animation-timeline:view()){html[data-motion=full] .footer-wordmark{animation:linear both footer-rise;animation-timeline:view();animation-range:entry}}@media (max-width:850px){html[data-motion=full] .main-navigation[data-open=true]{animation:menu-unfold .45s var(--motion-ease) both;transform-origin:top}html[data-motion=full] .main-navigation[data-open=true]>a{animation:menu-link .5s var(--motion-ease) both}html[data-motion=full] .main-navigation>a:nth-child(2){animation-delay:50ms}html[data-motion=full] .main-navigation>a:nth-child(3){animation-delay:.1s}html[data-motion=full] .main-navigation>a:nth-child(4){animation-delay:.15s}}@keyframes project-unfold{0%{clip-path:polygon(0 0,0 0,-20% 100%,0 100%)}to{clip-path:polygon(0 0,120% 0,100% 100%,0 100%)}}@keyframes motion-bar{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes menu-unfold{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes menu-link{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes footer-rise{0%{opacity:.35;transform:translateY(55px)}to{opacity:1;transform:none}}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced]::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}html[data-motion=reduced]::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}html[data-motion=reduced]::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}html[data-page-visible=false] body *{animation-play-state:paused!important}