/* v86 — touch-first utility controls, Windows motion resilience, and cache-safe Community hero. */

.fieldConditions {
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

/* Never expose the retired WatchTower artwork while the current Community clip decodes. */
.communityHero {
  background-image:linear-gradient(115deg,#080b09 0%,#101712 52%,#060807 100%)!important;
}
.initiativeFuture{padding:105px 7vw;background:#0f1411;border-block:1px solid rgba(205,169,105,.22)}
.initiativeFuture>div:first-child{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:end;margin-bottom:42px}
.initiativeFuture h2{margin:0}
.initiativeFutureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.initiativeFutureGrid article{padding:28px;border:1px solid rgba(205,169,105,.28);background:linear-gradient(145deg,#151b17,#0b0f0d);border-radius:16px}
.initiativeFutureGrid span{color:var(--gold2);font-size:9px;letter-spacing:.18em}
.initiativeFutureGrid h3{margin:10px 0;text-transform:none}
.initiativeFutureGrid p,.conceptNote{color:#aba294;line-height:1.65}
.conceptNote{margin:24px 0 0;font-size:12px}
@media(max-width:760px){.initiativeFuture{padding:78px 22px}.initiativeFuture>div:first-child,.initiativeFutureGrid{grid-template-columns:1fr}.initiativeFutureGrid{gap:10px}}

/* A short, centered signal remains available even when an OS reduces ambient motion. */
.experienceDock .guideToggle.guideJiggle,
.experienceDock.guidePrompt .guideToggle,
.experienceDock.guideResponding .guideToggle {
  animation:guideJiggleV86 .76s cubic-bezier(.25,.72,.28,1) 1!important;
  transform-origin:50% 50%!important;
}
@keyframes guideJiggleV86 {
  0%,100% { transform:translate3d(0,0,0) rotate(0) scale(1); }
  18% { transform:translate3d(-3px,0,0) rotate(-3deg) scale(1.03); }
  36% { transform:translate3d(3px,0,0) rotate(3deg) scale(1.04); }
  54% { transform:translate3d(-2px,0,0) rotate(-2deg) scale(1.03); }
  72% { transform:translate3d(2px,0,0) rotate(2deg) scale(1.02); }
}

/* Keep core story footage visible on Windows machines that advertise reduced motion.
   Decorative motion remains reduced; muted hero footage is treated as page content. */
@media (prefers-reduced-motion:reduce) {
  .heroMotion,.watchtowerMotion,.phaseMotion,.donationImage.donationMotion video { display:block!important; }
  .heroMotion,.watchtowerMotion { opacity:1!important; }
  .hero h1,.divisionHero h1,.storyHero h1,.communityHero h1,.veteranHero h1,.categoryHero h1,main>header h1 {
    animation:titleTrace 9s linear infinite!important;
  }
  .experienceDock .guideToggle.guideJiggle,
  .experienceDock.guidePrompt .guideToggle,
  .experienceDock.guideResponding .guideToggle { animation:guideJiggleV86 .76s cubic-bezier(.25,.72,.28,1) 1!important; }
}
@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine) {
  .companyGateways>a .gatewayMotion{display:block!important}
}

/* iPad and other coarse-pointer tablets get tap controls, not desktop hover assumptions. */
@media (hover:none), (pointer:coarse) {
  .fieldConditions { width:min(440px,calc(100vw - 24px))!important; }
  .fieldConditions:not(.touchExpanded) {
    width:min(260px,calc(100vw - 24px))!important;
    min-height:54px!important;
    grid-template-columns:1fr!important;
  }
  .fieldConditions:not(.touchExpanded) .fieldPeek { display:flex!important; }
  .fieldConditions:not(.touchExpanded) :is(.fieldExpandedLead,.fieldTemp,.fieldState) {
    position:absolute!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  .fieldConditions.touchExpanded .fieldPeek { display:none!important; }
  .soundscapeBar:not(.hoverExpanded) {
    width:min(242px,calc(100vw - 20px))!important;
  }
  .soundscapeBar.hoverExpanded {
    width:min(520px,calc(100vw - 20px))!important;
  }
  .soundscapeBar:not(.hoverExpanded) :is(.trackTimeline,.trackTime,.trackVolume,.trackMute,label) {
    display:none!important;
  }
}

@media (max-width:700px) {
  .fieldConditions { left:12px!important;right:12px!important;width:auto!important; }
  .soundscapeBar.hoverExpanded { width:calc(100vw - 20px)!important; }
}