:root{--pink:#FCF4F2;--ink:#453A36;--red:#b84357;--muted:#79605e;--line:#d5bdbb;--paper:#fffaf7;--rose:#f2cdca;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--pink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--pink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img,svg{display:block}img{width:100%;height:auto}h1,h2,h3,p{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--rose)}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px}.skip{position:fixed;top:10px;left:10px;z-index:150;transform:translateY(-180%);padding:15px 18px;background:var(--ink);color:var(--paper);font-size:16px}.skip:focus{transform:none}
.scene-controls{position:absolute;inset:0 0 auto;z-index:25;pointer-events:none}.brand{position:absolute;left:clamp(20px,3vw,64px);top:24px;width:clamp(84px,7.8vw,128px);pointer-events:auto}.languages{position:absolute;right:clamp(22px,3.6vw,72px);top:32px;display:flex;gap:20px;pointer-events:auto}.flag{position:relative;display:block;padding:5px;transform:rotate(-8deg);filter:drop-shadow(1px 3px 2px #453a3620);transform-origin:7% 20%;transition:transform .35s}.flag-de{transform:rotate(7deg)}.flag img{width:46px;height:35px;clip-path:polygon(0 0,100% 2%,87% 50%,98% 96%,0 100%);filter:saturate(.7)}.flag:hover,.flag:focus-visible{transform:rotate(0deg) translateY(-3px)}.flag-name{position:absolute;right:0;top:calc(100% + 5px);opacity:0;pointer-events:none;font-size:14px;white-space:nowrap;background:var(--paper);padding:5px 8px}.flag:hover .flag-name,.flag:focus-visible .flag-name{opacity:1}
.scene-shell{position:relative;min-height:100svh;display:grid;place-items:center;overflow:clip;isolation:isolate}.scene{position:relative;width:min(95vw,2320px);height:clamp(620px,100svh,1400px);container-type:size;isolation:isolate;z-index:2}.actor,.decor{position:absolute;display:block;transform-origin:center;--tilt:0deg;transform:rotate(var(--tilt))}.decor{pointer-events:none;user-select:none}.actor{cursor:pointer;isolation:isolate;outline:none;touch-action:manipulation;z-index:8}.art{display:block;transform-origin:center;transition:transform .5s cubic-bezier(.18,.7,.2,1),filter .5s}.actor img,.actor svg{width:100%;height:auto;user-select:none;pointer-events:none}.actor.is-selected{z-index:18}.actor.is-selected .art{filter:drop-shadow(0 8px 5px #6e3e4325);transform:translateY(-4px) rotate(-1deg) scale(1.035)}.actor:focus-visible .art{outline:2px dashed var(--red);outline-offset:8px;border-radius:35% 42% 31% 38%}.scene.is-reading .actor:not(.is-selected) .art{filter:saturate(.84)}
.frame{left:calc(49% - min(22cqw,35cqh));top:14%;width:min(44cqw,70cqh);z-index:3;--tilt:-5deg}.frame img{filter:drop-shadow(0 7px 7px #68434512)}.actor-place{left:calc(49% - min(26cqw,41cqh));top:32%;width:min(52cqw,82cqh);z-index:4;--tilt:-3deg}.actor-place .art{transform-origin:50% 80%}.actor-place.is-selected .art{filter:brightness(1.03);transform:scale(1.015)}.actor-place img{mix-blend-mode:darken}.worker{left:61%;top:37%;width:min(15cqw,23cqh);z-index:6;--tilt:1deg;transform-origin:45% 95%}.worker svg{width:100%;height:auto;aspect-ratio:1000/1384}.school{left:17%;top:10%;width:min(11cqw,17cqh);z-index:1;--tilt:-22deg;opacity:.65}
.actor-learn{left:65%;top:11%;width:min(27cqw,44cqh);--tilt:6deg}.actor-books{left:9%;top:43%;width:min(19cqw,29cqh);--tilt:-9deg}.actor-news{left:17%;top:23%;width:min(17cqw,26cqh);--tilt:-11deg;z-index:7}.actor-key{left:82%;top:43%;width:min(14cqw,23cqh);--tilt:12deg;transform-origin:70% 15%}.actor-games{left:66%;top:67%;width:min(25cqw,38cqh);--tilt:5deg}.actor-mobility{left:36%;top:70%;width:min(27cqw,43cqh);--tilt:-5deg;z-index:10}.actor-mobility img{filter:sepia(.28) saturate(.6);mix-blend-mode:darken}.mushrooms{left:86%;top:75%;width:min(10cqw,16cqh);z-index:5;--tilt:4deg}.mushrooms svg{width:100%;height:auto;aspect-ratio:606/563}
.book-covers{position:relative;width:100%;padding:6% 17% 6% 2%;perspective:900px;filter:drop-shadow(1px 6px 5px #453a3620)}.book-covers .book-front{position:relative;z-index:2;width:100%;height:auto;transform:rotate(-3deg);transform-origin:10% 90%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.book-covers .book-back{position:absolute;left:20%;top:0;width:79%;height:auto;z-index:1;transform:rotate(9deg);transform-origin:10% 90%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.actor-books.is-selected .book-front{transform:translateX(-5%) rotate(-8deg)}.actor-books.is-selected .book-back{transform:translate(9%,-3%) rotate(14deg)}.poster{position:relative;padding:6px;background:var(--paper);box-shadow:1px 5px 6px #453a3620;clip-path:polygon(1% 0,99% 2%,100% 95%,96% 100%,2% 98%,0 4%)}.poster img{filter:saturate(.68)}.archive-stamp{display:block;padding:5px 0 2px;font:12px/1.1 Georgia,serif;text-align:right;color:#80535d;letter-spacing:.05em}
.motion-control{position:fixed;right:24px;bottom:20px;z-index:30;width:44px;height:44px;display:grid;place-items:center;background:var(--pink);border:1px solid #d5bdbb90;border-radius:50%;color:var(--ink)}.motion-control>svg{width:19px;height:19px}.motion-control .play-icon{display:none}.motion-control[aria-pressed=true] .pause-icon{display:none}.motion-control[aria-pressed=true] .play-icon{display:block}.control-caption{position:absolute;right:54px;white-space:nowrap;opacity:0;pointer-events:none;font-size:14px;padding:8px 11px;background:var(--paper)}.motion-control:hover .control-caption,.motion-control:focus-visible .control-caption{opacity:1}.motion-control[aria-disabled=true]{color:var(--muted)}.eyebrow{font-size:13px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}body.modal-open{overflow:hidden}.resource-choice input{accent-color:var(--red)}
@media(min-aspect-ratio:21/9){.frame{left:calc(50% - 33cqh);width:66cqh;top:13%}.actor-place{left:calc(50% - 42cqh);width:84cqh;top:31%}.actor-learn{left:68%;top:13%;width:43cqh}.actor-books{left:13%;top:44%}.actor-news{left:21%;top:23%;width:24cqh}.worker{left:64%;top:34%;width:23cqh}.actor-key{left:85%;top:47%}.actor-games{left:72%;top:69%;width:35cqh}.actor-mobility{left:40%;top:73%;width:42cqh}.school{left:22%;top:8%}.mushrooms{left:88%;top:77%;width:13cqh}}
@media(max-width:900px) and (orientation:landscape){.brand{width:70px;top:13px;left:16px}.languages{top:15px;right:18px;gap:12px}.flag img{width:36px;height:28px}.scene{height:max(390px,100svh);width:96vw}.frame{top:15%;width:min(44cqw,64cqh);left:calc(49% - min(22cqw,32cqh))}.actor-place{top:33%;width:76cqh;left:calc(49% - 38cqh)}.actor-learn{width:38cqh;top:17%}.actor-key{width:21cqh;top:48%}.actor-news{width:23cqh}.actor-books{width:27cqh;top:44%}.actor-mobility{top:71%;width:38cqh}.actor-games{width:34cqh;top:66%}.worker{width:21cqh}.motion-control{right:14px;bottom:12px}.school{top:13%;width:14cqh}}
@media(max-width:700px) and (orientation:portrait){.brand{left:22px;top:18px;width:79px}.languages{right:20px;top:29px;gap:14px}.flag img{width:41px;height:32px}.scene-shell{align-items:start}.scene{width:100vw;height:max(810px,100svh)}.frame{left:7%;top:29%;width:84%;--tilt:-5deg}.actor-place{left:11%;top:39%;width:83%;--tilt:-3deg}.worker{left:69%;top:41%;width:24%;--tilt:2deg}.school{left:4%;top:17%;width:22%;--tilt:-20deg}.actor-learn{left:43%;top:15%;width:51%;--tilt:6deg}.actor-news{left:5%;top:29%;width:31%;--tilt:-12deg}.actor-books{left:3%;top:54%;width:31%;--tilt:-10deg}.actor-key{left:76%;top:53%;width:23%;--tilt:12deg}.actor-games{left:56%;top:69%;width:41%;--tilt:5deg}.actor-mobility{left:24%;top:79%;width:49%;--tilt:-5deg}.mushrooms{left:82%;top:83%;width:16%}.motion-control{bottom:max(14px,env(safe-area-inset-bottom));right:16px}.archive-stamp{font-size:12px;padding:4px 1px}.actor.is-selected .art{transform:translateY(-2px) scale(1.025)}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .actor.is-selected .art{transform:none}html[data-motion=off] .actor-books.is-selected .book-front{transform:rotate(-3deg)}html[data-motion=off] .actor-books.is-selected .book-back{transform:rotate(9deg)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.actor.is-selected .art{transform:none!important}.actor-books.is-selected .book-front{transform:rotate(-3deg)}.actor-books.is-selected .book-back{transform:rotate(9deg)}}
@media print{.scene-controls,.motion-control,.scene-label,.skip,dialog{display:none!important}.scene-shell{min-height:0;overflow:visible}.scene{width:100%;height:auto;aspect-ratio:1800/1000}.actor,.decor{transform:rotate(var(--tilt))!important;opacity:1!important}}

.cutout-defs{position:absolute;pointer-events:none;overflow:hidden}.actor-key{clip-path:url(#clip-key)}.actor-key img{clip-path:url(#clip-key)}.actor-place{clip-path:url(#clip-place)}.actor-place img{clip-path:url(#clip-place);mix-blend-mode:normal}.actor-mobility{clip-path:url(#clip-mobility)}.actor-mobility img{clip-path:url(#clip-mobility);mix-blend-mode:normal}
.actor-key.is-selected .art,.actor-place.is-selected .art,.actor-mobility.is-selected .art{transform:none}.actor-key:focus-visible,.actor-place:focus-visible,.actor-mobility:focus-visible{clip-path:none}
.actor-mobility{top:68%}
@media(min-aspect-ratio:21/9){.actor-mobility{top:70%}}
@media(max-width:900px) and (orientation:landscape){.actor-mobility{top:68%}}
@media(max-width:700px) and (orientation:portrait){.actor-mobility{top:78%}}
.frame img{mask-image:linear-gradient(#000 0 76%,transparent 100%)}
@media(min-aspect-ratio:21/9){.actor-mobility{top:65%}}
@media(max-width:700px) and (orientation:portrait){.scene{width:100%;height:max(760px,100svh)}.actor-books{left:5%}.actor-key{left:72%;top:58%;width:22%}}
@media(max-width:700px) and (orientation:portrait){.actor-key{clip-path:none}}