/* Arrival on the Studio / Art page from the homepage's click (page-entry.js).
   Set by the inline script in work/index.html and art/index.html:
   html.gw-entry       this load continues the homepage's transition
   html.gw-entry-hold  the header is still settling: page held, scroll locked
   html.gw-entry-live  the entrance frame is drawn (title lines may show) */

/* The header's own entry fades are replaced by the transition itself. */
html.gw-entry .site-kicker,
html.gw-entry .site-header .text-reveal {
  animation: none;
  opacity: 1;
  transform: none;
  transition: none;
}

html.gw-entry-hold,
html.gw-entry-hold body {
  overflow: hidden;
}

html.gw-entry-hold .brand-mark img,
html.gw-entry-hold .brand-mark svg,
html.gw-entry-hold:not(.gw-entry-live) .site-kicker {
  visibility: hidden;
}

html.gw-entry-hold .nav-links > a,
html.gw-entry-hold .nav-links > button {
  clip-path: inset(0 0 100% 0);
}

/* Page content waits for the header, then reveals with its usual motion;
   the scroll-drawn cat line draws itself in to where the scroll puts it. */
html.gw-entry-hold .cats-line-stroke {
  stroke-dashoffset: 1 !important;
  transition: none !important;
}

html.gw-entry-hold main .reveal,
html.gw-entry-hold main .text-reveal {
  opacity: 0 !important;
  transform: translateY(34px) !important;
  transition: none !important;
}

.gw-entry-svg {
  height: 100%;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 40;
}

.gw-entry-text {
  font-family: "Unbounded", Arial, Helvetica, sans-serif;
  white-space: pre;
}