@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Fredoka Variable,sans-serif;color:#fbf5e3;background:#07081e;font-synthesis:none;text-rendering:optimizeLegibility;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--cream: oklch(.97 .025 91);--white: #fff;--ink: oklch(.15 .045 277);--orange: oklch(.76 .18 60);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{margin:0;background:var(--ink);scrollbar-color:var(--orange) var(--ink)}body,#root{min-height:100%;margin:0}body{overflow-x:clip;overscroll-behavior-y:none}button{font:inherit}.story{position:relative;height:3090vh;min-height:3090svh;background:var(--ink)}.stage{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:var(--ink)}.scroll-space{height:2990vh;pointer-events:none}.video-frame{position:absolute;inset:0;z-index:1}.story-video{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);backface-visibility:hidden;pointer-events:none;user-select:none}.persistent-lumi-heading{position:absolute;z-index:5;top:var(--space-3);left:var(--space-4);width:min(28rem,30vw);height:min(12rem,22vh);margin:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out),visibility .45s}.story[data-lumi-revealed=true] .persistent-lumi-heading{opacity:1;visibility:visible}.persistent-lumi-heading img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top;user-select:none}.persistent-lumi-heading img,.start-screen-logo,.team-credits img{filter:url(#mondi-wordmark-alpha)}.start-screen{position:absolute;z-index:15;inset:0;display:grid;place-items:center;background:#000;transition:opacity .45s var(--ease-out),visibility .45s}.start-screen-content{display:grid;place-items:center;gap:var(--space-6)}.media-status{min-height:1.5em;margin:calc(var(--space-4) * -1) 0 0;color:var(--cream);font-size:14px;line-height:1.5}.media-retry{padding:var(--space-3) var(--space-6);border:var(--space-1) solid var(--cream);border-radius:999px;color:var(--white);background:var(--orange);font:inherit;cursor:pointer}.start-screen-logo{display:block;width:min(28rem,64vw);height:min(12rem,22vh);object-fit:contain}.story[data-experience-started=true] .start-screen{visibility:hidden;opacity:0;pointer-events:none}.play-button,.sound-toggle{display:grid;place-items:center;padding:0;border:var(--space-1) solid var(--cream);border-radius:50%;color:var(--white);background:var(--orange);cursor:pointer;transition:transform .18s var(--ease-out),background-color .18s var(--ease-out)}.play-button{width:var(--space-8);height:var(--space-8)}.play-button:disabled{cursor:wait;opacity:.55}.play-button[aria-busy=true] svg{animation:loading-pulse 1.2s ease-in-out infinite}.play-button:not(:disabled):hover{transform:scale(1.04)}.media-retry:hover{background:var(--ink)}.play-button:focus-visible,.media-retry:focus-visible,.sound-toggle:focus-visible{outline:var(--space-1) solid var(--cream);outline-offset:var(--space-2)}@keyframes loading-pulse{50%{opacity:.3}}.play-button svg{display:block;width:var(--space-6);height:var(--space-6);fill:currentColor}.opening-narrative{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:var(--space-6);color:var(--white);background:transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out),visibility .45s}.opening-intro-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s var(--ease-out)}.story[data-experience-started=true][data-intro-complete=false] .opening-narrative{opacity:1;visibility:visible;transition:none}.story[data-opening-image-visible=true] .opening-intro-image{opacity:1}.story[data-intro-handoff=true] .opening-narrative{opacity:1;visibility:visible}.opening-narrative p{max-width:min(56rem,90vw);margin:0;font-size:clamp(2rem,5vw,4.5rem);font-weight:600;line-height:1.1;text-align:center}.opening-caption{position:relative;z-index:1;text-wrap:balance;animation:opening-caption-reveal .32s var(--ease-out) both}.opening-caption span{display:inline;color:color-mix(in srgb,var(--white) 42%,transparent);transition:color .12s linear,opacity .12s linear}.opening-caption .is-past{color:color-mix(in srgb,var(--white) 62%,transparent)}.opening-caption .is-current{color:var(--white)}@keyframes opening-caption-reveal{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.sound-toggle{position:absolute;z-index:10;top:auto;left:auto;right:max(var(--space-3),env(safe-area-inset-right));bottom:max(var(--space-3),env(safe-area-inset-bottom));width:var(--space-7);height:var(--space-7);transform:none}.sound-toggle:hover{transform:scale(1.04)}.sound-toggle[aria-pressed=false]{color:var(--white);background:var(--ink)}.sound-toggle svg{display:block;width:var(--space-5);height:var(--space-5);fill:currentColor}.sound-toggle svg path:not(:first-child){fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3}.scroll-progress{position:absolute;z-index:8;right:var(--space-2);top:50%;width:var(--space-1);height:min(25vh,12rem);overflow:hidden;border-radius:var(--space-1);background:color-mix(in oklch,var(--cream) 25%,transparent);transform:translateY(-50%);opacity:0;transition:opacity .45s var(--ease-out)}.story[data-intro-complete=true] .scroll-progress{opacity:.62}.scroll-progress span{position:absolute;inset:0;background:var(--orange);transform:translateY(calc((1 - var(--story-progress, 0)) * -100%));transform-origin:bottom}.team-credits{position:absolute;z-index:14;inset:0;display:grid;place-items:center;padding:var(--space-6);color:var(--cream);pointer-events:none;opacity:var(--credits-progress, 0)}.team-credits:before{position:absolute;inset:0;background:#000;content:"";opacity:clamp(0,calc(var(--credits-progress, 0) * 1.35),1)}.team-credits-content{position:relative;display:grid;place-items:center;width:min(64rem,88vw);gap:var(--space-4);transform:translateY(calc((1 - var(--credits-progress, 0)) * var(--space-5)))}.team-credits img{display:block;width:min(20rem,34vw);height:min(8rem,16vh);object-fit:contain}.team-credits p{margin:0;color:color-mix(in srgb,var(--cream) 68%,transparent);font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:.08em;text-align:center;text-transform:uppercase}.team-credits ul{display:flex;flex-wrap:wrap;justify-content:center;max-width:56rem;padding:0;margin:var(--space-2) 0 0;column-gap:var(--space-5);row-gap:var(--space-3);list-style:none}.team-credits li{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;line-height:1.2;text-align:center;opacity:clamp(0,calc(var(--credits-progress, 0) * 10 - var(--credit-index)),1);transform:translateY(calc((1 - clamp(0,calc(var(--credits-progress, 0) * 10 - var(--credit-index)),1)) * var(--space-2)))}.story[data-qa-end-frame=true] .start-screen,.story[data-qa-end-frame=true] .persistent-lumi-heading,.story[data-qa-end-frame=true] .scroll-progress{opacity:0;visibility:hidden}.story[data-qa-end-frame=true] .team-credits,.story[data-qa-end-frame=true] .team-credits:before,.story[data-qa-end-frame=true] .team-credits li{opacity:1}.story[data-qa-end-frame=true] .team-credits-content,.story[data-qa-end-frame=true] .team-credits li{transform:translateY(0)}.loading-mark{position:absolute;z-index:20;inset:0;background:var(--ink);transition:opacity .45s var(--ease-out),visibility .45s}.loading-mark,.loading-mark img,.loading-mark span{display:none}.loading-mark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.loading-mark span{position:absolute;right:0;bottom:0;left:0;height:var(--space-1);background:var(--orange);transform:scaleX(.12);transform-origin:left;animation:loader-progress 1.2s ease-in-out infinite alternate}.story[data-media-ready=true] .loading-mark{visibility:hidden;opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes loader-progress{to{transform:scaleX(.82)}}@media(max-width:720px){.story{height:3340vh;min-height:3340svh}.scroll-space{height:3240vh}.loading-mark img{object-position:64% center}.persistent-lumi-heading{top:max(var(--space-2),env(safe-area-inset-top));left:var(--space-2);width:52vw;height:16vh}.start-screen-logo{width:68vw;height:16vh}.opening-narrative{padding:var(--space-4)}.opening-narrative p{max-width:92vw;font-size:clamp(2rem,9vw,3rem)}.opening-intro-image{object-position:42% center}.play-button{width:var(--space-8);height:var(--space-8)}.sound-toggle{right:max(var(--space-2),env(safe-area-inset-right));bottom:max(var(--space-2),env(safe-area-inset-bottom));width:var(--space-6);height:var(--space-6);border-width:2px}.sound-toggle svg{width:var(--space-4);height:var(--space-4)}.scroll-progress{right:var(--space-1);width:2px;height:21vh}.team-credits{padding:var(--space-4)}.team-credits-content{width:92vw;gap:var(--space-3)}.team-credits img{width:52vw;height:14vh}.team-credits p{max-width:18rem;font-size:.875rem}.team-credits ul{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.team-credits li{font-size:clamp(1.125rem,5vw,1.5rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.playback-controls{position:absolute;z-index:10;left:max(var(--space-3),env(safe-area-inset-left));bottom:max(var(--space-3),env(safe-area-inset-bottom));display:grid;gap:var(--space-2);max-width:calc(100% - var(--space-8))}.auto-toggle{min-height:var(--space-6);padding:var(--space-2) var(--space-3);border:2px solid var(--cream);border-radius:var(--space-4);color:var(--cream);background:var(--ink);cursor:pointer;font-size:16px}.auto-toggle[aria-pressed=true]{background:var(--orange);color:var(--ink)}.auto-toggle:focus-visible{outline:4px solid var(--cream);outline-offset:4px}.keyboard-hint{margin:0;padding:var(--space-1) var(--space-2);font-size:14px;color:var(--cream);background:var(--ink);border-radius:var(--space-2)}@media(max-width:720px){.playback-controls{left:max(var(--space-2),env(safe-area-inset-left));bottom:max(var(--space-2),env(safe-area-inset-bottom))}.keyboard-hint{display:none}}.auto-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--space-1) solid var(--cream);border-radius:var(--space-5);background:var(--orange);color:var(--ink);font-weight:600;transition:transform .18s var(--ease-out),background-color .18s var(--ease-out)}.auto-toggle:hover{transform:scale(1.04)}.auto-toggle:active{transform:scale(.98)}.auto-toggle[aria-pressed=true]{background:var(--ink);color:var(--cream)}
