/* Ondi: an open stage inside the existing editorial identity. */
.ondi-lab{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:clip;background:#f3f1e7;color:#171715;transition:background-color .8s,color .6s}
.ondi-lab-copy{position:absolute;z-index:2;left:6vw;top:22%;width:32%;pointer-events:none}
.ondi-lab-eyebrow{font:10px/1.5 Mono,monospace;letter-spacing:.035em;margin-bottom:24px}
.ondi-lab h1{font:clamp(92px,10.1vw,164px)/.86 League,sans-serif;letter-spacing:-.015em}
.ondi-lab h1 em{font-style:normal;color:#6c705e;transition:color .6s}
.ondi-lab-intro{font:16px/1.55 Spectral,Georgia,serif;max-width:270px;margin-top:25px}
.ondi-lab-narrative{pointer-events:auto;display:inline-flex;align-items:center;gap:20px;font:11px/1.4 Texto,sans-serif;border-bottom:1px solid #a6a898;padding:0 0 9px;margin-top:24px;transition:gap .25s}
.ondi-lab-narrative:hover{gap:27px}
.ondi-lab-view{position:absolute;inset:0;z-index:0;overflow:hidden;transition:background-color .8s}
.ondi-lab-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.ondi-lab-view canvas:active{cursor:grabbing}
.ondi-lab-view>[data-ondi-fallback]{position:absolute;left:44%;top:14%;width:44%;height:65%;object-fit:contain;mix-blend-mode:multiply}
.ondi-lab-view[data-ready=true]>[data-ondi-fallback]{display:none}
.ondi-lab-footer{position:absolute;z-index:3;left:6vw;right:6vw;bottom:24px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}
.ondi-lab-label{font:9px/1.4 Mono,monospace;margin-bottom:12px;letter-spacing:.04em}
.ondi-lab-worlds{display:flex;align-items:baseline;gap:22px}
.ondi-lab-worlds button{display:flex;align-items:baseline;gap:7px;min-height:44px;padding:0 0 8px;background:transparent;border-bottom:1px solid transparent;font:29px/1.2 Editorial,Georgia,serif;transition:border-color .25s,color .25s,transform .25s}
.ondi-lab-worlds small{font:8px/1 Mono,monospace;opacity:.65}
.ondi-lab-worlds button[aria-pressed=true]{border-bottom-color:currentColor}
.ondi-lab-worlds button:hover{color:#786142;transform:translateY(-2px)}
.ondi-lab-worlds button:active{transform:translateY(1px)}
.ondi-lab-caption{font:11px/1.5 Spectral,Georgia,serif;max-width:290px;margin-top:10px;min-height:17px}
.ondi-lab-tools{text-align:right;max-width:560px}
.ondi-lab-view-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:6px}
.ondi-lab-view-controls button{min-height:44px;padding:11px 13px;border:1px solid #989d8d80;border-radius:28px;background:#f3f1e7d9;font:10px/1.3 Texto,sans-serif;color:#171715;transition:background .2s,transform .2s,border-color .2s;backdrop-filter:blur(8px)}
.ondi-lab-view-controls button[data-ondi-left],.ondi-lab-view-controls button[data-ondi-right]{width:44px;padding:10px 0;font-size:19px}
.ondi-lab-view-controls button:hover{background:#e0e3cb;border-color:#7e8772}
.ondi-lab-view-controls button:active{transform:scale(.97)}
.ondi-lab-help{font:9px/1.5 Texto,sans-serif;margin-top:10px;opacity:.75}
.ondi-lab-state{display:flex;align-items:baseline;justify-content:flex-end;gap:15px;margin-top:9px;max-width:560px;min-height:14px}
.ondi-lab-realtime{font:8px/1.5 Mono,monospace;letter-spacing:.015em;white-space:nowrap}
.ondi-lab-realtime:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#798356;margin-right:6px;vertical-align:2px}
.ondi-lab [data-ondi-status]{font:8px/1.5 Texto,sans-serif;text-align:right;max-width:320px;opacity:.72}
.ondi-lab-model-note{margin:0;padding:22px 6vw 0;max-width:780px;font:10px/1.6 Texto,sans-serif;color:#686a5f}
.ondi-lab :is(a,button,canvas):focus-visible{outline:2px solid #925c35;outline-offset:5px}
.ondi-lab.is-night{background:#222b2a;color:#f3f1e7}
.ondi-lab.is-night h1 em{color:#b5c79d}
.ondi-lab.is-night .ondi-lab-view-controls button{background:#24302bdb;border-color:#d4dbc15c;color:#f3f1e7}
.ondi-lab.is-night .ondi-lab-view-controls button:hover{background:#3d4b39}
.ondi-lab.is-night .ondi-lab-worlds button:hover{color:#c4d9a5}
.ondi-lab.is-night :is(a,button,canvas):focus-visible{outline-color:#c4d9a5}
.ondi-lab.is-night .ondi-lab-view>[data-ondi-fallback]{mix-blend-mode:normal}
.ondi-references{padding:125px 0 95px;overflow:hidden;background:#e8e8da}
.ondi-references>header{padding:0 6vw;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:58px}
.ondi-references>header>div>p{font:9px/1.5 Mono,monospace;letter-spacing:.04em;margin-bottom:20px}
.ondi-references h2{font:clamp(54px,5.6vw,86px)/.98 Editorial,Georgia,serif}
.ondi-references h2 em{font-style:italic;color:#656b55}
.ondi-references>header>p{font:16px/1.6 Spectral,Georgia,serif;max-width:330px;margin-bottom:6px}
.ondi-references-rail{display:flex;gap:28px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 6vw 30px;scrollbar-width:thin;scrollbar-color:#969d85 transparent}
.ondi-references-rail figure{flex:0 0 clamp(270px,31vw,440px);min-width:0;scroll-snap-align:center}
.ondi-references-rail a{display:grid;place-items:center;height:440px;background:#fdfdfb;transition:background .25s}
.ondi-references-rail a:hover{background:#fff}
.ondi-references-rail img{display:block;width:100%;height:100%;object-fit:contain;max-height:440px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ondi-references-rail a:hover img{transform:scale(.975)}
.ondi-references-rail figcaption{display:flex;align-items:center;justify-content:space-between;padding-top:17px;font:9px/1.5 Mono,monospace}
.ondi-references-rail figcaption>span:last-child{font:19px/1 Texto,sans-serif}
.ondi-references-note{font:10px/1.6 Texto,sans-serif;opacity:.7;max-width:600px;padding:0 6vw;margin-top:22px}
.ondi-references :is(a,.ondi-references-rail):focus-visible{outline:2px solid #925c35;outline-offset:4px}
@media(min-width:701px) and (max-height:800px){.ondi-lab{min-height:720px}.ondi-lab-copy{top:21%}.ondi-lab h1{font-size:clamp(92px,8.7vw,135px)}.ondi-lab-intro{margin-top:20px;font-size:15px}.ondi-lab-narrative{margin-top:18px}.ondi-lab-footer{bottom:22px}}
@media(min-width:701px) and (max-width:1050px){.ondi-lab-copy{width:36%}.ondi-lab h1{font-size:clamp(92px,11vw,127px)}.ondi-lab-footer{gap:20px;grid-template-columns:1fr 1.25fr}.ondi-lab-tools{max-width:390px}.ondi-lab-state{gap:10px}.ondi-lab-worlds{gap:17px}.ondi-lab-worlds button{font-size:26px}.ondi-lab-caption{max-width:245px}.ondi-lab-view-controls button{padding:10px 11px}}
@media(max-width:700px){
 .ondi-lab{height:auto;min-height:0;padding:126px 0 24px;overflow:clip}
 .ondi-lab-copy{position:relative;inset:auto;width:auto;margin:0 23px;display:grid;grid-template-columns:1.25fr 1fr;column-gap:25px;align-items:end;pointer-events:auto}
 .ondi-lab-eyebrow{grid-column:1/-1;font-size:8px;margin-bottom:16px}
 .ondi-lab h1{font-size:clamp(62px,14.5vw,92px);line-height:.87;grid-row:2/4;letter-spacing:-.01em}
 .ondi-lab-intro{font-size:13px;line-height:1.5;max-width:210px;margin-top:0;margin-bottom:16px}
 .ondi-lab-narrative{font-size:9px;gap:10px;line-height:1.5;margin:0;justify-self:start;padding-bottom:7px}
 .ondi-lab-view{position:relative;inset:auto;width:100%;height:clamp(390px,112vw,570px);margin-top:7px}
 .ondi-lab-view>[data-ondi-fallback]{left:20%;top:5%;width:60%;height:90%}
 .ondi-lab-footer{position:relative;inset:auto;display:block;margin:0 23px;gap:0}
 .ondi-lab-world-selection{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 24px}
 .ondi-lab-label{margin:0;font-size:8px}
 .ondi-lab-worlds{justify-content:space-between;gap:14px}
 .ondi-lab-worlds button{font-size:27px;gap:5px;padding-bottom:7px}
 .ondi-lab-worlds small{font-size:7px}
 .ondi-lab-caption{grid-column:1/-1;max-width:none;min-height:18px;margin-top:10px;font-size:11px}
 .ondi-lab-tools{max-width:none;text-align:left;border-top:1px solid #b7bcaa73;margin-top:20px;padding-top:17px}
 .ondi-lab-view-controls{justify-content:flex-start;gap:7px}
 .ondi-lab-view-controls button{font-size:9px;padding:10px 12px}
 .ondi-lab-help{text-align:left;font-size:8px;margin-top:12px}
 .ondi-lab-state{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;max-width:none}
 .ondi-lab-realtime{font-size:7px}
 .ondi-lab [data-ondi-status]{font-size:8px;max-width:205px}
 .ondi-lab-model-note{padding:18px 23px 0;font-size:9px}
 .ondi-references{padding:75px 0 65px}
 .ondi-references>header{display:block;padding:0 23px;margin-bottom:35px}
 .ondi-references h2{font-size:58px}
 .ondi-references>header>div>p{font-size:8px;margin-bottom:16px}
 .ondi-references>header>p{font-size:14px;max-width:300px;margin-top:25px}
 .ondi-references-rail{padding:0 23px 25px;gap:20px;scroll-snap-type:x proximity}
 .ondi-references-rail figure{flex-basis:78vw;max-width:370px}
 .ondi-references-rail a,.ondi-references-rail img{height:390px;max-height:390px}
 .ondi-references-rail figcaption{font-size:8px;padding-top:14px}
 .ondi-references-note{padding:0 23px;font-size:9px;margin-top:18px}
}
@media(max-width:360px){.ondi-lab-copy{margin:0 18px;column-gap:17px;grid-template-columns:1.5fr 1fr}.ondi-lab h1{font-size:50px;white-space:nowrap}.ondi-lab-intro{font-size:12px;line-height:1.45;margin-bottom:14px}.ondi-lab-narrative{font-size:8px;gap:5px}.ondi-lab-view{height:385px}.ondi-lab-footer{margin:0 18px}.ondi-lab-world-selection{gap:0 15px}.ondi-lab-worlds{gap:12px}.ondi-lab-worlds button{font-size:24px}.ondi-lab-label{font-size:7px}.ondi-lab-view-controls{gap:5px}.ondi-lab-view-controls button{font-size:8px;padding:10px}.ondi-lab-view-controls button[data-ondi-left],.ondi-lab-view-controls button[data-ondi-right]{width:40px;min-height:40px}.ondi-lab-realtime{font-size:6px}.ondi-lab [data-ondi-status]{max-width:175px}.ondi-references h2{font-size:51px}.ondi-references-rail a,.ondi-references-rail img{height:330px;max-height:330px}}
@media(prefers-reduced-motion:reduce){.ondi-lab,.ondi-lab h1 em,.ondi-lab-view,.ondi-lab-worlds button,.ondi-lab-view-controls button,.ondi-lab-narrative,.ondi-references-rail a,.ondi-references-rail img{transition:none}.ondi-lab-worlds button:hover,.ondi-references-rail a:hover img{transform:none}}
/* The scene blends into the existing paper; the model stays sharp. */
.ondi-lab{background:var(--ondi-sky,#eee8dc)}.ondi-lab.is-night{background:var(--ondi-sky,#252d34)}.ondi-lab-view{transition:opacity .17s ease,background-color .8s}.ondi-lab-view canvas{mask-image:linear-gradient(90deg,transparent,black 46%)}.ondi-lab.is-changing .ondi-lab-view{opacity:.35}.ondi-lab-view>[hidden]{display:none!important}.ondi-lab[data-renderer=fallback] .ondi-lab-realtime{display:none}.ondi-lab-view-controls button:disabled{opacity:.4;cursor:default}body.ondi-night .header .brand img{filter:invert(1)}@media(max-width:700px){.ondi-lab-view canvas{mask-image:linear-gradient(transparent,black 12%,black 89%,transparent)}}@media(prefers-reduced-motion:reduce){.ondi-lab-view{transition:none}}