.journey-intro{max-width:850px;margin:0 auto;text-align:center;padding:65px 0 50px}.journey-intro h1{font-size:clamp(44px,6.5vw,86px);line-height:1.25;letter-spacing:-2px}.journey-intro>p:not(.eyebrow){color:#758168;font-size:16px}.journey-intro-actions{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.olive-journey{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:6%;direction:ltr;scroll-margin-top:20px}.journey-stage{position:sticky;top:24px;height:calc(100svh - 48px);max-height:850px;align-self:start;border:1px solid #d8dfcd;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#f6f4de,#e2e8d3 75%);overflow:hidden}.journey-canvas{position:absolute;inset:0}.journey-canvas canvas{display:block;width:100%;height:100%}.journey-stage-footer{position:absolute;bottom:24px;inset-inline:24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#53684a}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ced8bd}.journey-progress span{display:block;width:100%;height:100%;background:#6d8151;transform:scaleX(0);transform-origin:left}.journey-chapters{min-width:0}.journey-chapter{min-height:125svh;display:flex;align-items:center;padding:50px 0;scroll-margin-top:25px}.journey-chapter h2{font-size:clamp(30px,3.7vw,52px);line-height:1.4;margin:14px 0}.journey-chapter p{font-size:15px;color:#718065;line-height:2;max-width:390px}.journey-step{font-size:11px;letter-spacing:3px;color:#819066}.journey-chapter .button{margin-top:18px}html[lang=ar] .journey-chapters{direction:rtl}.journey-note{text-align:center;color:#7c886e;font-size:11px;padding:15px}.journey-fallback{position:absolute;top:40%;width:100%;padding:30px;text-align:center;color:#53684a}.journey-ready .journey-fallback{display:none}.journey-static .journey-stage{display:none}.journey-static{display:block}.journey-static .journey-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.journey-static .journey-chapter{min-height:0;padding:28px;border:1px solid #d8dfcd;border-radius:18px}.journey-static .journey-chapter h2{font-size:28px}
@media(max-width:760px){.journey-intro{padding:38px 0}.journey-intro h1{letter-spacing:-1px}.olive-journey{display:block}.journey-stage{top:10px;height:48svh;max-height:460px;z-index:2;border-radius:18px}.journey-chapters{position:relative}.journey-chapter{min-height:95svh;align-items:flex-start;padding:32px 8px 60px}.journey-chapter h2{font-size:30px;margin:8px 0}.journey-chapter p{font-size:14px;max-width:100%}.journey-stage-footer{bottom:16px;inset-inline:16px;font-size:8px}.journey-static .journey-chapters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-intro *{animation:none!important}}

.journey-chapter > div { position: sticky; top: 32svh; }
@media(max-width:760px){.journey-chapter > div { position: sticky; top: 54svh; }}
.journey-static .journey-chapter > div { position: static; }
/* Adapted model/poster pipeline: all controls remain inside the storefront. */
.journey-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.journey-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e9e4d5;display:none}
.journey-poster-mode .journey-poster{display:block}
.journey-inline-poster{display:none;width:100%;height:auto;max-height:260px;object-fit:contain;margin-bottom:18px;border-radius:12px}
.journey-static .journey-inline-poster{display:block}
.journey-controls{position:absolute;bottom:58px;inset-inline:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;z-index:3}
.journey-dots{display:flex;gap:5px;direction:ltr;padding:5px;background:#fbfaf0e8;border-radius:30px}
.journey-dots button,.journey-buttons button{border:1px solid #ccd4be;background:#f8f8ed;color:#36543b;border-radius:50%;width:32px;height:32px;min-height:32px;padding:0;font-size:11px;cursor:pointer}
.journey-dots button[aria-current=step]{background:#36543b;color:white;border-color:#36543b}
.journey-buttons{display:flex;align-items:center;gap:7px;direction:ltr}
.journey-buttons button{font-size:20px;background:#fffdf2e8}.journey-buttons button:disabled{opacity:.35;cursor:default}
.journey-buttons a{background:#fffdf2e8;border-radius:20px;font-size:10px;padding:6px 12px}
.journey-loading{position:absolute;top:18px;inset-inline:20px;z-index:4;background:#fffdf2ed;padding:12px 16px;border-radius:10px;font-size:12px}
.journey-loading[hidden]{display:none}.journey-loading progress{display:block;width:100%;height:6px;margin-top:8px;accent-color:#36543b}
.journey-skip-floating{position:fixed;bottom:18px;inset-inline-end:18px;z-index:20;background:#234d35;color:#fff;padding:11px 18px;border-radius:30px;box-shadow:0 4px 18px #183a2526;font-size:12px}
.journey-skip-floating[hidden]{display:none}
@media(max-width:760px){.journey-controls{bottom:42px;inset-inline:10px;gap:6px}.journey-dots{gap:3px;padding:4px}.journey-dots button{width:27px;height:27px;min-height:27px;font-size:10px}.journey-buttons a{font-size:9px;padding:6px 8px}.journey-skip-floating{font-size:11px;padding:10px 14px;bottom:12px;inset-inline-end:12px}}
/* Keep the active scene below the new fixed storefront header. */
.fable-landing .journey-stage{top:104px;height:calc(100svh - 120px)}
@media(max-width:760px){.fable-landing .journey-stage{top:92px;height:42svh}}