/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  color: #16323f; /* ink */
  background-color: #f7efdd; /* sand */
}

.font-serif-jp {
  font-family: "Zen Old Mincho", "Noto Serif JP", serif;
}

/* ふわっと浮かび上がるスクロールアニメーション */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* レジンの揺らぎを表現する波形の区切り線 */
.wave-divider {
  display: block;
  width: 100%;
  height: auto;
  line-height: 0;
}

/* 揺らめく光のブロブ装飾 */
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.35;
  pointer-events: none;
}