/* Three chapters share one sticky stage; the rest of the site keeps its paper layout. */
.ondi-story{position:relative;isolation:isolate;height:400svh;background:#eee8dc}
.ondi-story-stage{position:sticky;top:0;height:100svh;min-height:650px}
.ondi-story .ondi-lab{height:100%;min-height:0}
.ondi-story .ondi-lab-copy{top:20%;width:35%;max-width:480px}
.ondi-story-chapters{position:relative;height:var(--ondi-copy-height,465px)}
.ondi-story-chapter{margin:0}
.ondi-story-chapter+.ondi-story-chapter{margin-top:35px}
.ondi-story.is-story-ready .ondi-story-chapter{position:absolute;inset:0 auto auto 0;width:100%;margin:0;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(18px);transition:opacity .35s,transform .55s;pointer-events:none}
.ondi-story.is-story-ready .ondi-story-chapter.is-current{opacity:1;clip-path:inset(0);transform:none;pointer-events:auto}
.ondi-story-chapter>p:first-child{font:9px/1.5 Mono,monospace;letter-spacing:.035em;margin-bottom:24px}
.ondi-story .ondi-story-chapter :is(h1,h2){font:clamp(82px,8.3vw,138px)/.87 League,sans-serif;letter-spacing:-.015em;margin:0;color:inherit}
.ondi-story-chapter h2 em{font-style:normal;color:#6c705e}
.ondi-story .ondi-story-chapter .ondi-story-text{font:16px/1.55 Spectral,Georgia,serif;max-width:295px;margin-top:24px}
.ondi-story-scroll{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font:10px/1.5 Texto,sans-serif;margin-top:32px;opacity:.75;pointer-events:auto}
.ondi-story-scroll span{font:19px/1 Texto,sans-serif}
.ondi-story-scroll a{text-decoration:underline;text-underline-offset:3px}
.ondi-story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#17171512;z-index:5;pointer-events:none}
.ondi-story-progress:after{content:'';display:block;width:100%;height:100%;background:currentColor;transform:scaleX(var(--ondi-progress,0));transform-origin:left}
.ondi-story .ondi-lab-footer{bottom:25px}
.ondi-story .ondi-lab-label{font-size:9px}
.ondi-story .ondi-lab-caption{font-size:12px}
.ondi-story .ondi-lab-view-controls button{font-size:10px}
.ondi-story .ondi-lab-view-controls button[data-ondi-story-follow]{background:#171715;color:#f3f1e7;border-color:#171715}
.ondi-story .ondi-lab-view-controls [data-ondi-story-follow][hidden]{display:none}
.ondi-story .ondi-lab-help{font-size:9px;max-width:440px;margin-left:auto}
.ondi-story.is-reduced .ondi-story-chapter{transition:none}
.ondi-story.is-reduced .ondi-story-scroll{opacity:.7}
.ondi-story:not(.is-story-ready){height:auto}
.ondi-story:not(.is-story-ready) .ondi-story-stage{position:relative;height:auto}
.ondi-story:not(.is-story-ready) .ondi-lab{height:auto;min-height:0;overflow:visible}
.ondi-story:not(.is-story-ready) .ondi-lab-copy{position:relative;padding-top:145px;top:auto;left:auto;right:auto;margin:0 6vw;width:auto;max-width:none}
.ondi-story:not(.is-story-ready) .ondi-story-chapters{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.ondi-story:not(.is-story-ready) .ondi-story-chapter{margin:0}
.ondi-story:not(.is-story-ready) .ondi-story-chapter :is(h1,h2){font-size:clamp(55px,5.5vw,88px)}
.ondi-story:not(.is-story-ready) .ondi-lab-view{position:relative;inset:auto;height:65svh;min-height:350px;margin:30px 0}
.ondi-story:not(.is-story-ready) .ondi-lab-footer{position:relative;inset:auto;margin:25px 6vw 0;padding-bottom:30px}
.ondi-story:not(.is-story-ready) .ondi-story-scroll{display:none}
.ondi-story .ondi-lab.is-night .ondi-story-chapter h2 em{color:#b5c79d}
.ondi-story .ondi-lab.is-night [data-ondi-story-follow]{background:#f3f1e7;color:#171715;border-color:#f3f1e7}
@media(min-width:701px) and (max-height:790px){
 .ondi-story-stage{min-height:620px}
 .ondi-story .ondi-lab-copy{top:19%}
 .ondi-story .ondi-story-chapter :is(h1,h2){font-size:clamp(80px,7.6vw,118px)}
 .ondi-story-chapters{height:var(--ondi-copy-height,410px)}
 .ondi-story .ondi-story-chapter .ondi-story-text{font-size:15px;margin-top:20px}
 .ondi-story-scroll{margin-top:32px}
}
@media(max-width:1050px) and (min-width:701px){
 .ondi-story .ondi-lab-copy{width:38%}
 .ondi-story .ondi-story-chapter :is(h1,h2){font-size:9.8vw}
 .ondi-story-chapters{height:var(--ondi-copy-height,440px)}
 .ondi-story .ondi-lab-help{max-width:300px}
}
@media(max-width:700px){
 .ondi-story{height:330svh}
 .ondi-story-stage{height:100svh;min-height:690px}
 .ondi-story .ondi-lab{padding:0;height:100%;min-height:0}
 .ondi-story .ondi-lab-copy{position:absolute;left:23px;right:23px;top:108px;width:auto;max-width:none;margin:0;display:block}
 .ondi-story-chapters{height:var(--ondi-copy-height,190px)}
 .ondi-story .ondi-story-chapter{display:grid;grid-template-columns:1.1fr 1fr;column-gap:24px;align-items:start}
 .ondi-story-chapter>p:first-child{grid-column:1/-1;font-size:8px;margin:0 0 17px}
 .ondi-story .ondi-story-chapter :is(h1,h2){font-size:clamp(48px,13.1vw,82px);line-height:.88;grid-column:1;white-space:normal}
 .ondi-story .ondi-story-chapter .ondi-story-text{font-size:12px;line-height:1.5;margin:0;padding-top:3px;grid-column:2;max-width:190px}
 .ondi-story-scroll{font-size:8px;margin-top:32px}
 .ondi-story-scroll span{font-size:15px}
 .ondi-story .ondi-lab-view{position:absolute;inset:330px 0 210px;width:100%;height:auto;min-height:200px;margin:0}
 .ondi-story .ondi-lab-view>[data-ondi-fallback]{top:0;height:100%;left:20%;width:60%}
 .ondi-story .ondi-lab-footer{position:absolute;left:23px;right:23px;bottom:20px;margin:0;display:block}
 .ondi-story .ondi-lab-world-selection{grid-template-columns:auto 1fr;gap:0 18px}
 .ondi-story .ondi-lab-label{font-size:8px}
 .ondi-story .ondi-lab-worlds button{font-size:25px;min-height:36px;padding-bottom:5px}
 .ondi-story .ondi-lab-caption{display:none}
 .ondi-story .ondi-lab-tools{margin-top:8px;padding-top:8px}
 .ondi-story .ondi-lab-view-controls{gap:5px}
 .ondi-story .ondi-lab-view-controls button{font-size:8px;min-height:36px;padding:8px 10px}
 .ondi-story .ondi-lab-view-controls button:is([data-ondi-left],[data-ondi-right]){font-size:17px;width:36px;min-height:36px;padding:7px 0}
 .ondi-story .ondi-lab-help{font-size:7px;margin:6px 0 0;max-width:none}
 .ondi-story .ondi-lab-state{margin-top:6px}
 .ondi-story .ondi-lab-realtime{font-size:6px}
 .ondi-story .ondi-lab [data-ondi-status]{font-size:7px;max-width:190px}
 .ondi-story:not(.is-story-ready) .ondi-lab-copy{position:relative;left:auto;right:auto;top:auto;width:auto;margin:0 23px;padding-top:108px}
 .ondi-story:not(.is-story-ready) .ondi-story-chapters{grid-template-columns:1fr;gap:45px}
 .ondi-story:not(.is-story-ready) .ondi-story-chapter :is(h1,h2){font-size:48px}
 .ondi-story:not(.is-story-ready) .ondi-lab-view{inset:auto;height:390px;min-height:0}
 .ondi-story:not(.is-story-ready) .ondi-lab-footer{inset:auto;margin:25px 23px 0}
}
@media(max-width:360px){
 .ondi-story .ondi-lab-copy{left:18px;right:18px;top:105px}
 .ondi-story .ondi-story-chapter{column-gap:17px;grid-template-columns:1.1fr 1fr}
 .ondi-story .ondi-story-chapter :is(h1,h2){font-size:43px}
 .ondi-story .ondi-story-chapter .ondi-story-text{font-size:11px}
 .ondi-story .ondi-lab-view{top:330px;bottom:210px}
 .ondi-story .ondi-lab-footer{left:18px;right:18px;bottom:16px}
 .ondi-story .ondi-lab-worlds button{font-size:23px}
 .ondi-story .ondi-lab-view-controls button{font-size:8px;padding:8px 9px}
}
@media(max-width:700px) and (max-height:760px){
 .ondi-story-stage{min-height:690px}
 .ondi-story .ondi-lab-copy{top:94px}
 .ondi-story-chapters{height:var(--ondi-copy-height,165px)}
 .ondi-story .ondi-story-chapter :is(h1,h2){font-size:42px}
 .ondi-story .ondi-story-chapter .ondi-story-text{font-size:11px;line-height:1.4}
 .ondi-story .ondi-lab-view{top:290px;bottom:205px;min-height:200px}
 .ondi-story .ondi-lab-footer{bottom:14px}
 .ondi-story .ondi-lab-help{font-size:6.5px}
}
@media(prefers-reduced-motion:reduce){.ondi-story *{scroll-behavior:auto}.ondi-story-chapter{transition:none!important}}
@media print{.ondi-story{height:auto}.ondi-story-stage{position:static;height:auto}.ondi-story .ondi-lab{height:auto;overflow:visible}.ondi-story .ondi-lab-copy{position:static;width:auto}.ondi-story.is-story-ready .ondi-story-chapter{position:static;opacity:1;transform:none}.ondi-story .ondi-lab-view,.ondi-story .ondi-lab-footer,.ondi-story-scroll{display:none}}