/* Lightweight shared polish for standalone interactive project pages. */
.project-return {
  position: fixed;
  z-index: 1000;
  top: 86px;
  left: max(16px, env(safe-area-inset-left));
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(5,20,34,.74);
  color: #fff;
  font: 850 .75rem/1 system-ui,sans-serif;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.project-return:hover,.project-return:focus-visible { transform: translateY(-4px); background: rgba(3,105,161,.9); border-color: rgba(255,255,255,.42); }
.project-reveal { opacity:1; transform:none; }
.project-js .project-reveal { opacity:0; transform:translateY(28px); transition:opacity .68s cubic-bezier(.22,1,.36,1) var(--project-reveal-delay,0ms),transform .72s cubic-bezier(.22,1,.36,1) var(--project-reveal-delay,0ms); }
.project-js .project-reveal.is-visible { opacity:1; transform:none; }
@media(max-width:700px){.project-return{top:72px;left:10px;padding:9px 11px;font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.project-js .project-reveal{opacity:1;transform:none;transition:none}.project-return{transition:none}}