.fire-eagle-globe,
.fire-eagle-globe * { box-sizing: border-box; }
.fire-eagle-globe {
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #030509;
  isolation: isolate;
}
.project-hero-media.fire-eagle-globe { aspect-ratio: 16 / 9; }
.fire-eagle-globe #globe,
.fire-eagle-globe #poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fire-eagle-globe #globe {
  opacity: 0;
  touch-action: pan-y;
  cursor: grab;
  transition: opacity .6s;
}
.fire-eagle-globe #globe[data-dragging=true] { cursor: grabbing; }
.fire-eagle-globe[data-ready=true] #globe { opacity: 1; }
.fire-eagle-globe[data-ready=true] #poster { visibility: hidden; }
.fire-eagle-globe #globe:focus-visible { outline: 2px solid #fb3949; outline-offset: -4px; }
.fire-eagle-globe .hero-brand {
  position: absolute;
  left: 32px;
  bottom: 28px;
  width: clamp(100px, 21%, 320px);
  aspect-ratio: 793 / 145;
  pointer-events: none;
}
.fire-eagle-globe .hero-brand img { position: absolute; inset: 0; width: 100%; height: 100%; }
/* Recolour only the original wordmark, leaving the transparent flame artwork intact. */
.fire-eagle-globe .hero-wordmark { filter: brightness(0) invert(1); clip-path: inset(0 35.1% 0 0); }
.fire-eagle-globe .hero-tools {
  position: absolute;
  bottom: 20px;
  right: 24px;
  display: flex;
  gap: 8px;
  opacity: 0;
  transition: opacity .2s;
}
.fire-eagle-globe:not([data-ready=true]) .hero-tools { visibility: hidden; }
.fire-eagle-globe .hero-tools:focus-within,
.fire-eagle-globe:hover .hero-tools { opacity: 1; }
.fire-eagle-globe .hero-tools button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #ffffff0d;
  color: #fff;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.fire-eagle-globe .hero-tools button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.fire-eagle-globe .hero-tools svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fire-eagle-globe .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.capture .fire-eagle-globe .hero-tools { display: none; }
.capture .fire-eagle-globe #globe { transition: none; }
@media (pointer: coarse) {
  .fire-eagle-globe .hero-tools { opacity: 1; bottom: 8px; right: 8px; gap: 0; }
  .fire-eagle-globe .hero-tools button { width: 44px; height: 44px; background: transparent; }
}
@media (max-width: 600px) {
  .fire-eagle-globe .hero-brand { left: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .fire-eagle-globe #globe,
  .fire-eagle-globe .hero-tools { transition: none; }
}