:root[data-foco-intro="pending"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: #171d23;
}

.foco-intro[hidden], .foco-intro-flight[hidden] { display: none !important; }
.foco-intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at center, #29313a 0%, #171d23 72%);
  opacity: 1;
}
.foco-intro.is-revealing { opacity: 0; transition: opacity 450ms ease-in; pointer-events: none; }
.foco-intro-video { display: block; width: 100%; height: 100%; object-fit: contain; }
.foco-intro-skip {
  position: absolute;
  top: max(20px, env(safe-area-inset-top));
  right: max(20px, env(safe-area-inset-right));
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 2px;
  background: rgba(8,4,14,.5);
  color: #fff;
  font: 600 11px/1.3 OpenSans, Arial, sans-serif;
  letter-spacing: .05em;
  cursor: pointer;
  backdrop-filter: blur(8px);
}
.foco-intro-skip:hover, .foco-intro-skip:focus-visible { background: rgba(8,4,14,.85); }
.foco-intro-flight {
  position: fixed;
  z-index: 10000;
  max-width: none;
  height: auto;
  pointer-events: none;
  opacity: 0;
}
html.foco-intro-active body { overflow: hidden; }
html.foco-intro-active .site-header .logo img { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .foco-intro, .foco-intro-flight { display: none !important; }
}