/* Continuous site grid, approved animation, and one quiet scroll hint. */
.avara-process { background-color:var(--bg); background-image:var(--construction-grid); background-size:48px 48px; color:var(--paper); }
.avara-process .journey { position:relative; }
.avara-process.process-enabled .journey { height:582svh; }
.avara-process .sticky { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px 24px 60px; }
.avara-process.process-enabled .sticky { position:sticky; top:0; height:100svh; }
.avara-process .canvas-shell { position:relative; width:min(100%,calc((100svh - 100px)*1280/850)); aspect-ratio:1280/850; overflow:hidden; }
.avara-process .canvas-shell iframe { border:0; position:absolute; left:0; top:0; transform-origin:top left; pointer-events:none; max-width:none; }
.avara-process .canvas-shell iframe[hidden] { display:none; }
.avara-process .process-poster,.avara-process .process-poster img { display:block; width:100%; height:100%; object-fit:contain; }
.avara-process .canvas-shell.is-ready .process-poster { display:none; }
.avara-process .instruction { display:none; position:absolute; bottom:22px; margin:0; font:11px/1.5 Consolas,monospace; color:var(--muted); }
.avara-process.process-enabled .instruction { display:block; }
@media(max-width:700px) {
 .avara-process .sticky { padding:20px 12px 60px; }
 .avara-process .canvas-shell { width:min(100%,calc((100svh - 90px)*720/1180)); aspect-ratio:720/1180; }
}
@media(prefers-reduced-motion:reduce) {
 .avara-process.process-enabled .journey { height:auto; }
 .avara-process.process-enabled .sticky { position:relative; height:auto; padding-block:20px; }
 .avara-process.process-enabled .instruction { display:none; }
}