/* No autoplay, raster downloads, or animation dependencies. */
.motion-preview-note{text-align:center;font-size:11px;color:#728298;margin:10px 0 24px}
.has-arrived .project,.has-arrived .intro>div{animation:none}
.cover-detail{position:absolute;pointer-events:none;opacity:0;inset:0;width:100%;height:100%;color:var(--tint);transition:opacity .2s ease}
.cover-detail path,.cover-detail rect,.cover-detail circle{vector-effect:non-scaling-stroke}
.cover-detail .trace{stroke-dasharray:150;stroke-dashoffset:150;transition:stroke-dashoffset .55s ease}
.cover-detail .chip{transform-box:fill-box;transform-origin:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){
 .screen-button:hover .cover-detail{opacity:.65}
 .screen-button:hover .trace{stroke-dashoffset:0}
 .screen-button:hover .chip{transform:translateY(-3px)}
 .screen-button:hover img{transform:scale(1.012)}
}
.screen-button:focus-visible .cover-detail{opacity:.65}
.screen-button:focus-visible .trace{stroke-dashoffset:0}
.no-motion .cover-detail{display:none}
@media(prefers-reduced-motion:reduce){.cover-detail{display:none}}