/* Same flying tile preview as the original four, now instantiated for every card. */
.portfolio-card .live-project-preview{position:absolute;inset:16px 10px auto;width:calc(100% - 20px);height:126px;opacity:0;transform:translateY(42px) scale(.6) rotate(-12deg);transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .3s;z-index:3;border:1px solid #839e5e;border-radius:3px;background:#11170a;overflow:hidden;box-shadow:0 12px 28px #0009;pointer-events:none}.portfolio-card:hover .live-project-preview,.portfolio-card:focus-visible .live-project-preview{opacity:1;transform:translateY(0) scale(1) rotate(-3deg)}.portfolio-card:hover .portfolio-logo,.portfolio-card:focus-visible .portfolio-logo{opacity:0;transform:scale(.4)}.portfolio-card:hover .portfolio-name,.portfolio-card:focus-visible .portfolio-name{transform:translateY(17px)}.tile-preview-surface{position:relative;height:108px;overflow:hidden;background:#0d1109;color:#b8c8a0;font-size:9px;text-align:center;padding-top:45px}.tile-preview-surface iframe{position:absolute;left:0;top:0;width:1440px;height:900px;transform:scale(var(--preview-scale,.13));transform-origin:0 0;border:0;background:white;opacity:0}.tile-preview-surface.preview-loaded iframe{opacity:1}.tile-preview-label{height:18px;font-size:8px;line-height:18px;color:#d8e9c2;padding-inline:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#202b14}.archive-surface{padding:10px!important}.archive-surface img{width:100%!important;height:80px!important;object-fit:contain;opacity:1!important;filter:none!important;transform:none!important}
@media(max-width:600px){.portfolio-card .live-project-preview{height:93px;inset:10px 6px auto;width:calc(100% - 12px)}.tile-preview-surface{height:75px;padding-top:30px}.portfolio-card:hover .portfolio-name{transform:translateY(10px)}}
@media(hover:none){.portfolio-card .live-project-preview{display:none!important}.portfolio-card:hover .portfolio-logo{opacity:1;transform:none}.portfolio-card:hover .portfolio-name{transform:none}}
@media(prefers-reduced-motion:reduce){.live-project-preview{transition:none!important}}
.tile-preview-surface.static-shot{padding:0}.tile-preview-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:none!important;opacity:1!important;transform:scale(1.015);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .tile-preview-shot,.portfolio-card:focus-visible .tile-preview-shot{transform:scale(1.06)}