/* A shared rhythm: unfold, reveal, settle. Native scrolling is unchanged. */
:root{--motion-ease:cubic-bezier(.22,.72,.18,1);--surface-corner:32px 8px 32px 8px}
.scroll-motion-on .scroll-word-inner{transform:translateY(108%);opacity:0;transition:transform .6s var(--motion-ease),opacity .45s ease;transition-delay:var(--line-delay,0ms)}
.scroll-motion-on .heading-landed .scroll-word-inner{transform:translateY(0);opacity:1}
.scroll-heading{perspective:none}
/* Hover is a small lift, never a second competing tilt. */
.scroll-motion-on .category-card,.scroll-motion-on .strain-card,.scroll-motion-on .comparison-card,.scroll-motion-on .collection-card{transform:none;transform-style:flat;transition:transform .3s var(--motion-ease),background .3s,border-color .3s,opacity .7s}
@media(hover:hover) and (pointer:fine){
 .scroll-motion-on .category-card:hover,.scroll-motion-on .strain-card:hover,.scroll-motion-on .comparison-card:hover,.scroll-motion-on .collection-card:hover{transform:translateY(-4px)}
}
.scroll-motion-on .art-orbit,.scroll-motion-on .strain-ring{rotate:0deg;border-style:solid}
.scroll-motion-on .finder-star,.scroll-motion-on .trust-rail i,.scroll-motion-on .trust-rail>span:nth-child(2) i,.scroll-motion-on .type-links a>span,.scroll-motion-on .footer-top .back-top,.scroll-motion-on .about-mark{rotate:0deg}
.scroll-motion-on .type-links a,.scroll-motion-on .type-links a:nth-child(even){translate:none}
.scroll-motion-on .category-top .card-arrow,.orbital-lines,.study-rings,.trait-one,.trait-two,.trait-one .trait-icon,.sex-symbols span{animation:none;translate:none;rotate:none}
.collection-botanical svg>g:not(.orbital-lines):not(.root-lines){animation-duration:9s}
.scroll-motion-on .knowledge-feature{transition:clip-path .8s var(--motion-ease),opacity .7s,transform .8s var(--motion-ease)}
.scroll-motion-on.motion-ready .finder-panel:not(.is-visible){transform:translateY(28px)}
.scroll-motion-on .finder-panel{transform:none;transition:transform .7s var(--motion-ease),opacity .6s}
/* The same organic contour, edge treatment and terrain rhythm throughout. */
.category-card,.strain-art,.collection-card,.collection-card:nth-child(2),.comparison-card,.comparison-card:nth-child(2),.finder-panel,.seed-study,.knowledge-feature{border-radius:var(--surface-corner)}
.finder-options button,.type-links a{border-radius:16px 5px 16px 5px}
.article-row,.article-row:last-child,.values-list>div,.faq-item,.faq-item:last-child{border-style:solid;border-color:var(--line)}
.terrain-edge{height:64px}
.terrain-stratum{opacity:.14}.terrain-roots{opacity:.16}
.page-section:after{opacity:.065}
.scroll-motion-on .about-mark:after{border-style:solid}
/* Section 05: specimen, traced connections, labels, supporting legend. */
.scroll-motion-on .seed-study.story-ready .study-visual img{animation:none;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .7s ease,transform .9s var(--motion-ease)}
.scroll-motion-on .seed-study.story-play .study-visual img{opacity:1;transform:none}
.scroll-motion-on .seed-study.story-ready .study-rings{opacity:0;transition:opacity .8s ease .25s}
.scroll-motion-on .seed-study.story-play .study-rings{opacity:.4}
.scroll-motion-on .seed-study.story-ready .root-lines path{animation:none;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--motion-ease) .5s}
.scroll-motion-on .seed-study.story-play .root-lines path{stroke-dashoffset:0}
.scroll-motion-on .seed-study.story-ready .study-visual svg>g:last-child,.scroll-motion-on .seed-study.story-ready .study-legend span{opacity:0;transition:opacity .5s ease 1.1s}
.scroll-motion-on .seed-study.story-play .study-visual svg>g:last-child,.scroll-motion-on .seed-study.story-play .study-legend span{opacity:1}
.scroll-motion-on .seed-study .study-legend span:nth-child(2){transition-delay:1.25s}
.scroll-motion-on .seed-study .study-legend span:nth-child(3){transition-delay:1.4s}
/* Section 06: each side arrives, followed by the relationship and conclusion. */
.scroll-motion-on .comparison-card.story-ready .compare-infographic> *{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .65s var(--motion-ease);transition-delay:.15s}
.scroll-motion-on .comparison-card.story-ready .compare-infographic> :nth-child(3){transition-delay:.4s}
.scroll-motion-on .comparison-card.story-ready .compare-infographic> :nth-child(2){transition-delay:.7s}
.scroll-motion-on .comparison-card.story-ready .compare-infographic>p{transition-delay:1s}
.scroll-motion-on .comparison-card.story-play .compare-infographic> *{opacity:1;transform:none}
@media(max-width:760px){.terrain-edge{height:48px}:root{--surface-corner:24px 6px 24px 6px}}
/* Every stage remains readable when motion is paused or reduced. */
body:not(.scroll-motion-on) .scroll-word-inner{transition:none;transform:none;opacity:1}
body:not(.scroll-motion-on) .study-visual img,body:not(.scroll-motion-on) .study-rings,body:not(.scroll-motion-on) .trait-circle,body:not(.scroll-motion-on) .sex-symbols span{animation:none}
@media(prefers-reduced-motion:reduce){.scroll-word-inner,.story-ready *{transition:none!important;animation:none!important}}
