@font-face{font-family:DIN_bold;src:url(/assets/121784c1-863c-4e49-b682-625ea7de55b0-C-u1r9Dj.woff2)format("woff2"),url(/assets/9949035f-6226-4080-a14a-bf7d94ffb1e1-Bc5aUYNd.woff)format("woff")}@font-face{font-family:DIN_medium;src:url(/assets/afabdfcf-432c-49b4-a496-0e5051e87fa9-BC2VdacH.woff2)format("woff2"),url(/assets/611ea865-db7e-4c05-94b8-bd1675c90576-CyErLuQQ.woff)format("woff")}@font-face{font-family:DIN_light;src:url(/assets/14aba99e-8c97-4daa-a8df-67920a051402-CO0rlv4l.woff2)format("woff2"),url(/assets/96fd6d6f-fad6-4dd9-ab70-29547a56cacd-BqOHnI2D.woff)format("woff")}@font-face{font-family:DIN_regular;src:url(/assets/6b4d4830-9c7d-43d2-b5d3-c73f739561b9-BWWAVKdz.woff2)format("woff2"),url(/assets/ccf25ada-6d2a-4133-95dc-deb039e22999-VgB-FdTC.woff)format("woff")}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;background-color:#ccc;width:100vw;height:100dvh;margin:0;font-family:DIN_regular,Helvetica Neue,sans-serif;overflow:hidden}:root{--text:#000;--bg:#ddd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DIN_regular,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#fff;--bg:#000}}.app{background:radial-gradient(circle,#fff 0%,#bfbfbf99 100%);width:100vw;height:100dvh}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app .header{width:100%;padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));z-index:90;background-color:#0000;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.app .header .header-right{align-items:center;gap:.5rem;display:flex}@media (width>=768px){.app .header{align-items:flex-start}.app .header .header-left{padding-top:3rem;padding-left:3rem}.app .header .header-right{padding-top:.75rem;padding-right:.75rem}}.app .header .language-button,.app .footer .sound-button{color:#000;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:30px;padding:.5rem 1.25rem;font-family:DIN_regular,sans-serif;font-size:.7rem;transition:all .3s ease-in-out}.app .header .language-button:hover,.app .header .language-button.active,.app .footer .sound-button.active{color:#fff;background-color:#000}.app .header .ambion-logo{width:8rem;display:inline-block}.app .footer{z-index:2000;background-color:#0000;justify-content:space-between;align-items:center;width:100%;padding:1.25rem;display:flex;position:absolute;bottom:0;left:0}.app .footer .footer-left-container{justify-content:flex-start;align-items:center;display:flex}.app .footer .footer-right-container{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.app .footer .footer-right-container a,.app .footer .footer-right-container p{color:#000;font-family:DIN_regular,sans-serif;font-size:.6rem;text-decoration:none}.app .footer .ambion-logo{width:8rem;display:inline-block}@media (width>=768px){.app .footer{padding-bottom:2rem;padding-left:2rem;padding-right:3.5rem}.app .footer .sound-button:hover{color:#fff;background-color:#000}.app .footer .sound-button.active:hover{color:#000;background-color:#fff}.app .footer .footer-right-container{gap:20px}.app .footer .footer-right-container a,.app .footer .footer-right-container p{font-size:12px}}.cookie-container{color:#fff;text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:40px;font-size:16px;display:flex;z-index:1000000!important;width:400px!important;left:unset!important;background:#00f!important;right:0!important}@media only screen and (width<=800px){.cookie-container{width:calc(100vw - 80px)!important}}.cookie-content{max-width:100%;line-height:1.5;margin:0 5px 24px!important}.cookie-link{color:#fff;text-decoration:underline}.cookie-accept{color:#000!important;cursor:pointer!important;background-color:#fff!important;border:none!important;border-radius:50px!important;margin:5px!important;padding:20px 40px!important;font-size:18px!important;transition:all .3s!important}@media only screen and (width<=800px){.cookie-accept{width:calc(100% - 5px)!important}}.cookie-accept:hover{color:#fff!important;background-color:#000!important}.cookie-decline{cursor:pointer;font-size:18px;transition:all .3s;color:#fff!important;background-color:#0000!important;border:1px solid #fff!important;border-radius:50px!important;margin:5px!important;padding:20px 40px!important}@media only screen and (width<=800px){.cookie-decline{width:calc(100% - 5px)!important}}.cookie-decline:hover{color:#fff!important;background-color:#000!important;border-color:#000!important}.preloader-overlay{color:#000;z-index:100;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0%,#bfbfbf 100%);flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100vw;height:100dvh;transition:opacity .7s;display:flex;position:absolute;top:0;left:0}.preloader-overlay.visible{opacity:1;pointer-events:all}.app .preloader-overlay .header{width:100%;padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));z-index:90;background-color:#0000;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.app .preloader-overlay .header .header-right{align-items:center;gap:.5rem;display:flex}@media (width>=768px){.app .preloader-overlay .header{align-items:flex-start}.app .preloader-overlay .header .header-left{padding-top:3rem;padding-left:3rem}.app .preloader-overlay .header .header-right{padding-top:.75rem;padding-right:.75rem}}.app .preloader-overlay .header .ambion-logo{width:8rem;display:inline-block}.app .preloader-overlay .content{flex-direction:column;justify-content:center;align-items:center;padding:0 1.25rem;display:flex;position:absolute;inset:0}.app .preloader-overlay h1.loading{text-align:center;font-family:DIN_light,sans-serif;font-size:3rem;line-height:1.1}.app .preloader-overlay h1.loading .progress-points{white-space:nowrap}.app .preloader-overlay h1.loading .progress-points span{visibility:hidden}.app .preloader-overlay h1.loading .progress-points span.is-on{visibility:visible}@media (width>=768px){.app .preloader-overlay h1.loading{font-size:3.5rem}}@media (width>=1000px){.app .preloader-overlay h1.loading{font-size:4rem}}@media (width>=1100px){.app .preloader-overlay h1.loading{font-size:4.5rem}}.preloader-overlay .loader-container{flex-direction:column;justify-content:center;align-items:center;height:140px;display:flex}.preloader-overlay .progress-bar{color:#000;flex-direction:column;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.preloader-overlay .progress-bar.hidden{display:none}.preloader-overlay .start-button{color:#000;cursor:pointer;z-index:1000;opacity:1;background-color:#fff;border:1px solid #000;border-radius:30px;padding:.5rem 1.25rem;font-family:DIN_regular,sans-serif;font-size:1.1rem;transition:background .3s,color .3s,opacity .7s ease-out}.preloader-overlay .start-button.hidden{opacity:0}.preloader-overlay .start-button:hover{color:#fff;background:#000}#canvas-container{cursor:grab;touch-action:none;width:100%;height:100dvh;position:relative;overflow:hidden}#canvas-container:active{cursor:grabbing}#canvas-container canvas{z-index:1;touch-action:none;position:absolute;inset:0}#canvas-container h1.welcome{text-align:left;width:14ch;margin:0 1.25rem;font-family:DIN_light,sans-serif;font-size:3rem;line-height:1.1;position:absolute;top:75px;left:0}#canvas-container .rotate{opacity:0;z-index:2;pointer-events:none;justify-content:flex-start;align-items:center;transition:opacity 1s;display:flex;position:absolute;bottom:85px;left:calc(50% - 75px)}@keyframes rotate-l-r{0%{rotate:0}5%{rotate:20deg}10%{rotate:0}15%{rotate:-20deg}20%{rotate:0}25%{rotate:20deg}30%{rotate:0}to{rotate:0}}#canvas-container .rotate.show{opacity:1}#canvas-container .rotate img{width:80px;animation:4s linear 2s infinite rotate-l-r}#canvas-container .rotate p{text-align:left;width:9ch;margin:0 0 0 .5rem;font-family:DIN_regular,sans-serif;line-height:1.1}@media (width>=700px){#canvas-container .rotate{flex-direction:column;bottom:30vh;left:10%}#canvas-container .rotate p{text-align:center;width:unset;margin:0 0 .5rem}}@media (width>=1200px){#canvas-container .rotate{left:calc(50% - 100px)}}@media (width>=768px){#canvas-container h1.welcome{margin:0 1.25rem 0 4rem;font-size:3.5rem;top:120px}}@media (width>=1000px){#canvas-container h1.welcome{font-size:4rem}}@media (width>=1100px){#canvas-container h1.welcome{font-size:4.5rem}}#canvas-container.layout-landscape{container-type:size}#canvas-container.layout-landscape h1.welcome{width:14ch;margin:0 1.25rem 0 4rem;font-size:min(13.4228cqw - 8.5906cqh - 1.34228rem,27.2727cqh);line-height:1.05;top:120px}.popup-overlay{z-index:3000;background:#00000026;width:100vw;height:100dvh;display:none;position:fixed;inset:0}.popup-overlay.active{animation:.3s ease-out fade-in;display:block}.popup{background:#fff;border-radius:16px;width:calc(100% - 2rem);height:calc(100dvh - 2rem);margin:1rem;padding:3rem 1rem 1rem;position:relative;overflow:hidden;box-shadow:0 10px 60px #0003}.popup p{color:#444;font-size:.92rem;line-height:1.7}.popup-close{cursor:pointer;background:0 0;border:none;padding:4px 8px;position:absolute;top:12px;right:8px}.popup-close img{width:32px;height:32px}@media (width>=1200px){.popup-overlay.active:has(.popup-container){background:0 0;justify-content:center;align-items:center;display:flex}.popup.popup-container{width:min(1040px,100% - 4rem);max-width:1040px;height:auto;margin:0;padding:0}.popup.popup-container .popup-close{z-index:1;top:1.25rem;right:1.25rem}}.container-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.container-media,.container-copy{width:100%}.container-content h1{margin-bottom:1rem;font-family:DIN_light,sans-serif;font-size:3rem}.container-content h1.show-mobile{display:inline-block}.container-content h1.show-desktop{display:none}.container-content .container-text{text-align:left;margin-bottom:0;padding:0;font-size:1rem}.container-content .container-img,.container-content .container-vid{width:100%;height:auto;margin-bottom:.75rem}.container-content a{color:#000;cursor:pointer;background-color:#fff;border:1px solid #333;border-radius:30px;margin-top:.75rem;padding:1rem 1.25rem;font-family:DIN_regular,sans-serif;font-size:1rem;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}@media (width>=800px){.container-content a:hover{color:#fff;background-color:#000}}@media (width>=1200px){.container-content{flex-direction:row;align-items:stretch;min-height:520px}.container-media{background:#e6e6e6;flex:50%;min-height:520px;position:relative;overflow:hidden}.container-media .container-img,.container-media .container-vid{object-fit:cover;width:100%;height:100%;margin:0;position:absolute;inset:0}.container-content h1.show-mobile{display:none}.container-content h1.show-desktop{display:inline-block}.container-copy{box-sizing:border-box;background:#fff;flex-direction:column;flex:50%;justify-content:center;align-items:flex-start;padding:4.5rem 3.5rem 3rem 3rem;display:flex}.container-copy h1{margin-top:0}.container-copy .container-text{max-width:28rem;margin-bottom:1.5rem;line-height:1.5}}.overlay{z-index:2000;opacity:0;animation:.3s ease-in-out forwards fade-in;position:fixed;top:40px;right:40px}@media only screen and (width<=800px){.overlay{top:0;right:unset;justify-content:center;align-items:center;width:100%;height:100%;display:flex;left:0}}.modal{text-align:center;background:#fff;border-radius:20px;width:200px;max-width:500px;padding:2rem;animation:.3s ease-out fadeIn;position:relative}@media only screen and (width<=800px){.modal{text-align:center;background:#fff;border-radius:20px;width:calc(100% - 121px);max-width:500px;padding:40px;animation:.3s ease-out fadeIn;position:relative;box-shadow:0 20px 40px #0000004d}}.modal h2{text-align:start;font-size:32px}@media only screen and (width<=800px){.modal h2{margin-bottom:43px;font-size:38px}}.modal p{color:#000;text-align:start;margin-bottom:30px;font-size:1rem;line-height:21px}.modal p.desktop{margin-bottom:40px}.modal-actions{justify-content:center;gap:1rem;display:flex}.phone{margin:40px 0 0;text-align:center!important;text-align:center!important;margin-bottom:0!important}.phone .typo{font-family:DIN_medium,sans-serif}.modal-button{color:#fff;background-color:#00f;border-radius:50px;padding:10px 20px;text-decoration:none;transition:background-color .5s ease-in-out}.modal-button:hover{background-color:#000}@media only screen and (width<=800px){.modal-button-mobile{background-color:unset;color:#000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:1.5rem;text-decoration:none;transition:background .2s ease-in-out;display:flex}.modal-button-mobile:hover{background-color:unset}.modal-button-mobile span{margin-top:.25rem;font-size:.75rem}.modal-button-mobile img{width:60px;margin-bottom:10px}}.close-button{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:12px;right:12px}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
