@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap);:root{--color-yellow:#fbffa7;--color-light-blue:#b1c5ff;--color-deep-blue:#00f;--color-light-green:#b6ffc0;--color-orange:#ff764d;--color-purple:#d5b3ff;--color-white:#fff;--color-black:#000}*{box-sizing:border-box;font-family:Jost,sans-serif;margin:0;padding:0}::selection{background:blue;color:#fff;text-shadow:none}.nav__padding{padding:.5rem 2rem}.section__padding{padding:3rem 6rem}@media screen and (max-width:1020px){.section__padding{padding:1rem 2rem}}.imagelayout__padding{margin:3rem 0}@media screen and (max-width:1020px){.imagelayout__padding{padding:1rem 0}}.footer__padding{padding:6rem}@media screen and (max-width:1020px){.footer__padding{padding:2rem}}.ableton__navbar{border-bottom:2px solid #ebebeb;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%}.ableton__navbar .ableton__navbar-desktop{justify-content:space-between}.ableton__navbar .ableton__navbar-desktop,.ableton__navbar .ableton__navbar-desktop .desktop-left{align-items:center;display:flex;flex-direction:row}.ableton__navbar .ableton__navbar-desktop .desktop-left .logo{cursor:pointer;font-size:4rem;margin-right:2rem}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-desktop .desktop-left .logo{font-size:3rem}}.ableton__navbar .ableton__navbar-desktop .desktop-left a{color:var(--color-black);font-size:1.2rem;font-weight:400;margin-right:1.5rem;margin-top:.2rem;text-decoration:none}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-desktop .desktop-left a{font-size:1rem;margin-right:1rem}}.ableton__navbar .ableton__navbar-desktop .desktop-left .toggle{color:var(--color-orange);cursor:pointer;font-size:1.2rem;margin-top:.2rem}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-desktop .desktop-left .toggle{font-size:1rem;margin-right:1rem}}@media screen and (max-width:1020px){.ableton__navbar .ableton__navbar-desktop .desktop-left{display:none}}.ableton__navbar .ableton__navbar-desktop .desktop-right{align-items:center;display:flex;flex-direction:row}.ableton__navbar .ableton__navbar-desktop .desktop-right .link{color:var(--color-deep-blue);font-size:1.2rem;margin-right:1.5rem;margin-top:.2rem;text-decoration:none}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-desktop .desktop-right .link{font-size:1rem;margin-right:1rem}}.ableton__navbar .ableton__navbar-desktop .desktop-right .login{color:var(--color-black);font-size:1rem;margin-top:.2rem;text-decoration:none}@media screen and (max-width:1020px){.ableton__navbar .ableton__navbar-desktop .desktop-right{display:none}}.ableton__navbar .ableton__navbar-more{margin:2rem 0 4rem;width:100%}.ableton__navbar .ableton__navbar-more .more-heading{font-size:1.7rem;margin-bottom:1rem}.ableton__navbar .ableton__navbar-more .more-links{display:flex;flex-direction:row;margin-bottom:2rem}.ableton__navbar .ableton__navbar-more .more-links .link{color:var(--color-black);font-size:1.2rem;font-weight:300;margin-right:1.5rem;text-decoration:none}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-more .more-links .link{font-size:1rem;margin-right:1rem}}.ableton__navbar .ableton__navbar-more .more-links .selected-link{color:var(--color-orange);font-size:1.2rem;font-weight:300;margin-right:1.5rem;text-decoration:none}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-more .more-links .selected-link{font-size:1rem;margin-right:1rem}}.ableton__navbar .ableton__navbar-more .more-flex{display:flex;flex-direction:row;justify-content:space-between}.ableton__navbar .ableton__navbar-more .more-flex .flex-block{display:flex;flex-direction:column}.ableton__navbar .ableton__navbar-more .more-flex .flex-block .title{font-size:1.2rem;margin-bottom:.5rem}.ableton__navbar .ableton__navbar-more .more-flex .flex-block .body{color:var(--color-black);font-size:1.2rem;font-weight:300;line-height:1.5rem;max-width:250px}@media screen and (max-width:1250px){.ableton__navbar .ableton__navbar-more .more-flex .flex-block .body{font-size:1rem;max-width:200px}}@media screen and (max-width:1020px){.ableton__navbar .ableton__navbar-more{display:none}}.ableton__navbar .ableton__navbar-mobile{align-items:center;display:flex;flex-direction:row}.ableton__navbar .ableton__navbar-mobile .logo{font-size:4rem;margin-right:2rem}.ableton__navbar .ableton__navbar-mobile p{color:var(--color-black);cursor:pointer;font-size:1.2rem;margin-right:1.5rem;margin-top:.2rem;text-decoration:none}@media screen and (min-width:1020px){.ableton__navbar .ableton__navbar-mobile{display:none}}.ableton__navbar .ableton__navbar-menu{animation:slide-in-top .5s ease-in-out both;background-color:var(--color-deep-blue);left:0;position:absolute;top:0;width:100%;z-index:5}.ableton__navbar .ableton__navbar-menu .menu-top{align-items:center;display:flex;flex-direction:row}.ableton__navbar .ableton__navbar-menu .menu-top .logo{color:var(--color-white);font-size:4rem;margin-right:2rem}.ableton__navbar .ableton__navbar-menu .menu-top p{color:var(--color-white);cursor:pointer;font-size:1.2rem;margin-right:1.5rem;margin-top:.2rem;text-decoration:none}.ableton__navbar .ableton__navbar-menu .menu-links{display:flex;flex-direction:column;margin-top:1rem;row-gap:1.5rem}.ableton__navbar .ableton__navbar-menu .menu-links .link{color:var(--color-white);cursor:pointer;display:block;font-size:1.2rem;text-decoration:none}.ableton__navbar .ableton__navbar-menu .menu-links .small-link{color:var(--color-white);cursor:pointer;font-size:.8rem;text-decoration:none}.ableton__navbar .ableton__navbar-menu .menu-links .heading{color:var(--color-white);font-size:1.2rem}.ableton__navbar .ableton__navbar-menu .menu-links .selected-link{color:var(--color-orange);cursor:pointer;font-size:.8rem;text-decoration:none}.ableton__navbar .ableton__navbar-menu .menu-links .carousel{column-gap:2rem;display:flex;flex-direction:row;margin-bottom:2rem;overflow-x:scroll}.ableton__navbar .ableton__navbar-menu .menu-links .carousel .carousel-block{cursor:pointer;display:flex;flex-direction:column;row-gap:.5rem}.ableton__navbar .ableton__navbar-menu .menu-links .carousel .carousel-block .title{color:var(--color-white);font-size:.8rem}.ableton__navbar .ableton__navbar-menu .menu-links .carousel .carousel-block .body{color:var(--color-white);font-size:.8rem;font-weight:300;line-height:1rem;width:200px}@media screen and (min-width:1020px){.ableton__navbar .ableton__navbar-menu{display:none}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}.ableton__smallnavbar{column-gap:2rem;display:flex;flex-direction:row;padding:1.5rem 2rem}.ableton__smallnavbar .link{color:var(--color-black);font-size:1rem;text-decoration:none}@media screen and (max-width:1250px){.ableton__smallnavbar .link{font-size:.8rem}}.ableton__smallnavbar .selected-link{color:var(--color-orange);font-size:1rem;text-decoration:none}@media screen and (max-width:1250px){.ableton__smallnavbar .selected-link{font-size:.8rem}.ableton__smallnavbar{column-gap:1rem}}.ableton__header{height:100%;position:relative;width:100%}.ableton__header img{height:80vh;object-fit:cover;width:100%}.ableton__header h1{color:#fd5948;font-size:6rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:800px){.ableton__header h1{font-size:4rem}}.ableton__textblocklink{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ableton__textblocklink .textblocklink-container{display:flex;flex-direction:column;row-gap:1.5rem;width:60%}.ableton__textblocklink .textblocklink-container .strong-text{color:var(--color-black);font-size:1.7rem;line-height:2.5rem}.ableton__textblocklink .textblocklink-container .strong-text span{color:var(--color-deep-blue);cursor:pointer}@media screen and (max-width:1120px){.ableton__textblocklink .textblocklink-container .strong-text{font-size:1.1rem;line-height:2rem}}.ableton__textblocklink .textblocklink-container .text{font-size:1.2rem;font-weight:300;line-height:1.5rem}@media screen and (max-width:1120px){.ableton__textblocklink .textblocklink-container .text{font-size:.9rem;line-height:1.5rem}}@media screen and (max-width:1250px){.ableton__textblocklink .textblocklink-container{width:80%}}@media screen and (max-width:768px){.ableton__textblocklink .textblocklink-container{width:100%}}.ableton__firstlayout{align-items:center;display:flex;flex-direction:column;height:58.33333vw;justify-content:center;position:relative;width:100%}.ableton__firstlayout .background{background-color:var(--color-yellow);height:58.33333vw;left:41.66667vw;position:absolute;width:58.33333vw;z-index:-1}.ableton__firstlayout .grid{align-items:center;display:grid;grid-template-columns:1fr 8.33333vw 1fr;padding:3rem 6rem;width:100%}.ableton__firstlayout .grid .image-left{aspect-ratio:1/1;object-fit:cover;width:100%}.ableton__firstlayout .grid .image-right{aspect-ratio:4/3;object-fit:cover;width:100%}@media screen and (max-width:1020px){.ableton__firstlayout .grid{padding:1rem 2rem}}.ableton__secondlayout{align-items:center;display:flex;flex-direction:column;height:75vw;justify-content:center;position:relative;width:100%}.ableton__secondlayout .background{background-color:var(--color-light-green);height:75vw;left:0;position:absolute;width:58.33333vw;z-index:-1}.ableton__secondlayout .container-grid{align-items:center;display:grid;grid-template-columns:1fr 8.33333vw 1fr;padding:3rem 6rem;width:100%}.ableton__secondlayout .container-grid .inner-grid{display:grid;grid-template-rows:1fr 8.33333vw 1fr}.ableton__secondlayout .container-grid .inner-grid img{object-fit:cover;width:100%}.ableton__secondlayout .container-grid .image-right{aspect-ratio:1/1;object-fit:cover;width:100%}@media screen and (max-width:1020px){.ableton__secondlayout .container-grid{padding:1rem 2rem}}.ableton__thirdlayout{align-items:center;display:flex;flex-direction:column;height:58.33333vw;justify-content:center;position:relative;width:100%}.ableton__thirdlayout .background{background-color:var(--color-purple);height:58.33333vw;left:16.66667vw;position:absolute;width:66.66667vw;z-index:-1}.ableton__thirdlayout .grid{align-items:center;display:grid;grid-template-columns:1fr 16.66667vw 1fr;padding-left:6rem;width:100%}.ableton__thirdlayout .grid .image-left{aspect-ratio:4/3;object-fit:cover;width:100%}.ableton__thirdlayout .grid .image-right{aspect-ratio:1/1;object-fit:cover;width:100%}@media screen and (max-width:1020px){.ableton__thirdlayout .grid{padding-left:2rem}}.ableton__textblock{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ableton__textblock .textblock-container{display:flex;flex-direction:column;row-gap:1.5rem;width:60%}.ableton__textblock .textblock-container .strong-text{color:var(--color-black);font-size:1.7rem;line-height:2.5rem}.ableton__textblock .textblock-container .strong-text span{color:var(--color-deep-blue);cursor:pointer}@media screen and (max-width:1120px){.ableton__textblock .textblock-container .strong-text{font-size:1.1rem;line-height:2rem}}.ableton__textblock .textblock-container .text{font-size:1.2rem;font-weight:300;line-height:2rem}@media screen and (max-width:1120px){.ableton__textblock .textblock-container .text{font-size:.9rem;line-height:1.5rem}}@media screen and (max-width:1250px){.ableton__textblock .textblock-container{width:80%}}@media screen and (max-width:768px){.ableton__textblock .textblock-container{width:100%}}.ableton__video{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ableton__video .video-container{width:60%}.ableton__video .video-container .video{aspect-ratio:16/9;object-fit:cover;width:100%}@media screen and (max-width:1250px){.ableton__video .video-container{width:80%}}@media screen and (max-width:768px){.ableton__video .video-container{width:100%}}.ableton__illustration{width:100%}.ableton__illustration img{aspect-ratio:16/9;object-fit:cover;width:100%}.ableton__jobs{display:flex;flex-direction:row}.ableton__jobs img{aspect-ratio:1/1;object-fit:cover;width:50%}@media screen and (max-width:1250px){.ableton__jobs img{aspect-ratio:16/9;width:100%}}.ableton__jobs .text-container{background-color:var(--color-light-blue);display:flex;flex-direction:column;justify-content:center;padding:8.33333vw;row-gap:2rem;width:50%}.ableton__jobs .text-container .text{color:var(--color-black);font-size:1.7rem;line-height:2.5rem}@media screen and (max-width:1120px){.ableton__jobs .text-container .text{font-size:1.1rem;line-height:2rem}}.ableton__jobs .text-container a{color:var(--color-deep-blue);font-size:1.7rem;text-decoration:none}.ableton__jobs .text-container a:after{content:" >"}@media screen and (max-width:1120px){.ableton__jobs .text-container a{font-size:1.1rem}}@media screen and (max-width:1250px){.ableton__jobs .text-container{row-gap:1rem;width:40px;width:100%}.ableton__jobs{flex-direction:column}}.ableton__footer{border-top:2px solid #ebebeb;display:flex;flex-direction:column;margin-top:4rem;row-gap:4rem}.ableton__footer .footer-brand{font-size:1.5rem}@media screen and (max-width:1020px){.ableton__footer .footer-brand{font-size:1.2rem}}.ableton__footer .footer-block{display:flex;flex-direction:row;justify-content:space-between}.ableton__footer .footer-block .block-group{display:flex;flex-direction:column;row-gap:.3rem}.ableton__footer .footer-block .block-group a{color:var(--color-black);font-size:1.2rem;font-weight:300;text-decoration:none}.ableton__footer .footer-block .block-group a:after{content:" >"}@media screen and (max-width:1250px){.ableton__footer .footer-block .block-group a{font-size:.9rem}}.ableton__footer .footer-block .block-group .title{color:var(--color-black);font-size:1.2rem;font-weight:400}@media screen and (max-width:1250px){.ableton__footer .footer-block .block-group .title{font-size:.9rem}}.ableton__footer .footer-block .block-group .text{color:var(--color-black);font-size:1.2rem;font-weight:300;line-height:1.9rem}@media screen and (max-width:1250px){.ableton__footer .footer-block .block-group .text{font-size:.9rem}}.ableton__footer .footer-block .block-group .social-icons{column-gap:.5rem;display:flex;flex-direction:row}.ableton__footer .footer-block .block-group .social-icons .icon-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;width:40px}.ableton__footer .footer-block .block-group .social-icons .icon-container .icon{color:var(--color-white);font-size:1.5rem}.ableton__footer .footer-block .block-group .social-icons .facebook{background-color:#3477f2}.ableton__footer .footer-block .block-group .social-icons .twitter{background-color:#34a1f2}.ableton__footer .footer-block .block-group .social-icons .youtube{background-color:#ed462f}.ableton__footer .footer-block .block-group .social-icons .instagram{background-color:#f07636}.ableton__footer .footer-block .block-group .input{display:flex;flex-direction:row}.ableton__footer .footer-block .block-group .input input{background-color:#eee;border:none;color:#949494;font-size:1.1rem;margin:0;padding:.4rem .75rem;width:70%}@media screen and (max-width:1250px){.ableton__footer .footer-block .block-group .input input{font-size:.9rem;padding:.5rem 1rem}}@media screen and (max-width:1020px){.ableton__footer .footer-block .block-group .input input{width:85%}}@media screen and (max-width:768px){.ableton__footer .footer-block .block-group .input input{width:70%}}.ableton__footer .footer-block .block-group .input button{background-color:var(--color-deep-blue);border:none;color:var(--color-white);font-size:1.1rem;padding:.5rem 1.5rem;width:30%}@media screen and (max-width:1250px){.ableton__footer .footer-block .block-group .input button{font-size:.9rem;padding:.5rem 1rem}}@media screen and (max-width:1020px){.ableton__footer .footer-block .block-group .input button{width:15%}}@media screen and (max-width:768px){.ableton__footer .footer-block .block-group .input button{width:30%}}.ableton__footer .footer-block .block-group .selectors{column-gap:.2rem;display:flex;flex-direction:row}.ableton__footer .footer-block .block-group .selectors .selector{background-color:#eee;border:none;font-size:.8rem;padding:.25rem}.ableton__footer .footer-block .block-group .selectors .language-selector{width:25%}@media screen and (max-width:1020px){.ableton__footer .footer-block .block-group .selectors .language-selector{width:15%}}@media screen and (max-width:768px){.ableton__footer .footer-block .block-group .selectors .language-selector{width:25%}}.ableton__footer .footer-block .block-group .selectors .country-selector{width:40%}@media screen and (max-width:1020px){.ableton__footer .footer-block .block-group .selectors .country-selector{width:20%}}@media screen and (max-width:768px){.ableton__footer .footer-block .block-group .selectors .country-selector{width:40%}}.ableton__footer .footer-block .group-small{width:30%}@media screen and (max-width:1020px){.ableton__footer .footer-block .group-small{width:100%}}.ableton__footer .footer-block .group-large{width:40%}@media screen and (max-width:1020px){.ableton__footer .footer-block .group-large{width:100%}.ableton__footer .footer-block{flex-direction:column;row-gap:2rem}}.ableton__footer .footer-bottom{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.ableton__footer .footer-bottom .bottom-links{align-items:center;column-gap:1rem;display:flex;flex-direction:row}.ableton__footer .footer-bottom .bottom-links a{color:var(--color-black);font-size:.8rem;font-weight:400;text-decoration:none}@media screen and (max-width:1020px){.ableton__footer .footer-bottom .bottom-links{align-items:flex-start;flex-direction:column;row-gap:.5rem}}.ableton__footer .footer-bottom .bottom-logo{align-items:center;column-gap:1rem;display:flex;flex-direction:row}.ableton__footer .footer-bottom .bottom-logo p{color:var(--color-black);font-size:.8rem;font-weight:400}.ableton__footer .footer-bottom .bottom-logo svg{font-size:3rem}@media screen and (max-width:1020px){.ableton__footer .footer-bottom .bottom-logo{flex-direction:row-reverse}.ableton__footer .footer-bottom{align-items:flex-start;flex-direction:column;row-gap:2rem}.ableton__footer .desktop-block{display:none}}@media screen and (min-width:1020px){.ableton__footer .mobile-block{display:none}}@media screen and (max-width:1020px){.ableton__footer{margin-top:2rem;row-gap:2rem}}
/*# sourceMappingURL=main.afad1a60.css.map*/