.intro.intro-fly { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 0; align-items: center; padding: 32px 0 20px; min-height: 560px; }
.intro-fly .intro-copy { position: relative; z-index: 1; min-width: 0; }
#sniffly-fly-site { pointer-events: none; user-select: none; min-width: 0; width: 100%; color: #d8c5b8; }
#sniffly-fly-site .sf-stage { position: relative; width: 100%; height: 445px; isolation: isolate; background: radial-gradient(ellipse at center, #17191b 0, transparent 65%); }
#sniffly-fly-site canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
@media (max-width: 900px) {
  .intro.intro-fly { grid-template-columns: 1fr; gap: 0; padding-top: 26px; }
  .intro-fly .intro-copy { max-width: 680px; }
  .intro-fly .lead br { display: none; }
  #sniffly-fly-site { max-width: 640px; justify-self: center; }
  #sniffly-fly-site .sf-stage { height: 370px; }
}
@media (max-width: 420px) {
  #sniffly-fly-site .sf-stage { height: 300px; }
}
#sniffly-fly-site[data-unavailable="true"] canvas { visibility: hidden; }