/* A chalkboard that becomes a portrait. Motion follows the reader's scroll. */
.mind-story{background:#111510;position:relative;border-bottom:1px solid #3f4b32}
.mind-sticky{position:relative;padding:28px 5vw 24px;isolation:isolate;background:radial-gradient(ellipse at 73% 43%,#25302355,transparent 55%),linear-gradient(90deg,#71855308 1px,transparent 1px),linear-gradient(#71855308 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}
.mind-top{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #73865a45;padding-bottom:20px;position:relative;z-index:3}
.mind-top h1{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:.1px;margin:0;color:var(--yellow)}
.mind-top h1 span{font-weight:400;color:#b5bda8;margin-left:12px}
.mind-top>a,.mind-bottom>a{font-size:14px;border-bottom:1px solid #82915e;padding-bottom:2px;white-space:nowrap}
.mind-layout{max-width:1500px;width:100%;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;padding:35px 0}
.mind-copy{position:relative;z-index:3;min-width:0}
.mind-chapter{padding:25px 0}
.mind-chapter .eyebrow{color:#b0bf8f;font-size:12px;letter-spacing:2px;margin-bottom:28px}
.mind-chapter h2{font-size:clamp(44px,5.4vw,83px);line-height:1.03;letter-spacing:-2.8px}
.mind-chapter h2 em{display:inline-block;margin-top:6px}
.mind-chapter>p:not(.eyebrow){max-width:420px;font-size:18px;line-height:1.7;color:#bfc5b4;margin-top:27px;margin-bottom:0}
.mind-chapter .text-link{margin-top:22px}
.mind-step-labels{display:flex;align-items:center;gap:12px;max-width:320px;font-size:12px;color:#7f8a72;margin-top:20px}
.mind-step-labels .active{color:var(--yellow)}
.mind-step-labels i{height:1px;flex:1;background:#485139}
.mind-visual{perspective:1000px;min-width:0;position:relative}
.mind-canvas{position:relative;aspect-ratio:1;max-width:610px;margin:auto;transform:rotateX(var(--lean-y,0deg)) rotateY(var(--lean-x,0deg));transition:transform .2s ease-out;isolation:isolate}
.mind-portrait{position:absolute;inset:0;opacity:1}
.mind-portrait .portrait-stage{height:100%;border:0;border-radius:4px;box-shadow:none}
.chalk-brain{position:absolute;inset:5%;pointer-events:none;mix-blend-mode:screen;opacity:0;transform-origin:50% 50%;z-index:2;will-change:transform,opacity}
.chalk-brain img{width:100%;height:100%;object-fit:contain;display:block}
.mind-questions{position:absolute;inset:0;z-index:4;transform-origin:50% 36%}
.mind-node{position:absolute;padding:9px 12px;background:#111510e8;border:1px solid #76855277;border-radius:2px;color:#ebedcf;font:italic 17px/1.3 Georgia,serif;box-shadow:0 5px 22px #0003;transition:border-color .2s,background .2s;max-width:215px}
.mind-node:before{content:'+';font:16px/1 monospace;color:var(--yellow);display:inline-block;margin-right:7px}
.mind-node span{display:block;color:#b6c58c;font:10px/1.4 'DM Sans',sans-serif;letter-spacing:1.2px;margin-top:6px;text-transform:uppercase}
.mind-node:hover{background:#253021;border-color:var(--yellow)}
.node-ai{left:0;top:6%;transform:rotate(-5deg)}.node-history{right:-1%;top:27%;transform:rotate(4deg)}.node-space{left:-3%;bottom:18%;transform:rotate(-3deg)}.node-strategy{right:0;bottom:2%;transform:rotate(3deg)}
.chalk-note{position:absolute;bottom:0;left:7%;font:italic 16px Georgia,serif;color:#a9b68b;transform:rotate(-5deg);opacity:0}
.mind-portrait-tools{display:flex;gap:15px;justify-content:flex-end;align-items:center;margin-top:16px;min-height:40px}
.mind-portrait-tools>span{font-size:10px;letter-spacing:1px;color:#a9b991}
.mind-portrait-tools button{border:1px solid #7b8c56;border-radius:4px;background:transparent;color:var(--yellow);font-size:13px;padding:8px 13px}
.mind-bottom{position:relative;display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid #73865a45;padding-top:19px;z-index:5}
.mind-bottom p{margin:0;font-size:14px;color:#c4cdb4}
.mind-scrubber{display:none;align-items:center;gap:14px}.mind-scrubber label{font-size:12px;color:#aab79a}.mind-scrubber input{width:150px;accent-color:var(--yellow);cursor:ew-resize;touch-action:pan-y;height:28px;margin:0}.mind-scrubber input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.mind-scrubber>span{font:12px monospace;color:var(--yellow);width:26px}
.mind-story:not(.motion-ready) .mind-scroll-hint,.mind-story:not(.motion-ready) .mind-step-labels,.mind-story:not(.motion-ready) .mind-questions{display:none}
.mind-story.motion-ready{height:290svh;min-height:1900px}
.motion-ready .mind-sticky{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column}
.motion-ready .mind-layout{flex:1;min-height:0;padding:12px 0}
.motion-ready .mind-chapters{position:relative;min-height:365px;display:grid}
.motion-ready .mind-chapter{grid-area:1/1;opacity:0;transform:translateY(18px);transition:opacity .28s,transform .4s;pointer-events:none;align-self:center;padding:0}
.motion-ready .mind-chapter.current{opacity:1;transform:none;pointer-events:auto}
.motion-ready .mind-canvas{width:min(100%,calc(100svh - 210px));max-width:610px}
.motion-ready .chalk-brain{opacity:1}.motion-ready .mind-portrait{opacity:0;will-change:transform,opacity}.motion-ready .chalk-note{opacity:1}.motion-ready .mind-portrait-tools{opacity:0}.motion-ready .mind-scrubber{display:flex}
@media(min-width:1600px){.mind-chapter h2{font-size:86px}}
@media(max-width:1000px){.mind-layout{gap:20px;grid-template-columns:1fr 1fr}.mind-chapter h2{font-size:56px}.mind-node{font-size:14px;padding:8px;max-width:185px}.mind-node span{font-size:9px}.mind-top h1 span{display:none}.mind-scrubber input{width:120px}.mind-bottom{gap:16px}.mind-bottom>a{font-size:12px}.mind-bottom p{font-size:12px}}
@media(max-width:700px){
 .mind-sticky{padding:20px 22px}.mind-top{padding-bottom:14px}.mind-top h1{font-size:14px}.mind-top>a{font-size:12px}
 .mind-layout{grid-template-columns:1fr;gap:8px;padding:15px 0}.mind-copy{order:0}.mind-visual{order:1}
 .mind-chapter h2{font-size:43px;letter-spacing:-1.6px;line-height:1}.mind-chapter h2 br{display:none}.mind-chapter h2 em{margin-top:0}.mind-chapter .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:1.5px}.mind-chapter>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-top:18px;max-width:440px}.mind-chapter .text-link{font-size:13px;margin-top:10px}
 .mind-step-labels{display:none}.motion-ready .mind-chapters{min-height:210px}.motion-ready .mind-sticky{min-height:650px}.motion-ready .mind-layout{align-content:center;gap:4px}
 .motion-ready .mind-canvas{width:min(100%,calc(100svh - 380px));max-width:405px}.mind-node{font-size:13px;padding:6px 8px;max-width:167px}.mind-node span{font-size:8px;letter-spacing:.7px;margin-top:4px}.node-ai{top:0;left:-3%}.node-history{top:27%;right:-5%}.node-space{bottom:17%;left:-5%}.node-strategy{bottom:-2%;right:-4%}.chalk-note{font-size:12px;left:0;bottom:-2%}
 .mind-portrait-tools{margin-top:8px;min-height:32px;gap:10px}.mind-portrait-tools>span{font-size:8px}.mind-portrait-tools button{font-size:11px;padding:6px 9px}
 .mind-bottom{display:grid;grid-template-columns:1fr auto;gap:9px;padding-top:13px}.mind-bottom p{font-size:11px}.mind-bottom>a{font-size:11px}.mind-scrubber{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:10px}.mind-scrubber input{flex:1;max-width:180px;width:100px}.mind-scrubber label{font-size:11px}
 .mind-story.motion-ready{height:260svh;min-height:1700px}
 .mind-story:not(.motion-ready) .mind-canvas{max-width:430px}.mind-story:not(.motion-ready) .mind-chapter{padding:20px 0}
}
@media(prefers-reduced-motion:reduce){.mind-canvas{transform:none!important}.mind-chapter{transition:none}.mind-story{height:auto!important;min-height:0!important}}
.chalk-brain img{filter:contrast(1.6) brightness(1.1)}
.mind-canvas{background:#111510}
.chalk-brain{mix-blend-mode:screen}
.chalk-brain img{mask-image:radial-gradient(ellipse at center,#000 55%,transparent 73%)}
/* Scroll-directed product reveal: two foreground layers, then blueprint to color. */
.mind-film{position:absolute;inset:0;overflow:hidden;perspective:900px;border-radius:8px;background:#111510;isolation:isolate}
.brain-split{position:absolute;inset:0;z-index:2;pointer-events:none;perspective:900px}
.brain-half{position:absolute;inset:5%;transform-origin:50% 50%;will-change:transform,opacity;mix-blend-mode:screen}
.brain-half img{display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.6) brightness(1.1);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 73%)}
.brain-left img{clip-path:inset(0 49.9% 0 0)}
.brain-right img{clip-path:inset(0 0 0 50%)}
.brain-left{transform-origin:35% 50%}.brain-right{transform-origin:65% 50%}
.mind-portrait .assembly-blueprint{z-index:1;pointer-events:none;will-change:clip-path}
.mind-portrait .assembly-light{position:absolute;top:0;bottom:0;width:1px;background:#e6fa54;box-shadow:0 0 16px 5px #e6fa543b;z-index:2;opacity:0;pointer-events:none}
.mind-portrait .portrait-blueprint{z-index:3}.mind-portrait .portrait-coordinate{z-index:4}
.motion-ready .mind-portrait{transform-origin:50% 42%;will-change:transform,clip-path;opacity:1}
.mind-story:not(.motion-ready) .brain-split,.mind-story:not(.motion-ready) .assembly-blueprint,.mind-story:not(.motion-ready) .assembly-light{display:none}
.mind-story.motion-ready{height:320svh;min-height:2100px}
@media(max-width:700px){.mind-story.motion-ready{height:290svh;min-height:1900px}}