/* v78 — video-synchronized entrance and anchored desktop compass */

.entranceVideo {
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  background:#030504;
  filter:brightness(.72) saturate(.8) contrast(1.06);
  transition:opacity .38s ease,filter .75s ease;
  pointer-events:none;
}
.avlrEntrance.hasEntranceVideo .entranceVideo { opacity:1; }
.avlrEntrance.videoOpening .entranceVideo { filter:brightness(.94) saturate(.9) contrast(1.04); }
.avlrEntrance.hasEntranceVideo .entranceDoor { opacity:0!important;visibility:hidden!important; }
.avlrEntrance.hasEntranceVideo::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at center,transparent 16%,rgba(1,3,2,.18) 58%,rgba(1,3,2,.72) 100%),linear-gradient(0deg,rgba(3,5,4,.6),transparent 34% 72%,rgba(3,5,4,.42));
  transition:opacity .7s ease;
}
.avlrEntrance.videoOpening::after { opacity:.35; }
.avlrEntrance .entranceCore { z-index:3!important; }
.avlrEntrance.hasEntranceVideo .entranceDial { width:clamp(150px,19vw,225px)!important; }
.avlrEntrance.hasEntranceVideo .entranceMotto { margin-bottom:clamp(19px,2.6vh,29px)!important; }
.avlrEntrance.hasEntranceVideo .entranceCore>small { margin-top:clamp(20px,2.5vh,28px)!important; }
.avlrEntrance.hasEntranceVideo .entranceLogo { width:min(275px,58vw)!important; }
.avlrEntrance.videoOpening .entranceCore { opacity:0!important;transform:scale(.975)!important;transition:opacity .34s .18s ease,transform .55s ease!important; }

/* Keep the desktop control in the first navigation slot. Only its inner star
   searches for North; the outer button never translates, jumps, or rotates. */
@media(min-width:1081px) {
  .universalNav>.brand,
  .universalNav.menuOpen>.brand {
    position:relative!important;
    inset:auto!important;
    order:1!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
    transform:none!important;
    animation:none!important;
    overflow:visible!important;
    background:radial-gradient(circle,#0b0e0c 0 58%,#60431e 59% 61%,#090b09 62% 72%,#b98b42 73% 75%,#070908 76%)!important;
  }
  .universalNav>.brand::before,
  .universalNav.menuOpen>.brand::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:5px!important;
    border:0!important;
    border-radius:50%!important;
    background:url('assets/apparel-star-core-v56.svg') center/92% no-repeat!important;
    transform-origin:center!important;
    animation:headerInnerNorthV78 9s cubic-bezier(.25,.06,.15,1) infinite!important;
  }
  .universalNav>.brand::after,
  .universalNav.menuOpen>.brand::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-3px!important;
    border:1px dashed rgba(217,174,91,.32)!important;
    border-radius:50%!important;
    transform:none!important;
  }
  .universalNav>.brand:is(:hover,:focus-visible) { transform:none!important;filter:brightness(1.12); }
}
@keyframes headerInnerNorthV78 {
  0%,12%,74%,100%{transform:rotate(0)}
  24%{transform:rotate(14deg)}
  36%{transform:rotate(-9deg)}
  47%{transform:rotate(5deg)}
  58%{transform:rotate(-2deg)}
  66%{transform:rotate(0)}
}

/* Community is the umbrella. WatchTower remains the named Discord/stream hub. */
.communityHero h1 { white-space:nowrap!important; }

@media(max-width:760px) {
  .entranceVideo { object-position:center center; }
  .avlrEntrance.hasEntranceVideo .entranceDial { width:min(42vw,180px)!important; }
  .avlrEntrance.hasEntranceVideo .entranceMotto { font-size:clamp(22px,6.8vw,30px)!important; }
  .avlrEntrance.hasEntranceVideo .entranceLogo { width:min(235px,57vw)!important; }
  .communityHero h1 { font-size:clamp(39px,12vw,56px)!important; }
}

@media(prefers-reduced-motion:reduce) {
  .entranceVideo { display:none!important; }
  .avlrEntrance.hasEntranceVideo .entranceDoor { opacity:1!important;visibility:visible!important; }
  .universalNav>.brand::before,.universalNav.menuOpen>.brand::before { animation:none!important; }
}