:root{--filter-color-day: #489bd5;--filter-color-night: #0a2742}#animated-cover{position:relative;text-align:center;margin-top:0;width:100%;height:auto;aspect-ratio:1280 / 640;overflow:hidden}.parallax-parent{width:100vw;height:auto;aspect-ratio:1280 / 640;overflow:hidden;position:absolute;z-index:1;top:0;left:0;pointer-events:none}.parallax-parent>.child{position:relative;height:100%;background:transparent center no-repeat;background-size:cover}.logo{display:none}#animated-background{position:fixed;z-index:1;top:0;left:0;width:100vw;height:100vh}#parallax-foreground{z-index:40;left:0;right:0;margin:0 auto}#animated-background{display:none}.parallax-initiated .animation-container .logo{top:120px}.parallax-initiated #parallax1a>.child,.parallax-initiated #parallax1b>.child,.parallax-initiated #outlet1>.child{height:150%;opacity:1}.parallax-initiated #outlet1>.child{margin-top:-12.5%}.parallax-initiated #parallax1a>.child{margin-top:-15%}.parallax-initiated #parallax1b>.child{margin-top:-15%}.parallax-initiated #parallax2a>.child{margin-top:-20%;height:150%;opacity:1}.parallax-initiated #parallax2b>.child{margin-top:-20%;height:150%;opacity:1}.parallax-initiated #parallax3a>.child,.parallax-initiated #parallax3b>.child{margin-top:-7.5%;height:150%;opacity:1}#animated-cover{background-color:transparent}#parallax1a>.child,#parallax1b>.child,#parallax2a>.child,#parallax2b>.child,#parallax3a>.child,#parallax3b>.child,#outlet1>.child{opacity:0;top:0;transition:opacity 0.25s ease-in-out 0s}#parallax2a>.child,#parallax2b>.child{transition:top 0.5s ease-in-out, opacity 0.25s ease-in-out 0.15s}#parallax3a>.child,#parallax3b>.child{transition:top 0.5s ease-in-out, opacity 0.25s ease-in-out 0.3s}#parallax3b{pointer-events:initial}.parallax-parent{max-width:1280px;left:0;right:0;margin:0 auto}#animated-cover{pointer-events:none}#animated-cover #tripfinder,#animated-cover #ani-slidein,#animated-cover .button-wrapper.scroll-down{pointer-events:initial}#animated-cover #outlet1{display:none}#animated-cover #parallax-foreground{overflow:visible}#animated-cover #parallax-foreground>.child{position:relative;top:16px;left:-8px;z-index:1}#animated-cover #parallax-foreground .inset{width:calc((100% - 1280px) / 2);height:100%;position:absolute;z-index:2;top:0;left:0}#animated-cover #parallax-foreground .inset .comp{position:absolute;z-index:10;top:0;right:0;transform:translateX(calc(50% - 80px));height:100%;width:auto;max-width:none}#animated-cover #parallax-foreground .inset .element.wide{display:none}#animated-cover #parallax-foreground .inset.left{left:80px}#animated-cover #parallax-foreground .inset.right{left:auto;right:80px}#animated-cover #parallax-foreground .inset.right .comp{right:auto;left:0;transform:translateX(calc(-50% + 80px))}.homepage-container__wrapper{pointer-events:none}.homepage-container__wrapper .section__homepage-text,.homepage-container__wrapper .section__quicknav,.homepage-container__wrapper .section__arrangementfinder,.homepage-container__wrapper .section__mission{pointer-events:initial}.animation-container{opacity:0;transition:opacity 0.2s ease-in-out}.animation-container.load{opacity:1}.animation-container .logo{position:absolute;top:0;right:0;left:0;margin:0 auto;width:221px;height:100px;z-index:99;background:transparent center no-repeat;transition:top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s}.animation-container .element.has-color-filter svg{position:relative;z-index:10}.animation-container .element.has-color-filter:after{content:"";position:absolute;z-index:20;top:0;left:0;width:100%;height:100%;background:var(--filter-color-day);mix-blend-mode:overlay;opacity:0.3;transition:opacity 0.2s ease-in-out;pointer-events:none}.animation-container .element .light{display:block;position:absolute;z-index:1;top:0;left:0;margin:auto;width:100%;height:auto;aspect-ratio:1 / 1;mix-blend-mode:lighten;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}.animation-container .element .light:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, #ef9a4c 5%, transparent 50%)}.animation-container .element .light:after{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, #e5392f 0%, transparent 25%);mix-blend-mode:screen}.animation-container .illustration-mode-trigger{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;outline:0}.animation-container .illustration-mode-trigger span{display:block;text-indent:-999em;opacity:0}.animation-container .lantern{position:absolute;z-index:10;bottom:17%;left:49%;width:13%;transform:translate3d(0, 0, 0)}.animation-container .lantern:after{mask-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/lantern.svg)}.animation-container .lantern:hover .light{opacity:0.6;animation:light-glowing 3000ms cubic-bezier(0.25, 0.4, 0.55, 1.4) infinite;animation-direction:alternate}.animation-container .lantern .light{width:200%;transform:translate3d(-28%, -25%, 0)}.animation-container .train{position:absolute;z-index:10;top:21.5%;right:13.75%;width:4%;--train-duration: 40000ms;--train-delay: 1000ms;animation:train-movement var(--train-duration) linear infinite;animation-delay:var(--train-delay);transform:translateX(-150%)}.animation-container .train #windowlights{opacity:0}.animation-container .train .light{z-index:15;width:200%;transform:translate3d(-25%, -30%, 0)}.animation-container .train:after{mask-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/train.svg)}.animation-container .viaduct{position:absolute;z-index:12;top:23%;right:6%;width:15%;opacity:1;transform:translate3d(0, 0, 0)}.animation-container .viaduct:after{mask-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/viaduct.svg)}.animation-container .lights{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%}.animation-container .campfire{position:absolute;z-index:10;bottom:35%;left:35%;width:9%;transform:translate3d(0, 0, 0)}.animation-container .campfire #fire{opacity:0}.animation-container .campfire-smoke{position:absolute;z-index:11;bottom:35%;left:35%;width:9%;opacity:1}.animation-container .campfire-smoke #smoke{opacity:1;--smoke-duration: 8000ms;--smoke-delay: 1000ms}.animation-container .campfire-smoke #smoke #smokey1{animation:smoke-rise var(--smoke-duration) ease-in-out infinite,smoke-fade var(--smoke-duration) ease-in-out infinite;transform:translateY(65%)}.animation-container .campfire-smoke #smoke #smokey2{animation:smoke-rise var(--smoke-duration) ease-in-out infinite,smoke-fade var(--smoke-duration) ease-in-out infinite;animation-delay:var(--smoke-delay);transform:translateY(65%)}.animation-container .smokemask{position:absolute;z-index:11;left:0;top:0;width:100%;height:100%;clip-path:polygon(0 0, 100% 0, 100% 61%, 0 61%)}.animation-container .birds1{position:absolute;z-index:10;top:11%;right:7%;width:9%;opacity:1;--birds-movement: 32000ms;--wing-movement: 1000ms;--wing-delay: 500ms;animation:birds-movement var(--birds-movement) linear infinite;transform:translateX(175%)}.animation-container .birds1 #birds1-wing-front1,.animation-container .birds1 #birds1-wing-back1{animation:wing-flap var(--wing-movement) linear infinite}.animation-container .birds1 #birds1-wing-front2,.animation-container .birds1 #birds1-wing-back2{opacity:0;animation:wing-flap var(--wing-movement) linear infinite;animation-delay:var(--wing-delay)}.animation-container .bats{position:absolute;z-index:10;top:11%;right:7%;width:9%;opacity:0;--birds-movement: 32000ms;--wing-movement: 500ms;--wing-delay: 250ms;animation:birds-movement var(--birds-movement) linear infinite;transform:translateX(-25%)}.animation-container .bats #bats-wing1{animation:wing-flap var(--wing-movement) linear infinite}.animation-container .bats #bats-wing2{opacity:0;animation:wing-flap var(--wing-movement) linear infinite;animation-delay:var(--wing-delay)}.animation-container .bike{position:absolute;z-index:10;bottom:41.5%;left:50%;width:17%;--bicycle-duration: 12000ms;animation:bicycle-move-and-stop var(--bicycle-duration) ease-in-out infinite;transform-origin:50% 50%;transform:translateX(-75%) rotateY(0deg)}.animation-container .bike #wheel1{position:relative;z-index:1;animation:wheel-rotate-and-stop var(--bicycle-duration) ease-in-out infinite;transform-origin:84.1% 74.5%;transform:translate3d(0, 0, 0)}.animation-container .bike #wheel2{position:relative;z-index:1;animation:wheel-rotate-and-stop var(--bicycle-duration) ease-in-out infinite;transform-origin:20.7% 74.5%;transform:translate3d(0, 0, 0)}.animation-container .bikemask{position:absolute;left:0;top:0;width:100%;height:100%;clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%)}.animation-container .baskets{position:absolute;z-index:11;bottom:40%;left:61%;width:6%}.animation-container .beaver{position:absolute;z-index:10;bottom:27.5%;left:5.25%;width:6%;--beaver-movement: 4000ms;--beaver-delay: 2000ms;transform:translate3d(0, 0, 0)}.animation-container .beaver #beaver-head{animation:beaver-head-movement var(--beaver-movement) ease-in-out infinite;animation-delay:var(--beaver-delay);transform-origin:60% 20%}.animation-container .beaver #beaver-tail{animation:beaver-tail-movement var(--beaver-movement) ease-in-out infinite;transform-origin:25% 65%}.animation-container .tree-front{position:absolute;z-index:20;bottom:29%;left:41.5%;width:16%}.animation-container .tree-front:after{mask-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/tree-front.svg)}.animation-container .sloth{position:absolute;z-index:21;top:28%;left:47.5%;width:8%;--sloth-duration: 18000ms;--sloth-delay: 1500ms;animation:sloth-movement var(--sloth-duration) ease-in-out infinite;transform:translate3d(0, 0, 0)}.animation-container .sloth #sloth-paw1{animation:sloth-paw1-movement var(--sloth-duration) ease-in-out infinite;transform-origin:50% 30%}.animation-container .sloth #sloth-paw2{animation:sloth-paw2-movement var(--sloth-duration) ease-in-out infinite;animation-delay:var(--sloth-delay);transform-origin:55% 75%}.animation-container .frog{position:absolute;z-index:30;bottom:35.5%;right:8.5%;width:4%;--frog-duration: 12000ms;--frog-delay: 6000ms;opacity:0;animation:frog-jump var(--frog-duration) linear infinite;animation-delay:var(--frog-delay);transform:translate3d(0, 0, 0)}.animation-container .frog:after{display:none;opacity:0;mask-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/frog.svg)}.animation-container .frog #frog-feet-l{animation:frog-leg-move var(--frog-duration) ease-in-out infinite;animation-delay:var(--frog-delay);transform-origin:45% 55%;transform:rotate(30deg)}.animation-container #parallax1a .child,.animation-container #parallax1b .child,.animation-container #parallax2a .child,.animation-container #parallax2b .child,.animation-container #parallax3a .child,.animation-container #parallax3b .child{transition:background 0.2s ease-in-out}.animation-container[data-illustration-mode="dark"] .element .light{opacity:0.9}.animation-container[data-illustration-mode="dark"] .element .light:not(.light--static){animation:light-glowing 3000ms cubic-bezier(0.25, 0.4, 0.55, 1.4) infinite}.animation-container[data-illustration-mode="dark"] .lantern:after{opacity:0}.animation-container[data-illustration-mode="dark"] .lantern:hover .light{opacity:0.6;animation:none}.animation-container[data-illustration-mode="dark"] .train #windowlights{opacity:1}.animation-container[data-illustration-mode="dark"] .train .light{opacity:0.5}.animation-container[data-illustration-mode="dark"] .train:after{mix-blend-mode:color-burn}.animation-container[data-illustration-mode="dark"] .viaduct{opacity:0.65}.animation-container[data-illustration-mode="dark"] .viaduct:after{mix-blend-mode:color-burn}.animation-container[data-illustration-mode="dark"] .campfire #fire{opacity:1}.animation-container[data-illustration-mode="dark"] .campfire #flame1{animation:flame1-move 2000ms ease-in-out infinite;transform-origin:40% 80%}.animation-container[data-illustration-mode="dark"] .campfire #flame2{animation:flame2-move 2500ms ease-in-out infinite;transform-origin:60% 75%}.animation-container[data-illustration-mode="dark"] .campfire #flame3{animation:flame3-move 1500ms ease-in-out infinite;transform-origin:70% 80%}.animation-container[data-illustration-mode="dark"] .campfire-smoke{opacity:0}.animation-container[data-illustration-mode="dark"] .lights .light--01{top:65%;left:70.75%;width:8%;animation-delay:0.2s !important}.animation-container[data-illustration-mode="dark"] .lights .light--02{top:32%;left:82%;width:8%;animation-delay:0.1s !important}.animation-container[data-illustration-mode="dark"] .lights .light--03{top:31.25%;left:59.75%;width:10%;animation-delay:0.2s !important}.animation-container[data-illustration-mode="dark"] .lights .light--04{top:49%;left:95%;width:8%;animation:light-signal 2000ms ease-in-out infinite !important}.animation-container[data-illustration-mode="dark"] .lights .light--05{top:39%;left:24.5%;width:30%;animation-delay:0.1s !important}.animation-container[data-illustration-mode="dark"] .lights .light--06{top:23%;left:6%;width:6%;animation:light-glowing 4000ms cubic-bezier(0.25, 0.4, 0.55, 1.4) infinite;animation-delay:0.1s !important}.animation-container[data-illustration-mode="dark"] .lights .light--07{top:23%;left:8.75%;width:6%;animation:light-glowing 4000ms cubic-bezier(0.25, 0.4, 0.55, 1.4) infinite}.animation-container[data-illustration-mode="dark"] .lights .light--08{top:26.25%;left:21%;width:6%;opacity:0.6}.animation-container[data-illustration-mode="dark"] .lights .light--09{top:26.25%;left:22.25%;width:6%;opacity:0.6}.animation-container[data-illustration-mode="dark"] .birds1{opacity:0}.animation-container[data-illustration-mode="dark"] .bats{opacity:1}.animation-container[data-illustration-mode="dark"] .tree-front:after{mix-blend-mode:color-burn}.animation-container[data-illustration-mode="dark"] .frog:after{opacity:1;mix-blend-mode:color-burn}.animation-container[data-illustration-mode="dark"] #parallax1a .child{background-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/cover-parallax1a-dark.png) !important}.animation-container[data-illustration-mode="dark"] #parallax1b .child{background-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/cover-parallax1b-dark.png) !important}.animation-container[data-illustration-mode="dark"] #parallax2a .child{background-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/cover-parallax2a-dark.png) !important}.animation-container[data-illustration-mode="dark"] #parallax2b .child{background-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/cover-parallax2b-dark.png) !important}.animation-container[data-illustration-mode="dark"] #parallax3a .child{background-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/cover-parallax3a-dark.png) !important}.animation-container[data-illustration-mode="dark"] #parallax3b .child{background-image:url(/assets/djoserfamily_2022-1.0.167/images/2026/animation/cover-parallax3b-dark.png) !important}@keyframes beaver-head-movement{0%{transform:translate3D(0, 0, 0) rotate(0deg)}15%{transform:translate3D(2%, 2%, 0) rotate(30deg)}30%{transform:translate3D(0, 0, 0) rotate(0deg)}100%{transform:translate3D(0, 0, 0) rotate(0deg)}}@keyframes beaver-tail-movement{0%{transform:rotate(0deg)}50%{transform:rotate(20deg)}100%{transform:rotate(0deg)}}@keyframes frog-jump{0%{opacity:0;transform:translateY(0%)}2.5%{opacity:1;transform:translateY(-10%)}5%{opacity:1;transform:translateY(0%)}50%{opacity:1;transform:translateY(0%)}52.5%{opacity:1;transform:translateY(-20%)}55%{opacity:1;transform:translateY(0%)}56%{opacity:0;transform:translateY(0%)}100%{opacity:0;transform:translateY(0%)}}@keyframes frog-leg-move{0%{transform:rotate(30deg)}2.5%{transform:rotate(30deg)}5%{transform:rotate(0deg)}50%{transform:rotate(0deg)}52.5%{transform:rotate(30deg)}100%{transform:rotate(30deg)}}@keyframes wing-flap{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}@keyframes birds-movement{0%{transform:translateX(175%)}50%{transform:translateX(-1050%)}51%{transform:translateX(-1050%) scaleX(-1)}100%{transform:translateX(175%) scaleX(-1)}}@keyframes smoke-fade{0%{opacity:0}10%{opacity:0.5}50%{opacity:0.75}90%{opacity:0.5}100%{opacity:0}}@keyframes smoke-rise{0%{transform:translateY(65%)}100%{transform:translateY(-25%)}}@keyframes flame1-move{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}100%{transform:rotate(0deg) scale(1)}}@keyframes flame2-move{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(-5deg) scale(1.1)}100%{transform:rotate(0deg) scale(1)}}@keyframes flame3-move{0%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(0deg) scale(1.05)}100%{transform:rotate(-5deg) scale(1)}}@keyframes bicycle-move-and-stop{0%{transform:translateX(-125%) rotateY(0deg)}25%{transform:translateX(35%) rotateY(0deg)}75%{transform:translateX(35%) rotateY(0deg)}75.1%{transform:translateX(35%) rotateY(180deg)}100%{transform:translateX(-125%) rotateY(180deg)}}@keyframes wheel-rotate-and-stop{0%{transform:rotate(0deg)}25%{transform:rotate(360deg)}75%{transform:rotate(360deg)}100%{transform:rotate(720deg)}}@keyframes train-movement{0%{transform:translateX(-150%)}15%{transform:translateX(500%)}50%{transform:translateX(500%) scaleX(-1)}65%{transform:translateX(-500%) scaleX(-1)}100%{transform:translateX(-150%) scaleX(-1)}}@keyframes sloth-paw1-movement{0%{transform:rotate(0deg)}8.75%{transform:rotate(-35deg)}17.5%{transform:rotate(10deg)}26.25%{transform:rotate(-35deg)}35%{transform:rotate(0deg)}65%{transform:rotate(0deg)}73.75%{transform:rotate(-35deg)}82.5%{transform:rotate(10deg)}91.25%{transform:rotate(-35deg)}100%{transform:rotate(0deg)}}@keyframes sloth-paw2-movement{0%{transform:rotate(0deg)}8.75%{transform:rotate(-10deg)}17.5%{transform:rotate(5deg)}26.25%{transform:rotate(-10deg)}35%{transform:rotate(0deg)}65%{transform:rotate(0deg)}73.75%{transform:rotate(-10deg)}82.5%{transform:rotate(5deg)}91.25%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}@keyframes sloth-movement{0%{transform:translateY(0%)}35%{transform:translateY(-20%)}65%{transform:translateY(20%)}100%{transform:translateY(0%)}}@keyframes arrow-fade-in-zoom{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1.05)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes light-glowing{0%{opacity:0.8}5%{opacity:0.7}22%{opacity:0.9}27%{opacity:0.7}40%{opacity:0.8}55%{opacity:0.85}72%{opacity:0.8}85%{opacity:0.6}100%{opacity:0.8}}@keyframes light-glowing-faded{0%{opacity:0.4}5%{opacity:0.35}22%{opacity:0.45}27%{opacity:0.35}40%{opacity:0.4}55%{opacity:0.425}72%{opacity:0.4}85%{opacity:0.3}100%{opacity:0.4}}@keyframes light-signal{0%{opacity:0}5%{opacity:0.9}20%{opacity:0}100%{opacity:0}}@media only screen and (min-width: 1024px){.parallax-initiated .animation-container .logo{display:block}.parallax-initiated .animation-container .lantern{left:51.5%;width:9%}.parallax-initiated .animation-container .bike{bottom:43%}.parallax-initiated .animation-container .baskets{left:56%}.parallax-initiated .animation-container .frog{bottom:36.5%}.parallax-initiated .animation-container .frog:after{display:block}}@media only screen and (min-width: 1280px){#animated-cover{max-height:640px}#animated-cover #outlet1{display:block;max-width:inherit;max-height:640px;overflow:visible}#animated-cover #outlet1 .inset{width:1280px;position:absolute;z-index:-1;left:calc((-1280px) + ((100% - 1296px) / 2));background-repeat:repeat;background-position:right center;background-size:cover}#animated-cover #outlet1 .inset.right{left:auto;right:calc((-1280px) + ((100% - 1264px) / 2));background-position:left center}}
/*# sourceMappingURL=home-animation2026.css.map */