/* FILUXIA V7.10.2 — Floating Saturn Hero
   Transparent hero: no panel, no card, no iframe, no decorative background. */
html body .hero .hero-art.fi-floating-saturn,
html body .hero .hero-copy > .hero-art.fi-floating-saturn {
  position: relative !important;
  display: block !important;
  height: 520px !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  isolation: isolate !important;
  pointer-events: auto;
}

html body .hero .hero-art.fi-floating-saturn::before,
html body .hero .hero-art.fi-floating-saturn::after {
  content: none !important;
  display: none !important;
}

.fi-floating-saturn-stage {
  position: absolute;
  inset: -8% -16% -8% -10%;
  z-index: 1;
  overflow: visible;
  background: transparent !important;
  pointer-events: none;
}

.fi-floating-saturn-canvas,
.fi-floating-saturn-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: transparent !important;
  border: 0;
  outline: 0;
}

.fi-floating-saturn-canvas {
  opacity: 0;
  transition: opacity .42s ease;
  pointer-events: auto;
  touch-action: pan-y;
}

.fi-floating-saturn.is-ready .fi-floating-saturn-canvas { opacity: 1; }
.fi-floating-saturn.is-ready .fi-floating-saturn-fallback { opacity: 0; }

.fi-floating-saturn-fallback {
  object-fit: contain;
  object-position: 56% 50%;
  opacity: 1;
  transition: opacity .32s ease;
  pointer-events: none;
  filter: drop-shadow(0 28px 34px rgba(46,24,52,.18));
}

/* No NASA/3D badge inside the hero. The visual stays purely FILUXIA. */
/* Source attribution lives in the footer, not on top of the planet. */
.fi-visual-sources {
  width: min(100% - 40px, 1280px);
  margin: 0 auto 22px;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  color: color-mix(in srgb, currentColor 58%, transparent);
  font-size: 11px;
  line-height: 1.65;
}
.fi-visual-sources summary {
  width: fit-content;
  cursor: pointer;
  list-style: none;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.fi-visual-sources summary::-webkit-details-marker { display: none; }
.fi-visual-sources summary::after { content: ' +'; }
.fi-visual-sources[open] summary::after { content: ' −'; }
.fi-visual-sources p { margin: 8px 0 0; max-width: 720px; }
.fi-visual-sources a { text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 1450px) {
  html body .hero .hero-art.fi-floating-saturn,
  html body .hero .hero-copy > .hero-art.fi-floating-saturn { height: 560px !important; }
  .fi-floating-saturn-stage { inset: -9% -18% -9% -10%; }
}

@media (max-width: 1100px) {
  html body .hero .hero-art.fi-floating-saturn,
  html body .hero .hero-copy > .hero-art.fi-floating-saturn { height: 475px !important; }
  .fi-floating-saturn-stage { inset: -6% -13% -6% -8%; }
}

@media (max-width: 850px) {
  html body .hero .hero-art.fi-floating-saturn,
  html body .hero .hero-copy > .hero-art.fi-floating-saturn { height: 440px !important; }
}

@media (max-width: 600px) {
  html body .hero .hero-art.fi-floating-saturn,
  html body .hero .hero-copy > .hero-art.fi-floating-saturn,
  html body .hero .hero-art.fi-floating-saturn.v782-mobile-inline-art,
  html body .hero .hero-art.fi-floating-saturn.v784-mobile-inline-art {
    height: 300px !important;
    min-height: 300px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .fi-floating-saturn-stage {
    inset: -9% -10% -6% -10%;
  }
  .fi-floating-saturn-fallback { object-position: center 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .fi-floating-saturn-canvas,
  .fi-floating-saturn-fallback { transition: none !important; }
}