/* Ally Sky Project — uniform slice: top half shifted right (CSS reconstruction). */

:root {
  --site-nav-wordmark-size: 0.9375rem;
  --wordmark-slice: 52%;
  --wordmark-shift: 0.11em;
  --wordmark-ink: #e8eef4;
}

/* Site chrome wordmark (fixed size on every page). */
.site-nav__brand .wordmark--site-nav {
  display: block;
  color: var(--wordmark-ink);
  font-family: "Source Code Pro", ui-monospace, monospace;
  font-size: var(--site-nav-wordmark-size);
  font-style: italic;
  font-weight: 800;
  font-synthesis: none;
  letter-spacing: -0.06em;
  line-height: 1.05;
  filter: none;
  mix-blend-mode: normal;
  -webkit-font-smoothing: antialiased;
}

.site-nav__brand .wordmark--site-nav .wordmark__line {
  overflow: hidden;
  padding-right: calc(var(--wordmark-shift) + 0.05em);
}

.site-nav__brand .wordmark--site-nav .wordmark__layer {
  font: inherit;
  letter-spacing: inherit;
}

.site-brand .wordmark {
  --wordmark-slice: 52%;
  --wordmark-shift: 0.11em;
  --wordmark-ink: #e8eef4;
  --wordmark-sub-scale: 0.54;

  color: var(--wordmark-ink);
  font-family: "Source Code Pro", ui-monospace, monospace;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 1.05;
  filter: none;
  mix-blend-mode: normal;
}

.slide-brand .wordmark {
  --wordmark-slice: 52%;
  --wordmark-shift: 0.11em;
  --wordmark-ink: #e8eef4;
  --wordmark-sub-scale: 0.54;

  color: var(--wordmark-ink);
  font-family: "Source Code Pro", ui-monospace, monospace;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 1.05;
  filter: none;
  mix-blend-mode: normal;
}

.wordmark__line {
  position: relative;
  display: block;
}

.wordmark__line--sub {
  font-size: calc(1em * var(--wordmark-sub-scale));
  margin-top: 0.1em;
}

.wordmark__layer {
  display: block;
  white-space: nowrap;
}

.wordmark__layer--bottom {
  clip-path: inset(var(--wordmark-slice) 0 0 0);
}

.wordmark__layer--top {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  clip-path: inset(0 0 calc(100% - var(--wordmark-slice)) 0);
  transform: translateX(var(--wordmark-shift));
}

.site-brand .wordmark--horizontal {
  font-size: clamp(1.05rem, 3.2vw, 1.65rem);
  max-width: 100%;
}

.site-brand .wordmark__line,
.site-brand--reader .wordmark__line {
  overflow: hidden;
  padding-right: calc(var(--wordmark-shift) + 0.05em);
}

.wordmark--stacked {
  font-size: 1.65rem;
}

.site-brand--reader .wordmark--stacked {
  font-size: 1.35rem;
}

.site-brand--reader .wordmark--horizontal {
  font-size: clamp(0.95rem, 3vw, 1.35rem);
  max-width: 100%;
}

.slide-brand .wordmark--stacked {
  font-size: var(--wordmark-size, 1.65rem);
}

.slide-brand .wordmark--horizontal {
  font-size: var(--wordmark-size, 1.35rem);
}

/* Site nav — static slice wordmark (no JS glitch). */
.wordmark-nav-static {
  display: block;
  width: max-content;
  max-width: 100%;
  height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  font-size: var(--wordmark-nav-logo-size);
  overflow: hidden;
}

