/* Studio Practice — Aurebesh easter egg (homepage only).
   Split-flap "flip clock" reveal of the nav wordmark.
   Original, self-hosted font — see /assets/fonts/. Linked only from index.html. */

@font-face {
  font-family: "aurebesh-wde-fam";
  src: url("/assets/fonts/Aurebesh.woff2") format("woff2"),
       url("/assets/fonts/Aurebesh.woff") format("woff");
  font-display: swap;
}

/* While the egg runs, a target (wordmark or nav link) becomes a row of flip cells. */
.ae-live {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  perspective: 380px;
}

.ae-cell {
  display: inline-block;
  flex: 0 0 auto;            /* never let a glyph get squished by the flex row */
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* the inter-word space */
.ae-cell.ae-space {
  width: 0.32em;
}

/* the galactic face */
.ae-cell.ae-galactic {
  font-family: "aurebesh-wde-fam", "Cormorant Garamond", Georgia, serif;
}

/* Reduced motion: skip the flip entirely, stay in plain English. */
@media (prefers-reduced-motion: reduce) {
  .ae-live { perspective: none; }
  .ae-cell { transition: none !important; transform: none !important; }
  .ae-cell.ae-galactic { font-family: inherit; }
}