.cover-aura-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;

  background: #f7fff9;
  filter: saturate(1.8) contrast(1.15);}

.cover-blob {
  position: absolute;

  width: 55vw;
  height: 55vw;

  border-radius: 50%;

  opacity: 1;
  filter: blur(90px);

  mix-blend-mode: multiply;
}

.thumbnail-page {
  position: relative;
  background: transparent;
  z-index: 5;}

.title-wrap {
  z-index: 20;}





.blob-1 {
  left: -18vw;
  top: 30vh;
  background: rgba(255, 180, 215, 0.85);
  animation: coverFloat1 9s ease-in-out infinite alternate;
}

.blob-2 {
  left: 38vw;
  top: 16vh;
  background: rgba(180, 220, 255, 0.55);
  animation: coverFloat2 12s ease-in-out infinite alternate;
}

.blob-3 {
  left: 65vw;
  top: 62vh;
  background: rgba(255, 240, 180, 0.75);
  animation: coverFloat3 11s ease-in-out infinite alternate;
}

.blob-4 {
  left: 12vw;
  top: -18vh;
  background: rgba(185, 255, 225, 0.75);
  animation: coverFloat4 10s ease-in-out infinite alternate;
}

.blob-5 {   /* 연보라 (보조) */
  background: rgba(220, 190, 255, 0.55);
}

.blob-6 {   /* 노랑-오렌지 포인트 */
  background: rgba(255, 205, 165, 0.65);
}

.blob-7 {   /* 흰빛 */
  background: rgba(255, 255, 255, 0.55);}

@keyframes coverFloat1 {
  0% { transform: translate(0, 0) scale(0.75); }
  30% { transform: translate(38vw, -16vh) scale(1.45); }
  65% { transform: translate(20vw, 28vh) scale(0.95); }
  100% { transform: translate(55vw, -4vh) scale(7); }
}

@keyframes coverFloat2 {
  0% { transform: translate(0, 0) scale(1.2); }
  35% { transform: translate(-35vw, 24vh) scale(0.7); }
  70% { transform: translate(10vw, 44vh) scale(1.55); }
  100% { transform: translate(-22vw, -8vh) scale(2); }
}

@keyframes coverFloat3 {
  0% { transform: translate(0, 0) scale(0.8); }
  45% { transform: translate(-52vw, -40vh) scale(1.45); }
  75% { transform: translate(-18vw, -10vh) scale(0.65); }
  100% { transform: translate(-65vw, -58vh) scale(1.25); }
}

@keyframes coverFloat4 {
  0% { transform: translate(0, 0) scale(1); }
  40% { transform: translate(48vw, 26vh) scale(1.5); }
  80% { transform: translate(15vw, 60vh) scale(0.75); }
  100% { transform: translate(62vw, 35vh) scale(6); }
}

@keyframes coverFloat5 {
  0% { transform: translate(0, 0) scale(0.75); }
  50% { transform: translate(-32vw, 46vh) scale(1.65); }
  100% { transform: translate(12vw, 62vh) scale(3); }
}

@keyframes coverFloat6 {
  0% { transform: translate(0, 0) scale(1.3); }
  45% { transform: translate(58vw, 18vh) scale(0.7); }
  100% { transform: translate(82vw, 75vh) scale(7); }
}

@keyframes coverFloat7 {
  0% { transform: translate(0, 0) scale(0.8); opacity: 0.45; }
  50% { transform: translate(-20vw, -38vh) scale(1.8); opacity: 0.9; }
  100% { transform: translate(28vw, -12vh) scale(0.6); opacity: 0.55; }}
.cover-aura-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;

  opacity: 0.2;
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.55) 1px, transparent 1.2px),
    radial-gradient(circle, rgba(255,255,255,0.7) 1px, transparent 1.4px);
  background-size: 3px 3px, 5px 5px;
  mix-blend-mode: overlay;}



#changing-word {
  display: inline-block;}

.thumbnail-sub {
  position: absolute;
  top: 57vh;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Noto Serif KR", serif;
  color: black;
  font-weight: 900;}

.title-wrap {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100vw;
  text-align: center;
  z-index: 10;
  pointer-events: none;}

.thumbnail-title {
  font-family: "Hedvig Letters Serif", serif;
  font-size: clamp(100px, 18vw, 290px);
  line-height: 0.9;
  font-weight: 100;
  color: black;}

.title-gap {
  display: inline-block;
  width: 2.7em;}

.title-unify {
  position: absolute;
  left: 50%;
  top: 0.095em;

  transform: translateX(-50%);

  font-family: "Hedvig Letters Serif", serif;
  font-size: clamp(100px, 14vw, 260px);
  line-height: 1;
  color: black;
  white-space: nowrap;
  transform-origin: center;}

.title-unify.font-monoton {
  font-family: "Monoton", cursive;
  transform: translateX(-50%) translateY(0.05em) scale(1);}

.title-unify.font-arbutus {
  font-family: "Arbutus", serif;
  transform: translateX(-50%) translateY(0.1em) scale(1);}

.title-unify.font-yuji {
  font-family: "Yuji Boku", serif;
  transform: translateX(-50%) translateY(-0.16em) scale(1.27);}

.title-unify.font-chokokutai {
  font-family: "Chokokutai", system-ui;
  transform: translateX(-50%) translateY(-0.19em) scale(1.4);}

.title-unify.font-syne {
  font-family: "Syne", sans-serif;
  font-weight: 800;
  transform: translateX(-50%) translateY(0.15em) scale(0.9);}

.title-unify.font-cutive {
  font-family: "Cutive Mono", monospace;
  transform: translateX(-50%) translateY(0.07em) scale(1.15);}

.title-unify.font-climate {
  font-family: "Climate Crisis", sans-serif;
  transform: translateX(-50%) translateY(0.04em) scale(0.95);}

.title-unify.font-alien {
  font-family: "Alien Block", sans-serif;
  transform: translateX(-50%) translateY(0.1em) scale(0.95);}

.title-unify.font-bitcount {
  font-family: "Bitcount Single", system-ui;
  transform: translateX(-50%) translateY(0.15em) scale(1.1);}

.title-unify.font-smokum {
  font-family: "Smokum", serif;
  transform: translateX(-50%) translateY(-0.1em) scale(1.5);}

.title-unify.font-foldit {
  font-family: "Foldit", sans-serif;
  transform: translateX(-50%) translateY(0.05em) scale(1.3);}

.title-unify.font-bytesized {
  font-family: "Bytesized", sans-serif;
  transform: translateX(-49%) translateY(0.1em) scale(1.4);}

.title-unify.font-jacquarda {
  font-family: "Jacquarda Bastarda 9", serif;
  transform: translateX(-55%) scale(1.2);}

.title-unify.font-special {
  font-family: "Special Elite", system-ui;
  transform: translateX(-50%) translateY(0.15em)scale(1.1);}



#changing-word.font-monoton {
  font-family: "Monoton", cursive !important;}

#changing-word.font-arbutus {
  font-family: "Arbutus", serif !important;}

#changing-word.font-yuji {
  font-family: "Yuji Boku", serif !important;}

#changing-word.font-chokokutai {
  font-family: "Chokokutai", system-ui !important;}

#changing-word.font-syne {
  font-family: "Syne", sans-serif !important;
  font-weight: 800;}

#changing-word.font-cutive {
  font-family: "Cutive Mono", monospace !important;}

#changing-word.font-climate {
  font-family: "Climate Crisis", sans-serif !important;}

#changing-word.font-bitcount {
  font-family: "Bitcount Single", system-ui !important;}