html[data-portal-leave=in] .project-card[data-portal-source] .project-plate,html[data-portal-leave=out] [data-portal-hero][data-portal-source]{view-transition-name:project-source}html[data-portal-leave=out] [data-portal-copy]{view-transition-name:project-copy}html[data-portal-leave=out] [data-portal-bar]{view-transition-name:project-bar}.project-portal{z-index:2147483000;pointer-events:none;contain:strict;view-transition-name:project-portal;position:fixed;inset:0;overflow:hidden}.project-portal img{transform-origin:0 0;will-change:transform;max-width:none;display:block;position:absolute;top:0;left:0}.project-portal .is-sharp{opacity:0;transition:opacity .24s linear}.project-portal .is-sharp.is-ready{opacity:1}html[data-portal-state=loading] .project-portal{visibility:hidden}html[data-portal=in][data-portal-state] [data-portal-copy]{view-transition-name:project-copy}html[data-portal=in][data-portal-state] [data-portal-bar]{view-transition-name:project-bar}.project-card[data-portal-landing] .project-plate,[data-portal-hero][data-portal-landing]{visibility:hidden}html[data-portal]::view-transition{pointer-events:none}html[data-portal]::view-transition-group(*){animation:none}html[data-portal]::view-transition-image-pair(*){isolation:isolate}html[data-portal]::view-transition-old(*),html[data-portal]::view-transition-new(*){mix-blend-mode:normal;animation:none}html[data-portal]::view-transition-old(root),html[data-portal]::view-transition-new(root){transform-origin:var(--portal-x,50%) var(--portal-y,50%)}html[data-portal]::view-transition-group(project-portal){z-index:1}html[data-portal]::view-transition-group(project-source){z-index:2}html[data-portal]::view-transition-group(project-copy){z-index:3}html[data-portal]::view-transition-group(project-bar){z-index:4}html[data-portal]::view-transition-new(project-portal),html[data-portal-state=loading]::view-transition-old(*),html[data-portal-state=loading]::view-transition-new(root){animation:4s linear both portal-hold}html[data-portal=out][data-portal-state=loading]::view-transition-new(root){animation:4s linear both portal-hide}html[data-portal=in]::view-transition-old(root){z-index:1}html[data-portal=in][data-portal-state=flying]::view-transition-old(root){animation:.56s cubic-bezier(.45,0,.25,1) both portal-recede}html[data-portal=in][data-portal-state=flying]::view-transition-old(project-source){animation:.26s cubic-bezier(.3,0,.2,1) both portal-fade}html[data-portal=out]::view-transition-old(project-copy){animation:.3s cubic-bezier(.5,0,.75,0) both portal-letter-out}html[data-portal=out]::view-transition-old(project-bar){animation:.24s ease-out both portal-fade}html[data-portal=out][data-portal-state=flying]::view-transition-old(project-source){opacity:0}html[data-portal=out][data-portal-state=flying]::view-transition-new(root){animation:.72s cubic-bezier(.2,0,0,1) .1s both portal-settle}html[data-portal=in][data-portal-state=plain]::view-transition-old(*){animation:.36s cubic-bezier(.45,0,1,1) both portal-recede}html[data-portal=in][data-portal-state=plain]::view-transition-new(root){animation:.62s cubic-bezier(.2,0,0,1) .22s both portal-arrive}html[data-portal=out][data-portal-state=plain]::view-transition-old(*){animation:.34s cubic-bezier(.45,0,1,1) both portal-withdraw}html[data-portal=out][data-portal-state=plain]::view-transition-new(root){animation:.68s cubic-bezier(.2,0,0,1) .2s both portal-settle}@keyframes portal-hold{0%,to{opacity:1}}@keyframes portal-hide{0%,to{opacity:0}}@keyframes portal-fade{to{opacity:0}}@keyframes portal-recede{to{opacity:0;transform:scale(1.06)}}@keyframes portal-withdraw{to{opacity:0;transform:scale(.96)}}@keyframes portal-arrive{0%{opacity:0}}@keyframes portal-settle{0%{opacity:0;transform:scale(1.035)}}@keyframes portal-letter-out{to{opacity:0;transform:translateY(22px)}}@media (prefers-reduced-motion:reduce){html[data-portal]::view-transition-group(*),html[data-portal]::view-transition-old(*),html[data-portal]::view-transition-new(*){animation-duration:0s!important}}.project-open{z-index:2;cursor:pointer;position:absolute;inset:0}.project-open:focus-visible{outline-offset:-5px;outline:1px solid #fff}.project-card[data-project-page] .project-title a{transition:opacity .3s}.project-card[data-project-page] .project-title a:hover{opacity:.6}.project-story-link{align-items:center;gap:20px;min-height:44px;padding-block:14px 5px;font-size:12px;display:inline-flex}.project-story-link span{transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-story-link:hover span{transform:translate(3px,-3px)}@media (hover:hover) and (pointer:fine){.project-card[data-project-page] .project-peek{display:none}}@media (hover:none),(pointer:coarse){.project-card[data-project-page] .project-peek{z-index:3}}