/* Full-screen canvas host for the aurora effect */
.aurora-container {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* purely decorative */
  z-index: 0;
}

/* Slight vignette for depth over the aurora */
.aurora-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 40%, rgba(0,0,0,0.35) 100%);
  pointer-events: none;
}

/* Hero area with centered logo and the blur effect behind it */
.shape-blur-hero {
  position: relative;
  width: min(680px, 90vw);
  height: 360px;
  margin: 0 auto;
  display: grid;
  place-items: center;
}
.shape-blur-canvas {
  position: absolute;
  inset: 0;
  filter: blur(16px) saturate(160%);
}
.logo {
  position: relative;
  max-width: 90%;
  width: 560px;
  height: auto;
  display: block;
}

/* White empty section placeholder for future content */
.next-section {
  width: 100%;
  min-height: 70vh;
  background: transparent; /* transparent as requested */
  border-radius: 20px;
  margin-top: 2rem;
  display: grid;
  place-items: center;
}

/* BlurText heading styling */
.blur-text {
  margin: 0;
  font-size: clamp(2rem, 6vw, 4rem);
  font-weight: 800;
  letter-spacing: 0.02em;
  text-align: center;
}
.blur-text-segment { display: inline-block; }

/* Circular gallery container under the heading */
.circular-gallery-wrap {
  width: min(1200px, 92vw);
  height: 600px;
  position: relative;
  margin: 2rem auto 0;
}
.circular-gallery {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
}
.circular-gallery:active { cursor: grabbing; }

/* Extra white section for future content */
.white-section {
  margin-top: 2rem;
  min-height: 60vh;
  background: #ffffff;
  border-radius: 20px;
}