/* Image frames and the requested title link only; original portal/buttons stay. */
.portal-image-stream {
  position:absolute;inset:8%;z-index:1;overflow:hidden;border-radius:50%;
  perspective:400px;perspective-origin:50% 12%;
  mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 34%,transparent 42%,transparent 58%,#000 66%,#000 91%,transparent);
}
.portal-site-shot {
  position:absolute;left:50%;top:78%;display:block;width:142px;line-height:0;
  will-change:transform,opacity;transform-origin:center;backface-visibility:hidden;
  touch-action:manipulation;
  padding:3px;border:1px solid rgb(255 255 255/.8);border-radius:11px;
  background:rgb(255 255 255/.94);box-shadow:0 5px 16px rgb(15 23 42/.14);
}
.portal-site-shot img {display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#fff;border-radius:7px;pointer-events:none}
.portal-project-link {position:relative;z-index:2;color:inherit;text-decoration:none}
.portal-project-link:hover {color:inherit;text-decoration:none}
.portal-project-link:focus-visible {outline:2px solid #0f172a;outline-offset:5px;border-radius:3px}
.portal-site-shot:focus-visible {outline:2px solid #0f172a;outline-offset:4px}
.portal-image-stream[data-static=true] {mask-image:none;perspective:none}
.portal-image-stream[data-static=true] .portal-site-shot {top:50%;will-change:auto}
@media(max-width:760px) {
  .portal-image-stream {perspective:280px}
  .portal-site-shot {width:96px}
}
@media(prefers-reduced-motion:reduce) {.portal-site-shot {will-change:auto}}