/* Shared brief MAT wordmark reveal, with square pixels from the site's motif. */
.mat-page-arrival{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background-color:var(--mat-bg,#1f1928);background-image:url('/mat-site/20261014-mobile/mat/paper-texture.webp');background-size:1100px auto;background-blend-mode:soft-light;pointer-events:none;animation:mat-arrive-away 140ms ease 280ms both}
.mat-pixel-logo{width:min(420px,76vw);aspect-ratio:3;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr)}
.mat-pixel-logo i{background-image:url('/mat-site/20261014-mobile/mat/wordmark.svg');background-size:1200% 400%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat;animation:mat-pixel-in 100ms steps(2,end) var(--tile-delay) both}
html[data-mat-theme=light] .mat-pixel-logo{filter:brightness(0) saturate(100%) invert(16%) sepia(28%) saturate(1327%) hue-rotate(180deg) brightness(94%) contrast(91%)}
.mat-page-arrival.is-departing{animation:mat-pixel-in 100ms ease both}
@keyframes mat-pixel-in{from{opacity:0}to{opacity:1}}
@keyframes mat-arrive-away{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.mat-page-arrival{display:none}}