/* A staggered pixel wipe and rolling label, shared by the primary actions. */
.pixel-button{position:relative;isolation:isolate;overflow:hidden}
.contact-card.pixel-button{position:fixed}
.pixel-button .button-pixels{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none;font-style:normal}
.button-pixels>i{background:#c0fe04;transform:scaleY(0);transform-origin:bottom;transition:transform 150ms steps(2,end);transition-delay:0ms}
.pixel-button:is(:hover,:focus-visible) .button-pixels>i{transform:scaleY(1);transition-delay:var(--tile-delay)}
.pixel-button .button-roll{display:block;position:relative;height:1.25em;line-height:1.25;overflow:hidden;animation:none;z-index:1}
.button-roll-track{display:block;transition:transform 430ms cubic-bezier(.22,1,.36,1)}
.button-roll-line{display:block;height:1.25em;white-space:nowrap}
.pixel-button:is(:hover,:focus-visible) .button-roll-track{transform:translateY(-50%)}
.menu-actions .pixel-button:hover{background:var(--paper)}
.pixel-button:is(:hover,:focus-visible){color:#111}
.pixel-button:focus-visible{outline:2px solid #c0fe04;outline-offset:4px}
.button-motion-arrow{position:absolute;right:12px;top:50%;font-style:normal;font-size:13px;line-height:1;opacity:0;transform:translate(-6px,calc(-50% + 6px));transition:transform 300ms cubic-bezier(.22,1,.36,1),opacity 150ms;pointer-events:none}
.pixel-button:is(:hover,:focus-visible) .button-motion-arrow{opacity:1;transform:translate(0,-50%);transition-delay:110ms}
.contact-card.pixel-button>.button-roll{position:absolute;right:32px}
.contact-card.pixel-button img{transition:transform 430ms cubic-bezier(.22,1,.36,1)}
.contact-card.pixel-button:is(:hover,:focus-visible) img{transform:rotate(-7deg) scale(1.08)}
.case-contact.pixel-button{padding-right:32px}
@media(prefers-reduced-motion:reduce){
 .button-pixels>i,.button-roll-track,.button-motion-arrow,.contact-card.pixel-button img{transition:none!important;transition-delay:0ms!important}
 .pixel-button:is(:hover,:focus-visible) .button-roll-track,.contact-card.pixel-button:is(:hover,:focus-visible) img{transform:none}
}

.contact-card.pixel-button .contact-hover-photo{position:absolute;left:11px;top:11px;width:28px;height:28px;object-fit:cover;object-position:center;opacity:0;transition:opacity .15s ease,transform .43s cubic-bezier(.22,1,.36,1)}
.contact-card.pixel-button:is(:hover,:focus-visible) .contact-hover-photo{opacity:1}
.contact-card.pixel-button .contact-default-photo{transition:opacity .15s ease,transform .43s cubic-bezier(.22,1,.36,1)}
.contact-card.pixel-button:is(:hover,:focus-visible) .contact-default-photo{opacity:0}
@media(prefers-reduced-motion:reduce){.contact-card.pixel-button .contact-hover-photo,.contact-card.pixel-button .contact-default-photo{transition:none}}