.wordmark-nav-static .transmission.wordmark {
  margin: 0;
  padding: 0.2rem 0;
  height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Source Code Pro", ui-monospace, monospace;
  font-style: italic;
  font-weight: 800;
  font-synthesis: none;
  letter-spacing: -0.06em;
  line-height: 1.05;
  font-size: 1em;
  color: var(--wordmark-ink, #e8eef4);
  animation: none;
  text-shadow:
    1px 0 rgba(255, 90, 190, 0.32),
    -1px 0 rgba(142, 202, 232, 0.32);
}

.wordmark-nav-static .wordmark__line {
  overflow: hidden;
  padding-right: calc(var(--wordmark-shift) + 0.05em);
  height: var(--wordmark-nav-line-h);
  min-height: var(--wordmark-nav-line-h);
  max-height: var(--wordmark-nav-line-h);
}

/* Site nav glitch logo — NTQTP tear (wordmark-glitch.js + beacon-glitch.js). */
:root {
  --wordmark-nav-logo-size: clamp(1.35rem, 4.2vw, 2rem);
  --wordmark-nav-line-h: calc(var(--wordmark-nav-logo-size) * 1.05);
  --wordmark-nav-block-h: calc(var(--wordmark-nav-line-h) + 0.4rem);
}

.site-nav__brand {
  height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  overflow: hidden;
}

@media (max-width: 40rem) {
  .site-nav__brand {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .site-nav__brand .wordmark-hero-wrap,
  .site-nav__brand .wordmark-nav-static {
    max-width: none;
    overflow: visible;
  }

  .wordmark-nav-static .transmission.wordmark,
  .site-nav__brand .wordmark-hero-wrap .transmission.wordmark {
    overflow: visible;
  }
}

.site-nav__brand .wordmark-hero-wrap {
  display: block;
  width: max-content;
  max-width: 100%;
  height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  font-size: var(--wordmark-nav-logo-size);
  contain: layout style;
  overflow: hidden;
}

.wordmark-hero-wrap {
  max-width: 100%;
  position: relative;
}

.wordmark-hero-zone {
  position: relative;
  height: var(--wordmark-nav-block-h);
  min-height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  overflow: hidden;
}

.wordmark-hero-wrap .transmission.wordmark {
  margin: 0;
  padding: 0.2rem 0;
  max-width: 100%;
  height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Source Code Pro", ui-monospace, monospace;
  font-style: italic;
  font-weight: 800;
  font-synthesis: none;
  letter-spacing: -0.06em;
  line-height: 1.05;
  font-size: 1em;
  color: var(--wordmark-ink, #e8eef4);
  text-shadow:
    1px 0 rgba(255, 90, 190, 0.32),
    -1px 0 rgba(142, 202, 232, 0.32);
}

.wordmark-hero-wrap .transmission-tear.wordmark {
  padding: 0.2rem 0;
  height: var(--wordmark-nav-block-h);
  max-height: var(--wordmark-nav-block-h);
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}

.wordmark-hero-wrap .wordmark__line {
  overflow: hidden;
  padding-right: calc(var(--wordmark-shift) + 0.05em);
  height: var(--wordmark-nav-line-h);
  min-height: var(--wordmark-nav-line-h);
  max-height: var(--wordmark-nav-line-h);
}

.wordmark-hero-wrap .wordmark__layer {
  white-space: nowrap;
  height: var(--wordmark-nav-line-h);
  max-height: var(--wordmark-nav-line-h);
  overflow: hidden;
  line-height: var(--wordmark-nav-line-h);
}

.wordmark-hero-wrap .transmission-main.wordmark {
  animation: wordmark-hero-blink 6.5s step-end infinite;
}

@keyframes wordmark-hero-blink {
  0%,
  91%,
  100% {
    opacity: 1;
  }
  92% {
    opacity: 0.78;
  }
  94% {
    opacity: 1;
  }
  96% {
    opacity: 0.88;
  }
}

.wordmark-hero-wrap.is-stabilized .transmission-noise,
.wordmark-hero-wrap.is-stabilized .transmission-tear {
  display: none !important;
}

.wordmark-hero-wrap.is-stabilized .transmission-main.wordmark,
.wordmark-hero-wrap.is-stabilized.is-tearing .transmission-main.wordmark {
  animation: none !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .wordmark-hero-wrap .transmission-main.wordmark {
    animation: none;
  }
}