.contact-arrow{fill:currentColor;pointer-events:none;flex:none;width:3.5rem;height:2.45rem;overflow:visible}.contact-arrow--assemble circle{animation:.9s cubic-bezier(.16,1,.3,1) both contact-dot-assemble}@keyframes contact-dot-assemble{0%{transform:translate(var(--dot-x), var(--dot-y));opacity:.15}to{opacity:1;transform:translate(0)}}.contact-action:after{content:"";transform-origin:0;pointer-events:none;background:currentColor;height:2px;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.contact-action:is(:hover,:focus-visible):after{animation:.48s cubic-bezier(.16,1,.3,1) both contact-line-signal}@keyframes contact-line-signal{0%{transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.contact-arrow--assemble circle,.contact-action:is(:hover,:focus-visible):after{animation:none}}html.project-transition::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html.project-transition::view-transition-old(root){display:none}html.project-transition::view-transition-new(root){animation:none}html.project-transition::view-transition{pointer-events:none}html.project-transition::view-transition-group(project-title){z-index:1}html.project-transition::view-transition-new(project-field){animation:.42s ease-out both project-field-arrive}@keyframes project-field-arrive{0%{opacity:0}to{opacity:1}}.project-signal{pointer-events:none;width:100%;height:9rem;position:absolute;inset:auto 0 0}[data-signal-active] .dot-field--tile{opacity:.28}@media (prefers-reduced-motion:reduce){.project-signal{display:none}}