/* design-forge preset: luxury — animations
   高級系：ゆっくり・深く・静かに。速い動きは禁止 */

@keyframes fadeUp{
  from{opacity:0;transform:translateY(34px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.015);opacity:.92}
}

/* スクロール出現(JSで .is-visible 付与) — 深くゆっくり浮かび上がる */
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1.4s cubic-bezier(.22,.6,.2,1),transform 1.4s cubic-bezier(.22,.6,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal:nth-child(2){transition-delay:.25s}
.reveal:nth-child(3){transition-delay:.5s}

/* ホバー — わずかに浮き、金がにじむ */
.hover-lift{transition:transform var(--speed),box-shadow var(--speed),border-color var(--speed)}
.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-m),0 0 32px rgba(201,165,78,.14);border-color:rgba(201,165,78,.5)}

/* luxury固有：燭のようにゆらぐ装飾 */
.float-deco{animation:float 9s ease-in-out infinite}

/* luxury固有：金の光が静かに流れるシマー */
@keyframes shine{
  0%{transform:translateX(-130%) skewX(-22deg)}
  100%{transform:translateX(260%) skewX(-22deg)}
}
.shine{position:relative;overflow:hidden}
.shine::after{
  content:"";position:absolute;top:0;left:0;width:34%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,243,206,.4),transparent);
  animation:shine 6.5s ease-in-out infinite;
}

/* luxury固有：金文字のグラデーションがゆっくり揺蕩う */
@keyframes goldFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.gold-flow{background-size:220% 100%;animation:goldFlow 10s ease-in-out infinite}