.meaning-section{background:#151414;color:#f6f2ed;position:relative;--mi-top:88px}.meaning-section>.section-label{margin-bottom:28px}.mi-track{position:relative}.meaning-ready .mi-track{height:1600px}.mi-sticky{border-top:1px solid #ffffff20;padding-top:26px}.meaning-ready .mi-sticky{position:sticky;top:var(--mi-top);height:min(560px,calc(100svh - var(--mi-top) - 24px));min-height:440px;display:flex;flex-direction:column}.mi-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.mi-top h2{font-size:clamp(24px,2.8vw,44px);font-weight:400;letter-spacing:-.015em;line-height:1.15}.mi-top h2>span{color:#df997f}.mi-counter{font-size:12px;white-space:nowrap;color:#77706a}.mi-counter b{color:#e4987d;font-weight:400}.mi-stage{position:relative;flex:1;min-height:0;margin:30px 0}.mi-panel{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:35px 0}.meaning-ready .mi-panel{position:absolute;inset:0;padding:0;visibility:hidden;pointer-events:none}.meaning-ready .mi-panel.is-active{visibility:visible;pointer-events:auto}.mi-visual{position:relative;min-width:0}.mi-diagram{width:100%;height:285px;display:block;overflow:visible}.mi-diagram text{font-family:Onest,sans-serif;fill:#a89e94;font-size:18px;letter-spacing:0}.mi-diagram .mi-small{font-size:13px;fill:#71675e}.mi-orbits{fill:none;stroke:#ffffff0e;stroke-width:1}.mi-focus-routes{fill:none;stroke:#b8795944;stroke-width:1}.mi-focus-nodes circle{fill:#c48768}.mi-focus-nodes>g{transition:opacity .25s}.mi-core{fill:#251c19;stroke:#d29474;stroke-width:1}.mi-core-glow{fill:#d17a4220;filter:blur(18px)}.mi-diagram .mi-core-text{fill:#f0c0a2;font-size:23px}.mi-focus-signals circle{fill:#ff9960;filter:drop-shadow(0 0 5px #ff7b4866)}.mi-visual-label{display:block;text-align:center;color:#6f665d;font-size:10px;letter-spacing:.03em;margin-top:12px}.mi-form-guides{fill:none;stroke:#ffffff0b;stroke-width:1}.mi-form-link{fill:none;stroke:#ac735755;stroke-width:1}.mi-module{transform-box:fill-box;transform-origin:center;will-change:transform}.mi-module rect{fill:#1c1917;stroke:#675445;stroke-width:1}.mi-module text{fill:#dfc7b5}.mi-brand-star{fill:none;stroke:#f5b88b;stroke-width:2}.mi-launch-rings{fill:none;stroke:#c48c671c;stroke-width:1}.mi-launch-rings circle{transform-origin:100px 175px}.mi-diagram .mi-launch-label{fill:#e1b495;font-size:16px}.mi-motion-base{fill:none;stroke:#5d46352b;stroke-width:1.5}.mi-motion-routes{fill:none;stroke:#e4986e;stroke-width:1.5}.mi-motion-routes path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mi-signal,0))}.mi-response circle{fill:#eaa572}.mi-motion-signals{fill:#ffc091;filter:drop-shadow(0 0 4px #ffaa6077)}.mi-feedback{fill:none;stroke:#86603f;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mi-feedback,0))}.mi-feedback-head{fill:none;stroke:#bd8862;stroke-width:1;opacity:var(--mi-feedback,0)}.mi-copy{min-width:0}.mi-index{display:block;color:#d99777;font-size:10px;margin-bottom:20px;letter-spacing:.03em}.mi-copy h3{font-size:clamp(27px,2.6vw,43px);font-weight:400;letter-spacing:-.018em;line-height:1.13}.mi-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.02em}.mi-line>span{display:block}.mi-copy>p{font-size:14px;line-height:1.75;color:#9c948b;margin-top:24px;max-width:480px;text-wrap:pretty}.mi-result{border-top:1px solid #ffffff18;padding-top:19px;margin-top:25px}.mi-result>span{color:#d99777;font-size:10px;letter-spacing:.03em}.mi-result p{font-size:13px;line-height:1.6;margin-top:8px;color:#cec4ba}.mi-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:auto}.mi-controls button{position:relative;display:flex;align-items:center;gap:17px;background:none;border:0;border-top:1px solid #ffffff20;padding:17px 0;text-align:left;font:inherit;font-size:12px;line-height:1.5;color:#766e66;cursor:pointer}.mi-controls button>span{font-size:9px;color:#76604d}.mi-controls button>i{position:absolute;left:0;top:-1px;right:0;height:1px;background:#e89a73;transform:scaleX(var(--mi-bar,0));transform-origin:left}.mi-controls button[aria-pressed=true]{color:#e9d8c9}.mi-controls button[aria-pressed=true]>span{color:#e4a17a}.mi-controls button:focus-visible{outline:2px solid #e89a73;outline-offset:5px}.meaning-ready .mi-line>span{transform:translateY(115%);transition:transform .65s cubic-bezier(.22,1,.36,1)}.meaning-ready .mi-panel.is-active .mi-line>span{transform:none;transition-delay:.07s}.meaning-ready .mi-panel.is-active .mi-line:nth-child(2)>span{transition-delay:.16s}.meaning-ready .mi-copy>p,.meaning-ready .mi-result,.meaning-ready .mi-index{opacity:0;transform:translateY(9px);transition:opacity .4s,transform .6s cubic-bezier(.22,1,.36,1)}.meaning-ready .mi-panel.is-active .mi-copy>p,.meaning-ready .mi-panel.is-active .mi-result,.meaning-ready .mi-panel.is-active .mi-index{opacity:1;transform:none}.meaning-ready .mi-panel.is-active .mi-copy>p{transition-delay:.22s}.meaning-ready .mi-panel.is-active .mi-result{transition-delay:.32s}.meaning-ready .mi-diagram{opacity:0;transition:opacity .45s}.meaning-ready .mi-panel.is-active .mi-diagram{opacity:1;transition-delay:.1s}
@media(min-width:1600px){.mi-diagram{height:330px}.mi-copy>p{font-size:17px}.mi-result p{font-size:15px}.mi-index,.mi-result>span{font-size:12px}}
@media(max-width:1100px){.mi-panel{gap:6%}.mi-diagram{height:245px}.mi-copy h3{font-size:28px}.mi-copy>p{font-size:13px;margin-top:19px}.mi-result{margin-top:20px;padding-top:15px}.mi-result p{font-size:12px}}
@media(max-height:650px) and (min-width:701px){.meaning-ready .mi-track{height:1400px}.meaning-ready .mi-sticky{min-height:360px;height:calc(100svh - var(--mi-top) - 16px);padding-top:18px}.mi-stage{margin:18px 0}.mi-diagram{height:210px}.mi-copy h3{font-size:25px}.mi-copy>p{font-size:11px;margin-top:14px;line-height:1.6}.mi-index{margin-bottom:12px}.mi-result{padding-top:10px;margin-top:14px}.mi-result p{font-size:11px}.mi-controls button{padding:10px 0}.mi-top h2{font-size:25px}}
@media(max-width:700px){.meaning-section>.section-label .label-right{display:none}.meaning-ready .mi-track{height:auto}.meaning-ready .mi-sticky{position:relative;top:0;height:auto;min-height:0;padding-top:22px}.mi-top{align-items:start}.mi-top h2{font-size:28px;max-width:230px}.mi-top h2>span{display:block}.mi-counter{font-size:10px;line-height:1.7}.mi-stage{margin:0}.meaning-ready .mi-panel,.mi-panel{position:relative;inset:auto;display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:35px 0;visibility:visible;pointer-events:auto;border-bottom:1px solid #ffffff18}.mi-diagram{height:210px}.mi-visual-label{margin-top:2px;font-size:9px}.mi-index{font-size:10px;margin-bottom:16px}.mi-copy h3{font-size:29px}.mi-copy>p{font-size:13px;line-height:1.7;margin-top:20px}.mi-result p{font-size:12px}.mi-result{margin-top:20px}.mi-controls{gap:15px;margin-top:15px}.mi-controls button{font-size:11px;gap:9px}.meaning-ready .mi-panel .mi-diagram{opacity:.45}.meaning-ready .mi-panel.is-active .mi-diagram{opacity:1}.meaning-ready .mi-panel .mi-line>span{transform:none}.meaning-ready .mi-panel .mi-copy>p,.meaning-ready .mi-panel .mi-result,.meaning-ready .mi-panel .mi-index{opacity:1;transform:none}.meaning-ready .mi-panel.is-active .mi-copy h3{color:#f5d1b6;transition:color .3s}}
@media(max-width:360px){.mi-copy h3{font-size:26px}.mi-diagram{height:190px}.mi-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.meaning-ready .mi-track{height:auto}.meaning-ready .mi-sticky{position:relative;top:0;height:auto;min-height:0}.meaning-ready .mi-panel{position:relative;inset:auto;visibility:visible;display:grid;padding:40px 0}.meaning-ready .mi-line>span{transform:none}.meaning-ready .mi-copy>p,.meaning-ready .mi-result,.meaning-ready .mi-index,.meaning-ready .mi-diagram{opacity:1;transform:none;transition:none}.mi-module{will-change:auto}.mi-controls{display:none}}
.mi-top h2>span{color:#8b827b;transition:color .4s}.mi-top h2>span.is-current{color:#e0a080}.mi-module text{fill:#e5cdb9}.mi-diagram .mi-small{fill:#938274}.mi-focus-routes{stroke:#bd866d66}.mi-form-link{stroke:#ca967155}.mi-focus-nodes text{fill:#c5b5a7}
@media(max-width:700px){.mi-top h2>span{display:inline}.mi-top h2>span:last-child{display:block}}
.meaning-section{background:radial-gradient(ellipse at 15% 45%,#2b1b19 0,transparent 54%),#151414}.meaning-ready .mi-sticky{height:calc(100svh - var(--mi-top) - 22px);max-height:800px}.mi-panel{grid-template-columns:1.1fr 1fr;gap:8%}.mi-art-stage{position:relative;min-height:330px}.mi-art-stage canvas{width:100%;height:340px;display:block}.mi-art-labels{display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;color:#bcaa99;margin-top:12px}.mi-art-labels>i{font-style:normal;color:#dda97f}.mi-art-labels strong{font-weight:400;color:#f5cba8}.mi-visual-label{font-size:10px;margin-top:13px;color:#9c8d7d}.mi-top h2{font-size:clamp(28px,3vw,48px)}.mi-copy h3{font-size:clamp(31px,3vw,48px);line-height:1.18}.mi-copy>p{font-size:15px;color:#b3a89e;line-height:1.8}.mi-result{padding-top:23px;margin-top:28px}.mi-result p{font-size:14px;color:#e1d0c0}.mi-index{font-size:12px;color:#e9ab83}.mi-top h2>span{color:#b4aaa2}.mi-top h2>span.is-current{color:#f0b58d}.mi-controls button{font-size:14px;color:#a3978a;padding:20px 0}.mi-controls button[aria-pressed=true]{color:#fff0df}.mi-stage{margin:22px 0}.mi-result>span{font-size:12px}
@media(min-width:1600px){.mi-art-stage canvas{height:440px}.mi-art-stage{min-height:440px}.mi-copy>p{font-size:18px}.mi-result p{font-size:16px}.mi-art-labels{font-size:14px}.mi-visual-label{font-size:12px}}
@media(max-height:800px) and (min-width:701px){.mi-art-stage canvas{height:290px}.mi-art-stage{min-height:290px}.mi-copy h3{font-size:32px}.mi-copy>p{font-size:13px;line-height:1.75}.mi-result p{font-size:12px}.mi-result{margin-top:23px;padding-top:18px}.mi-top h2{font-size:33px}.mi-controls button{padding:15px 0;font-size:12px}}
@media(max-width:700px){.meaning-ready .mi-sticky{height:auto;max-height:none}.mi-art-stage canvas{height:235px}.mi-art-stage{min-height:235px}.mi-copy h3{font-size:29px}.mi-copy>p{font-size:13px}.mi-result p{font-size:12px}.mi-top h2{font-size:28px}.mi-art-labels{font-size:11px;margin-top:0}.mi-controls button{font-size:11px;padding:15px 0}.mi-index{font-size:10px}.mi-visual-label{font-size:9px;margin-top:8px}}
@media(max-width:360px){.mi-copy h3{font-size:26px}.mi-art-stage canvas{height:210px}.mi-art-stage{min-height:210px}.mi-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.meaning-ready .mi-sticky{height:auto;max-height:none}}
@media(max-height:800px) and (min-width:701px){.mi-art-stage canvas{height:340px}.mi-art-stage{min-height:340px}.mi-art-labels{margin-top:0}.mi-visual-label{margin-top:8px}}
@media(max-height:650px) and (min-width:701px){.mi-art-stage canvas{height:230px}.mi-art-stage{min-height:230px}.mi-copy h3{font-size:25px}.mi-copy>p{font-size:11px;line-height:1.6}.mi-result{margin-top:15px;padding-top:12px}.mi-result p{font-size:11px}.mi-top h2{font-size:25px}.mi-stage{margin:16px 0}.mi-controls button{padding:12px 0}.mi-art-labels,.mi-visual-label{font-size:9px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.meaning-ready .mi-panel{display:flex;flex-direction:column}}
/* Give each pinned scene 1.2 viewport heights of reading/animation travel. */
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
  .meaning-ready .mi-track{height:calc(min(800px,calc(100svh - var(--mi-top) - 22px)) + 360svh)}
}

/* Form chapter uses IMPACT's graphite, wine and signal orange palette. */
.meaning-section[data-chapter="1"]{background:radial-gradient(ellipse at 22% 50%,#3b1629 0,transparent 55%),#151414}
.meaning-section[data-chapter="1"] .mi-index,.meaning-section[data-chapter="1"] .mi-result>span,.meaning-section[data-chapter="1"] .mi-art-labels>i{color:#ff5829}
.meaning-section[data-chapter="1"] .mi-art-labels strong{color:#f4f1ed}
.meaning-section[data-chapter="1"] .mi-top h2>span.is-current{color:#ff5829}
.meaning-section[data-chapter="1"] .mi-copy>p{color:#bdb1b7}
.meaning-section[data-chapter="1"] .mi-result p{color:#eee5e9}

/* One restrained IMPACT palette for all three chapters. */
.meaning-section,.meaning-section[data-chapter="1"]{background:radial-gradient(ellipse at 22% 48%,#321522 0,transparent 55%),#141315;color:#f4f1ed}
.mi-top h2>span{color:#a7949f}.mi-top h2>span.is-current{color:#ff5829}
.mi-index,.mi-result>span,.mi-art-labels>i{color:#ff5829}
.mi-art-labels,.mi-visual-label{color:#ae929f}.mi-art-labels strong{color:#eee5e9}
.mi-copy>p{color:#bdb1b7}.mi-result p{color:#eee5e9}
.mi-controls button{color:#a08b96}.mi-controls button>span{color:#aa6a83}
.mi-controls button>i{background:#ff5829}.mi-controls button[aria-pressed=true]{color:#f4f1ed}.mi-controls button[aria-pressed=true]>span{color:#ff5829}
.mi-counter{color:#a08b96}.mi-counter b{color:#ff5829}
@media(max-width:700px){.meaning-ready .mi-panel.is-active .mi-copy h3{color:#f4f1ed}}
/* Open knowledge graph: text sits on the network, without a separate object. */
.mi-panel[data-mi-panel="0"] .mi-art-labels,.mi-panel[data-mi-panel="0"] .mi-visual-label{display:none}
.mi-panel[data-mi-panel="0"] .mi-art-stage{min-height:340px}
.mi-panel[data-mi-panel="0"] canvas{display:block;height:380px;width:100%}
@media(min-width:1600px){.mi-panel[data-mi-panel="0"] canvas{height:470px}.mi-panel[data-mi-panel="0"] .mi-art-stage{min-height:470px}}
@media(max-height:800px) and (min-width:701px){.mi-panel[data-mi-panel="0"] canvas{height:340px}.mi-panel[data-mi-panel="0"] .mi-art-stage{min-height:340px}}
@media(max-height:650px) and (min-width:701px){.mi-panel[data-mi-panel="0"] canvas{height:230px}.mi-panel[data-mi-panel="0"] .mi-art-stage{min-height:230px}}
@media(max-width:700px){.mi-panel[data-mi-panel="0"] canvas{height:270px}.mi-panel[data-mi-panel="0"] .mi-art-stage{min-height:270px}}
@media(max-width:360px){.mi-panel[data-mi-panel="0"] canvas{height:235px}.mi-panel[data-mi-panel="0"] .mi-art-stage{min-height:235px}}
.meaning-section[data-chapter="0"]{background:#141315}
.mi-panel[data-mi-panel="0"] .mi-art-stage{overflow:hidden}
.mi-panel[data-mi-panel="0"] canvas{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}
