/* Shared kinetic hero for the multilingual homepage and experimental preview. All typography, layout and warming
   continue to come from the homepage's shared stylesheet and script. */
.kinetic-homepage .kinetic-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.kinetic-homepage .kinetic-scene.is-ready { opacity: 1; }
.kinetic-homepage .kinetic-plate,
.kinetic-homepage .kinetic-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.kinetic-homepage .kinetic-plate { object-fit: cover; object-position: center; }
.kinetic-homepage .kinetic-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(55,59,56,.82) 0%,rgba(55,59,56,.58) 38%,rgba(55,59,56,.06) 72%);
}
.kinetic-homepage .kinetic-toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 7px 12px;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,.4);
  background: rgba(44,50,45,.6);
  color: #fff;
  font: inherit;
  letter-spacing: .06em;
  cursor: pointer;
}
.kinetic-homepage .kinetic-toggle[hidden] { display: none; }
.kinetic-homepage .kinetic-toggle:hover { background: rgba(100,110,99,.65); }
.kinetic-homepage .kinetic-toggle:focus-visible { outline: 2px solid #e3ec98; outline-offset: 4px; }
.kinetic-homepage .kinetic-toggle-icon { width: 12px; font-size: 14px; text-align: center; }
@media (min-width:901px) {
  /* Reserve room for the accessible 44px pause control below the hero links. */
  .kinetic-homepage .hero { padding-bottom: 120px; }
}
@media (max-width:760px) {
  .kinetic-homepage .kinetic-plate { object-position: 62% center; }
}
@media (max-width:560px) {
  .kinetic-homepage .hero-foot { gap: 12px; }
  .kinetic-homepage .kinetic-toggle { padding: 6px 10px; letter-spacing: .02em; }
}