/* 文章を保ち、視線が届いたときだけ芽と見出しを動かす。 */
.seed-tagline{display:inline-flex;align-items:center;gap:6px;max-width:100%}
.learning-sprout{width:28px;height:32px;flex:0 0 28px;color:#4b8659;transform-origin:50% 100%;pointer-events:none}
.play-message{padding-top:0}
.empathy h2 .empathy-line{font-size:inherit}
.growth-ready .learning-sprout{transform:scaleY(.06);opacity:0}
.growth-visible .learning-sprout{animation:sprout-rise .85s cubic-bezier(.2,.8,.25,1.2) both}
.growth-ready .empathy-line{opacity:0;transform:translateX(-36px)}
.growth-visible .empathy-line{animation:heading-arrive .65s cubic-bezier(.16,1,.3,1) both}
.growth-visible .empathy-line:nth-child(2){animation-delay:.12s}
@keyframes sprout-rise{0%{opacity:0;transform:scaleY(.06)}25%{opacity:1}75%{transform:scaleY(1.1)}100%{opacity:1;transform:scaleY(1)}}
@keyframes heading-arrive{to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.empathy h2{font-size:clamp(16px,5.2vw,23px)}.empathy h2 .empathy-line{font-size:inherit;letter-spacing:0}.learning-sprout{width:24px;height:28px;flex-basis:24px}.seed-tagline{gap:2px}}
@media(prefers-reduced-motion:reduce){.growth-ready .learning-sprout,.growth-ready .empathy-line{animation:none;transform:none;opacity:1}}
