/* v77 — consistent sheen language and reliable Guide acknowledgements */

/* Header wordmark: a soft light pass without altering the supplied artwork. */
.universalNav > .navCenterMark { position:relative!important; isolation:isolate; }
.universalNav > .navCenterMark::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:5% -30%;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 40%,rgba(255,231,177,.03) 45%,rgba(255,234,185,.28) 50%,rgba(255,231,177,.04) 55%,transparent 60%);
  transform:translateX(-58%);
  animation:controlSheenV77 10s ease-in-out infinite;
  mix-blend-mode:screen;
}

/* Reuse pseudo-elements only as noninteractive light passes; legacy compass
   markings remain removed. */
.experienceDock .guideToggle::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  inset:-18%!important;
  border:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,transparent 40%,rgba(255,229,168,.34) 50%,transparent 60%)!important;
  transform:translateX(-65%)!important;
  animation:guideSheenV77 8.5s ease-in-out infinite!important;
}
.experienceDock .guideToggle::after { content:none!important;display:none!important; }

.fieldConditions::before,
.soundscapeBar.trackBar::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(110deg,transparent 40%,rgba(255,230,174,.18) 50%,transparent 60%)!important;
  transform:translateX(-115%);
  animation:barSheenV77 11s ease-in-out infinite!important;
}
.fieldConditions > *,
.soundscapeBar.trackBar > * { position:relative;z-index:2; }

@keyframes controlSheenV77 { 0%,56%{transform:translateX(-58%);opacity:0} 66%{opacity:1} 79%,100%{transform:translateX(58%);opacity:0} }
@keyframes guideSheenV77 { 0%,48%{transform:translateX(-65%);opacity:0} 58%{opacity:.9} 74%,100%{transform:translateX(65%);opacity:0} }
@keyframes barSheenV77 { 0%,62%{transform:translateX(-115%);opacity:0} 70%{opacity:1} 84%,100%{transform:translateX(115%);opacity:0} }

/* The cover already uses the page-title sheen; these supporting labels receive
   a quieter pass so the hierarchy remains centered on the dial. */
.entranceCore > small {
  background:linear-gradient(105deg,#bd9048 0 38%,#fff0bf 50%,#c89b50 62%,#bd9048 100%);
  background-size:240% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  animation:entranceSheenV76 9s linear infinite!important;
}

@media(max-width:760px) {
  /* Preserve the intended two-line title: THE / WATCHTOWER, never WATCHTO / WER. */
  .communityHero h1 {
    max-width:none!important;
    font-size:clamp(38px,11.2vw,51px)!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  .universalNav>.navCenterMark::after,
  .experienceDock .guideToggle::before,
  .fieldConditions::before,
  .soundscapeBar.trackBar::after,
  .entranceCore>small { animation:none!important; }
}