*{margin:0;padding:0;box-sizing:border-box}.transition-grid{display:grid;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden;contain:strict}.transition-block{display:flex;justify-content:center;align-items:center;background-color:#0f0f0f;color:#8e928b;font-family:IBM Plex Mono,Geist Mono,monospace;font-size:11px;font-weight:400;opacity:0;contain:layout style}.transition-grid:after{content:"";position:absolute;inset:-96px;background-image:var(--noise-texture);background-repeat:repeat;opacity:0;pointer-events:none}.transition-grid.is-scrambling:after{opacity:.12;animation:transition-noise .48s steps(1,end) infinite}@keyframes transition-noise{0%{transform:translate(0)}25%{transform:translate(-29px,17px)}50%{transform:translate(41px,-23px)}75%{transform:translate(-13px,-37px)}}@view-transition{navigation:auto}::view-transition-group(project-cover),::view-transition-group(project-title){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}::view-transition-old(project-cover),::view-transition-new(project-cover){height:100%;object-fit:fill}.screen-portal{position:fixed;z-index:20;overflow:hidden;border-radius:12px;pointer-events:none}.screen-portal canvas{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.transition-grid.is-scrambling:after{animation:none;opacity:0}::view-transition-group(*){animation-duration:0s}}