/* hwagryul.com - Zen Probability Garden */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--garden-white:#FAFAF5;--ink-stone:#2C2C2C;--sand:#E0DCCF;--gold-leaf:#B8A47E;--fog:#F0EDE5;--moss:#6B7E5E}
body{font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:0.95rem;line-height:1.9;color:var(--ink-stone);background:var(--garden-white);overflow-x:hidden}

#stone-arrangement{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
.bell-curve{width:200px;height:80px;opacity:0}
.bell-curve.visible{opacity:1}
.curve-path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.5s ease-in-out}
.curve-path.drawn{stroke-dashoffset:0}
.korean-title{font-family:'Noto Serif KR',serif;font-weight:300;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:0.06em;opacity:0;transition:opacity 0.6s ease}
.korean-title.visible{opacity:1}
.site-name{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1rem;color:var(--gold-leaf);opacity:0;transition:opacity 0.4s ease}
.site-name.visible{opacity:1}

#formula-stones{max-width:400px;margin:0 auto;padding:160px 2rem}
.formula-stone{margin-bottom:120px;text-align:center;opacity:0;transition:opacity 0.8s ease}
.formula-stone.visible{opacity:1}
.formula{font-family:'Noto Serif',serif;font-size:1.2rem;margin-bottom:1rem;letter-spacing:0.02em}
.var{color:var(--ink-stone)}
.op{color:var(--gold-leaf)}
.stone-text{font-size:0.95rem;color:var(--ink-stone);line-height:1.9}

#sand-wave{height:40vh;display:flex;align-items:center;overflow:hidden}
.wave-svg{width:100%;height:200px}
.wave-path{animation-timing-function:linear;animation-iteration-count:infinite}
.w1{animation:wave-move-1 15s linear infinite}
.w2{animation:wave-move-2 22s linear infinite}
.w3{animation:wave-move-3 31s linear infinite}
@keyframes wave-move-1{0%{transform:translateX(0)}100%{transform:translateX(-250px)}}
@keyframes wave-move-2{0%{transform:translateX(0)}100%{transform:translateX(-200px)}}
@keyframes wave-move-3{0%{transform:translateX(0)}100%{transform:translateX(-160px)}}

#single-stone{min-height:60vh;display:flex;align-items:center;justify-content:center}
.monumental-number{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(6rem,12vw,14rem);color:var(--ink-stone);opacity:0;transition:opacity 1.2s ease}
.monumental-number.visible{opacity:1}

#raked-sand{padding:80px 2rem;text-align:center;background:repeating-linear-gradient(0deg,var(--garden-white),var(--garden-white) 7px,var(--sand) 7px,var(--sand) 8px)}
.footer-text{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:0.9rem;color:var(--gold-leaf);letter-spacing:0.04em}