/* The portfolio is white even when the OS uses a dark appearance. */
.t-gen {
  --gen-line: #9a9a9a;
  --gen-strong: #6c6c6c;
  --gen-ink: rgba(13, 13, 13, .32);
  --gen-surface: #fff;
}
.page-reveal-pending :is(.site-header, main, .footer-layer) { opacity: 0; transition: none; }
/* The skeleton owns the entrance; avoid a second slide on the modal. */
.project-dialog[open] { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .page-reveal-pending :is(.site-header, main, .footer-layer) { opacity: 1; }
}

/* Keep only the content wireframe and its reveal, without construction noise. */
.t-gen-dot, .t-gen-flyer, .t-gen-guide, .t-gen-handle,
.t-gen-reticle, .t-gen-label { display: none; }

/* Restore the original generation details for the homepage only. */
.t-gen--home :is(.t-gen-dot,.t-gen-flyer,.t-gen-guide,.t-gen-handle,.t-gen-reticle){display:initial}
.t-gen--home .t-gen-dot{fill:rgba(13,13,13,.16)}