/* Hallmark · component: connected scroll field · genre: editorial · theme: AltoMente light · signature: one persistent seed field across all chapters · v2.0.0 */
/* Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V4 */
/* User-directed choreography: one continuous field with a subtle ambient wave; prose stays still and scrolling stays native. */
.seed-story-shell{background:var(--brand-paper)}
.seed-story{width:min(var(--hero-width),calc(100% - 96px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}
.seed-story-content{grid-column:1;grid-row:1;min-width:0}
.seed-story-visual{grid-column:2;grid-row:1;align-self:start;position:sticky;top:calc(var(--header-height) + max(32px,(100svh - var(--header-height) - min(520px,36vw))/2));margin-block-start:max(32px,calc((100svh - var(--header-height) - min(520px,36vw))/2));min-width:0;pointer-events:none}
.seed-story-visual .sunflower-figure{width:100%}
.seed-stage{position:relative}
.sunflower-halo{position:absolute;inset:0;width:100%;height:auto;opacity:.38}
.sunflower-halo .sunflower-wave{--wave-x:.6px;--wave-y:.6px}
.seed-stage-guides{position:absolute;inset:0;pointer-events:none}
[data-seed-guide]{opacity:0}
.seed-stage-graph{position:absolute;inset:0}
/* Identical viewBox and projection to GRAPH_FLOW_GEOMETRY; the source graph remains intact. */
.seed-stage-graph .math-graph{position:absolute;left:21.02%;top:32.06%;width:57.96%;height:35.88%;overflow:visible}
.seed-stage-graph .axis{stroke:var(--brand-deep);opacity:1}
.seed-stage-graph .curve,.seed-stage-graph circle{opacity:.18}
.seed-stage-graph .graph-labels{fill:var(--brand-deep)}
.seed-stage-roots .curve,.seed-stage-roots circle:nth-of-type(2),.seed-stage-roots .graph-labels{display:none}
.seed-stage-roots circle{opacity:1}
.seed-stage-roots .seed-stage-formula{top:29%;font-size:1.875rem}
.seed-zero-label{position:absolute;top:60%;transform:translateX(-50%);font:500 1.125rem/1.4 var(--latin);color:var(--brand-deep)}
.seed-zero-one{left:39.926%}
.seed-zero-three{left:62.006%}
html[data-high-contrast=true] .seed-stage-graph :is(.axis,.curve){stroke:var(--brand-deep);opacity:1}
html[data-high-contrast=true] .seed-stage-graph circle{fill:var(--brand-deep);opacity:1}
.seed-stage-formula{position:absolute;top:23%;left:0;width:100%;text-align:center;font-size:1rem;color:var(--brand-deep);font-family:var(--latin)}
.seed-stage-caption{position:absolute;top:100%;inset-inline:0;text-align:center;font-size:1rem;color:var(--brand-deep);line-height:1.8}
.seed-stage-units,.seed-stage-plans{position:absolute;inset:0;direction:ltr}
.seed-stage-units span,.seed-stage-plans span{position:absolute;transform:translate(-50%,-50%);text-align:center;direction:rtl;color:var(--brand-deep)}
.seed-stage-units span{top:50%;font-size:1.5rem}
.seed-stage-plans span{top:52%;font-size:.8125rem}
.seed-stage-units span:nth-child(1),.seed-stage-plans span:nth-child(1){left:30%}
.seed-stage-units span:nth-child(2),.seed-stage-plans span:nth-child(2){left:50%}
.seed-stage-units span:nth-child(3),.seed-stage-plans span:nth-child(3){left:70%}
.sunflower-brand{position:absolute;inset:0;pointer-events:none;z-index:2}
/* Matches BRAND_FLOW_GEOMETRY: source viewBox28, scale .021, centre14 /17.3. */
.sunflower-brand-symbol{position:absolute;left:20.6%;top:13.67%;width:58.8%;height:auto}
.sunflower-brand-name{position:absolute;top:72%;left:50%;transform:translateX(-50%);font-family:var(--latin);font-size:1.25rem;font-weight:600;letter-spacing:-.6px;line-height:1.3;color:var(--brand-deep)}
[data-seed-flow] .sunflower-mark{position:relative;z-index:1}
/* Static/no-script fallback is the finished vector; JS reveals the construction only while needed. */
[data-seed-flow] .sunflower-seed{opacity:0}
.sunflower-wave-0{--wave-x:1.2px;--wave-y:.6px;--wave-duration:8s;--wave-delay:-1s}
.sunflower-wave-1{--wave-x:-.8px;--wave-y:1.4px;--wave-duration:9s;--wave-delay:-3s}
.sunflower-wave-2{--wave-x:1.4px;--wave-y:-.8px;--wave-duration:8s;--wave-delay:-5s}
.sunflower-wave-3{--wave-x:-1.2px;--wave-y:-.6px;--wave-duration:10s;--wave-delay:-2s}
.sunflower-wave-4{--wave-x:.8px;--wave-y:1.2px;--wave-duration:9s;--wave-delay:-6s}
.sunflower-wave-5{--wave-x:-1.4px;--wave-y:.8px;--wave-duration:8s;--wave-delay:-4s}
[data-seed-flow] .sunflower-wave{animation:seed-wave var(--wave-duration) ease-in-out var(--wave-delay) infinite alternate;animation-play-state:paused}
[data-seed-flow][data-ambient=true] .sunflower-wave{animation-play-state:running}
@keyframes seed-wave{from{transform:translate(calc(var(--wave-x) * -1),calc(var(--wave-y) * -1))}to{transform:translate(var(--wave-x),var(--wave-y))}}
html[data-reduce-motion] [data-seed-flow] .sunflower-wave{animation:none!important;transform:none!important}
.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-sm)}
.brand-icon{width:36px;height:36px;flex-shrink:0;transform:translateY(-8px)}
.seed-story .cinema-hero{min-height:calc(100svh - var(--header-height));background:transparent}
.seed-story .cinema-hero-inner{display:flex;width:100%;padding-block:var(--space-2xl);min-height:calc(100svh - var(--header-height))}
.seed-story .cinema-copy{padding-block:0}
.seed-story-content>.wrap{width:100%;max-width:none}
.seed-story-content>.section,.seed-story-content>.field{padding-block:96px}
.seed-story-content .section-head{display:block;margin-bottom:var(--space-xl)}
.seed-story-content .section-head p{margin-top:var(--space-lg);font-size:1.125rem}
.seed-story-content .section-head h2{font-size:2.25rem}
.seed-story-content .v2-tour{padding-block:96px}
.seed-story-content .hero-product{margin-top:0}
.seed-story-content .product-tour{padding:var(--space-lg) var(--space-md)}
.seed-story-content .tour-intro{display:block}
.seed-story-content .tour-intro>p{margin-top:var(--space-sm);max-width:100%}
.seed-story-content .tour-tabs [role=tab]{padding-inline:var(--space-sm);font-size:.875rem;white-space:normal}
.seed-story-content .product-workspace{display:block;min-height:0}
.seed-story-content .workspace-nav{display:none}
.seed-story-content .product-workspace .graph-block{display:block}
.seed-story-content .workspace-columns{grid-template-columns:minmax(0,1fr)}
.seed-story-content .tour-panels{min-height:0}
.seed-story-content .tour-explanation{display:block;padding:var(--space-md) 0;min-height:0}
.seed-story-content .tour-explanation :is(.article-fragment,.hint-demo){margin-top:var(--space-lg);min-height:0}
.seed-story-content :is(.split,.understanding-grid){display:block}
.seed-story-content .understanding-grid>div+div{margin-top:var(--space-lg)}
.seed-story-content .concept-visual{min-height:300px}
.seed-story-content .dark{background:transparent;color:var(--ink)}
.seed-story-content .dark :is(.text-link,.hint-button){color:var(--brand-deep)}
.seed-story-content .dark .split>div+div{margin-top:var(--space-xl)}
.seed-story-content .curriculum-stage{padding:var(--space-lg)}
.seed-story-content .unit-picker button{padding-inline:var(--space-md)}
.seed-story-content .human-layout{display:block;padding-block:var(--space-xl)}
.seed-story-content .human-layout>div{margin-top:var(--space-xl)}
.seed-story-content .human-layout h2{font-size:2.25rem}
.seed-story-content .plan-overview{grid-template-columns:minmax(0,1fr)}
.seed-story-content .cta-band{padding-block:96px}
.seed-story-content .cta-band h2{font-size:2.25rem}
@media(max-width:1100px){
 .seed-story{width:calc(100% - 40px);display:flex;flex-direction:column;gap:0}
 .seed-story-content{display:contents}
 .seed-story-content>.cinema-hero{order:0;width:100%}
 .seed-story-visual{order:1;position:static;width:min(100%,440px);margin:var(--space-xl) auto var(--space-2xl)}
 .seed-story-content>:not(.cinema-hero){order:2;width:100%}
 .seed-story .cinema-hero,.seed-story .cinema-hero-inner{min-height:0}
 .seed-story .cinema-hero-inner{padding-block:var(--space-xl) 0}
 .seed-story .cinema-copy h1{font-size:2.75rem}
 .seed-story-content>.section,.seed-story-content>.field,.seed-story-content .v2-tour{padding-block:var(--space-2xl)}
 .sunflower-brand-name{font-size:1rem}
 [data-seed-flow] .sunflower-wave{animation:none;transform:none}
}
@media(max-width:600px){.brand-icon{width:28px;height:28px;transform:translateY(-4px)}}
@media(min-width:1101px){
 /* The decorative left stage is the visual; the source graph stays available to assistive technology. */
 .seed-story[data-seed-ready=true] .seed-story-content .graph-block .math-graph,
 .seed-story[data-seed-ready=true] .seed-story-content .concept-visual{position:absolute;width:1px;height:1px;padding:0;margin:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){[data-seed-flow] .sunflower-wave{animation:none!important;transform:none!important}}
/* Individual seed currents replace the six synchronized group waves. */
[data-seed-flow] .sunflower-wave{animation:none;transform:none}
[data-seed-flow] .sunflower-halo{opacity:.5}
[data-seed-flow] .sunflower-halo circle{transform-box:fill-box;transform-origin:center}
html[data-reduce-motion] [data-seed-flow] .sunflower-halo circle{transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){[data-seed-flow] .sunflower-halo circle{transform:none!important;opacity:1!important}}