p{text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}body{scrollbar-width:0}body::-webkit-scrollbar{display:none}ul{list-style-type:none}a{text-decoration:none}img{pointer-events:none}body{font-family:Poppins,sans-serif;font-size:1.6rem}h1,h2,h3,h4{font-family:Boldonse,sans-serif}.grid{grid-template-columns:[full-start]1fr[content-start]repeat(4,[col-start]calc(25% - 2rem)[col-end])[content-end]1fr[full-end];gap:1.6rem;width:100%;margin:0 auto;display:grid}@media (min-width:768px){.grid{grid-template-columns:[full-start]1fr[content-start]repeat(8,[col-start]7.75rem[col-end])[content-end]1fr[full-end]}}@media (min-width:1024px){.grid{grid-template-columns:[full-start]1fr[content-start]repeat(12,[col-start]6.33333rem[col-end])[content-end]1fr[full-end];gap:2rem}}@media (min-width:1280px){.grid{grid-template-columns:[full-start]1fr[content-start]repeat(12,[col-start]8.5rem[col-end])[content-end]1fr[full-end]}}@media (min-width:1920px){.grid{grid-template-columns:[full-start]1fr[content-start]repeat(12,[col-start]12.3333rem[col-end])[content-end]1fr[full-end]}}.grid__content{grid-column:content-start/content-end}.grid__full{grid-column:full-start/full-end}.grid__content-full--left{grid-column:content-start/full-end}.grid__content-full--right{grid-column:full-start/content-end}.navigation{z-index:1000;color:#fafafa;width:100%;min-height:10rem;margin-top:2rem;font-family:Boldonse,sans-serif;position:fixed;top:0;left:0}.navigation__content{grid-column:content-start/content-end;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.navigation__logo{aspect-ratio:1;width:10.2rem;height:10.2rem;position:relative}@media (min-width:768px){.navigation__logo{width:14.2rem;height:14.2rem}}.navigation__logo img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.navigation__logo{z-index:10}.navigation__pages{text-transform:uppercase;gap:1rem;font-size:1.4rem;transition:all .3s ease-in-out;display:flex}@media (min-width:768px){.navigation__pages{font-size:2rem}}.navigation__page{cursor:pointer;text-shadow:.2rem .2rem 0 #701212,0 .2rem 0 #701212;padding:1rem;position:relative}.navigation__page:hover a svg{transform:rotate(270deg)}.navigation__page:hover div{opacity:1;pointer-events:all;transition-delay:0s}.navigation__page:hover div a{opacity:1;transform:translateY(0)}.navigation__page a{color:#fafafa;align-items:center;gap:1rem;display:flex}.navigation__page svg{transition:all .2s ease-in-out;transform:rotate(90deg)}.navigation__subpages{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);opacity:0;pointer-events:none;transform-origin:top;background-color:#b3444499;border-radius:1rem;flex-direction:column;gap:1.4rem;width:max-content;padding:1.8rem 2.2rem;font-size:1.4rem;transition:all .3s ease-in-out .3s;display:flex;position:absolute;top:100%;left:0}.navigation__subpages a{opacity:0;transition:all .3s ease-in-out;transform:translateY(-2rem)}.navigation__subpages a:first-child{transition-delay:.1s}.navigation__subpages a:nth-child(2){transition-delay:.2s}.navigation__subpages a:nth-child(3){transition-delay:.3s}.navigation__subpages a:nth-child(4){transition-delay:.4s}.navigation__subpages a:nth-child(5){transition-delay:.5s}.navigation__subpages a:nth-child(6){transition-delay:.6s}.navigation__subpages a:nth-child(7){transition-delay:.7s}.navigation__subpages a:nth-child(8){transition-delay:.8s}.navigation__subpages a:nth-child(9){transition-delay:.9s}.navigation__subpages a:nth-child(10){transition-delay:1s}.footer{color:#fafafa;background-color:#000;padding:14.4rem 0;display:flex;position:relative}.footer__background{opacity:.6;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.footer__background:after{content:"";background-image:linear-gradient(#000 0%,#0000 80%);width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0}.footer__background img{object-fit:cover;opacity:.6;width:100%;height:100%;position:relative;top:0%}.footer__content{flex-direction:column;grid-column:content-start/content-end;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}@media (min-width:768px){.footer__content{flex-direction:row}}.footer__logo{aspect-ratio:1;width:16.2rem;margin-bottom:4rem;position:relative}@media (min-width:768px){.footer__logo{margin-bottom:0}}.footer__logo img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.footer__pages{flex-direction:column;gap:1rem;display:flex;position:relative}@media (min-width:768px){.footer__pages{flex-direction:row}}.footer__page{cursor:pointer}.footer__page a{color:#fafafa;font-size:1.8rem;transition:all .2s ease-in-out;display:inline-block}.footer__page a:hover{transform:scale(1.1)rotate(-2deg)translate(-2px,-4px)}.footer__page span{margin-left:1rem;display:inline-block}.home{color:#fafafa;background-color:#000;overflow:hidden}.home__header{background-color:#80808033;width:100%;height:100svh;min-height:108rem}.home__over{background-color:#b3444466;height:50rem;margin-top:18rem}.home__quote,.home__music,.home__video,.home__studio,.home__instagram{margin-top:18rem}.not-found{color:#fafafa;background-color:#000;width:100%;min-height:70svh;position:relative}.not-found__title{justify-content:center;width:100%;padding:14.4rem 2rem 0;display:flex}.not-found__content{background-color:#80808033;width:100%;min-height:50rem;margin-top:7.2rem;position:relative}.basic-button{color:#fafafa;cursor:pointer;background-color:#b34444cc;border:none;border-radius:1.4rem;justify-content:center;align-items:center;gap:2rem;width:max-content;height:max-content;padding:1.2rem 2.6rem;font-family:Boldonse,sans-serif;font-size:1.368rem;display:flex}@media (min-width:768px){.basic-button{font-size:1.548rem}}.basic-button:hover svg{transform:translate(1rem)}.basic-button svg{transition:all .3s cubic-bezier(.8,.5,.3,.6)}.basic-button svg path{fill:#fafafa}.background-with-grunge{width:100%;height:100%;position:relative}.background-with-grunge__grunge{opacity:.5;mix-blend-mode:multiply;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.background-with-grunge__media-container{width:100%;height:100%;position:absolute;top:0;left:0}.background-with-grunge__media{background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.background-with-grunge__fadeoutside{width:100%;height:100%;position:absolute;top:0;left:0}.background-with-grunge__fadeoutside.left{background-image:linear-gradient(90deg,#000 0% 30%,#0000 60%)}.background-with-grunge__fadeoutside.right{background-image:linear-gradient(270deg,#000 0% 30%,#0000 60%)}.sliding-texts{width:100%;position:relative;overflow:hidden}.sliding-texts__track{width:max-content;animation:linear infinite sliding-text;display:flex}.sliding-texts__content{flex-shrink:0;display:flex}.sliding-texts__word{width:max-content;margin-right:3rem;display:flex}@keyframes sliding-text{0%{transform:translate(-50%)}to{transform:translate(0)}}.competentie{width:100%;max-width:40rem;height:100%;display:block;position:relative}@media (min-width:768px){.competentie{max-width:none}}.competentie__container{background-color:#b34444;border-radius:2rem;flex-direction:column;gap:2rem;width:100%;max-width:40rem;height:100%;padding:2rem;display:flex;position:relative;overflow:hidden}.competentie__background{width:100%;height:100%;position:absolute;top:0;left:0}.competentie__background--light{mix-blend-mode:luminosity;opacity:.8}.competentie__background--dark{mix-blend-mode:overlay;opacity:.3}.competentie__background img{object-fit:fill;width:100%;height:100%}.competentie__top{text-transform:uppercase;flex:1;align-items:flex-end;gap:1rem;height:50%;font-family:Boldonse,sans-serif;font-size:1.68rem;display:flex;position:relative}.competentie__top span,.competentie__top svg{flex:1}.competentie__top span{width:100%;display:inline-block}.competentie__top svg{width:100%;height:100%;position:relative}.competentie__top svg g{width:100%;height:100%}.competentie__title{text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000}.competentie__icon{height:100%}.competentie__icon--light path{fill:#f69e9e}.competentie__icon--dark path{fill:#701212}.competentie__bottom{flex:1;font-size:1.8rem;position:relative}.mobile-nav__menu-button{cursor:pointer;background-color:#fafafa;border:.3rem solid #b34444;border-radius:100rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:5rem;height:5rem;display:flex;position:relative}.mobile-nav__menu-button-line{border-radius:10rem;height:.4rem;transition:all .4s ease-in-out;position:relative}.mobile-nav__menu-button-line:first-child{background-color:#000;width:66%}.mobile-nav__menu-button-line:first-child.active{background-color:#b34444;transform:translateY(.9rem)rotate(225deg)}.mobile-nav__menu-button-line:nth-child(2){background-color:#000;width:46%;transition-delay:40ms}.mobile-nav__menu-button-line:nth-child(2).active{opacity:0;background-color:#b34444;transform:rotate(225deg)}.mobile-nav__menu-button-line:nth-child(3){background-color:#000;width:66%;transition-delay:80ms}.mobile-nav__menu-button-line:nth-child(3).active{background-color:#b34444;transform:translateY(-.9rem)rotate(-225deg)}.mobile-nav__menu{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);transform-origin:100%;background-color:#b34444f0;justify-content:center;width:100svw;height:100svh;transition:all .6s ease-in-out .4s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-nav__menu.active{transition-delay:0s;transform:translate(0%)}.mobile-nav__items{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;width:max-content;height:100%;display:flex;position:relative;bottom:0;left:0}.mobile-nav__item{cursor:pointer;opacity:0;text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000;padding:.8rem;transition:all .3s ease-in-out;transform:translate(10rem)}.mobile-nav__item a{color:#fafafa;align-items:center;gap:2rem;display:flex}.mobile-nav__item.active{opacity:1;transition-delay:.4s;transform:translate(0)}.mobile-nav__section{align-items:center;gap:2rem;display:flex}.mobile-nav__section svg{transition:all .2s ease-in-out;position:relative;transform:rotate(90deg)}.mobile-nav__section svg.active{transform:rotate(270deg)}.mobile-nav__subitems{pointer-events:none;flex-direction:column;gap:1rem;max-height:0;padding-top:0;font-size:1.1rem;transition:all .4s ease-in-out .4s;display:flex;position:relative;left:1.6rem}.mobile-nav__subitems a{opacity:0;transition:all .4s ease-in-out;transform:translate(2rem)}.mobile-nav__subitems.active{pointer-events:all;max-height:20rem;padding-top:1rem;transition-delay:0s}.mobile-nav__subitems.active a{opacity:1;transform:translate(0)}.mobile-nav__subitems a:first-child{transition-delay:.1s}.mobile-nav__subitems a:nth-child(2){transition-delay:.2s}.mobile-nav__subitems a:nth-child(3){transition-delay:.3s}.mobile-nav__subitems a:nth-child(4){transition-delay:.4s}.mobile-nav__subitems a:nth-child(5){transition-delay:.5s}.mobile-nav__subitems a:nth-child(6){transition-delay:.6s}.mobile-nav__subitems a:nth-child(7){transition-delay:.7s}.mobile-nav__subitems a:nth-child(8){transition-delay:.8s}.mobile-nav__subitems a:nth-child(9){transition-delay:.9s}.mobile-nav__subitems a:nth-child(10){transition-delay:1s}.instagram-gallery{grid-column:content-start/content-end;padding:18rem 0;position:relative}.instagram-gallery__subtitle{text-align:center;width:100%;font-family:Boldonse,sans-serif;position:relative}.instagram-gallery__gallery{grid-template-rows:auto;grid-template-columns:repeat(1,1fr);gap:2rem;width:100%;min-height:40rem;margin-top:6rem;display:grid;position:relative}@media (min-width:500px){.instagram-gallery__gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.instagram-gallery__gallery{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.instagram-gallery__gallery{grid-template-columns:repeat(4,1fr)}}.instagram-gallery__item{aspect-ratio:1;border-radius:3rem;width:100%;height:100%;position:relative}.instagram-gallery__load-more{justify-content:center;width:100%;padding-top:6rem;display:flex}.instagram-gallery-item{aspect-ratio:1;border-radius:3rem;width:100%;height:100%;position:relative}.instagram-gallery-item__container{width:100%;height:100%;display:inline-block;position:relative}.instagram-gallery-item img{object-fit:cover;object-position:center;border-radius:3rem;width:100%;height:100%;position:relative;top:0;left:0}.instagram-gallery-item__content{cursor:pointer;justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.instagram-gallery-item__content div{color:#fafafa;text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000;justify-content:flex-start;width:100%;padding:2.8rem 2rem;font-family:Boldonse,sans-serif;font-size:1.76rem;display:flex;position:relative}@media (min-width:768px){.instagram-gallery-item__content div{font-size:2.2rem}}@media (min-width:1280px){.instagram-gallery-item__content div{font-size:2.64rem}}.instagram-gallery-item__content div span{display:inline-block;position:relative}.instagram-gallery-item__content div:before{content:"";background-image:linear-gradient(#0009 0%,#0000 30%);width:100%;height:100%;position:absolute;top:0;left:0}.quote-with-gallery{flex-direction:column;align-items:center;gap:8rem;margin-top:18rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.quote-with-gallery{min-height:149.2rem}}@media (min-width:1280px){.quote-with-gallery{flex-direction:row}}.quote-with-gallery__grid-full-height{height:100%}.quote-with-gallery__background-grunge{mix-blend-mode:lighten;width:100%;height:100%;position:absolute;top:0}.quote-with-gallery__background-grunge--left{right:0}.quote-with-gallery__background-grunge--right{left:0}.quote-with-gallery__background-image{width:100%;height:100%;position:absolute;top:0;overflow:hidden}.quote-with-gallery__background-image:after{content:"";background:linear-gradient(#000 0%,#0000004d 20% 80%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.quote-with-gallery__background-image--left{object-fit:cover;object-position:center;width:100%;height:100%;position:relative;left:0;transform:scaleX(-1);object-position:0% 70%!important}.quote-with-gallery__background-image--right{object-fit:cover;object-position:center;width:100%;height:100%;position:relative;right:0;object-position:0% 16%!important}.quote-with-gallery__content{align-items:center}.quote-with-gallery__content--left{flex-direction:column;grid-column:content-start/full-end;display:flex}@media (min-width:1280px){.quote-with-gallery__content--left{flex-direction:row}}.quote-with-gallery__content--right{flex-direction:column;grid-column:full-start/content-end;display:flex}@media (min-width:1280px){.quote-with-gallery__content--right{flex-direction:row-reverse}}.quote-with-gallery__quote-container--right{flex:1;justify-content:center;width:100%;height:max-content;padding-left:1.6rem;display:flex;position:relative}@media (min-width:1280px){.quote-with-gallery__quote-container--right{justify-content:flex-end}}.quote-with-gallery__quote-container--left{flex:1;justify-content:center;width:100%;height:max-content;padding-right:1.6rem;display:flex;position:relative}@media (min-width:1280px){.quote-with-gallery__quote-container--left{justify-content:flex-start}}.quote-with-gallery__quote{flex-direction:column;justify-content:center;padding-top:10rem;display:flex;position:relative}@media (min-width:1280px){.quote-with-gallery__quote{padding-top:0}}.quote-with-gallery__title{color:#b34444;text-transform:uppercase;text-shadow:.2rem .2rem 0 #000,0 .2rem 0 #000;margin-bottom:1.6rem;font-family:Boldonse,sans-serif;font-size:4.4rem;display:inline-block;position:relative}.quote-with-gallery__the-quote{flex-direction:column;width:100%;display:flex;position:relative}@media (min-width:768px){.quote-with-gallery__the-quote{width:58rem}}.quote-with-gallery__the-quote svg{width:max-content;position:relative}.quote-with-gallery__the-quote svg:first-child{transform-origin:0;animation:1.6s ease-in-out infinite drumstick-top}.quote-with-gallery__the-quote svg:last-child{transform-origin:100%;align-self:flex-end;animation:2.1s ease-in-out .4s infinite drumstick-bottom;transform:rotate(180deg)translate(100%)}.quote-with-gallery__the-quote div{color:#fafafa;text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000;flex-wrap:wrap;align-self:flex-end;column-gap:1rem;width:100%;margin:2rem 0;font-size:2.16rem;transition:all .4s ease-in-out;display:flex;position:relative}@media (min-width:768px){.quote-with-gallery__the-quote div{font-size:2.88rem}}.quote-with-gallery__the-quote div span{display:inline-block}.quote-with-gallery__gallery{flex:1.1;width:100%;height:max-content;position:relative}@keyframes drumstick-top{0%,to{transform:rotate(0)}18%{transform:rotate(-7deg)}26%{transform:rotate(0)}36%{transform:rotate(-3deg)}45%{transform:rotate(0)}58%{transform:rotate(0)}69%{transform:rotate(-5deg)}78%{transform:rotate(0)}}@keyframes drumstick-bottom{0%,to{transform:rotate(180deg)translate(100%)}9%{transform:rotate(173deg)translate(100%)}14%{transform:rotate(180deg)translate(100%)}40%{transform:rotate(180deg)translate(100%)}52%{transform:rotate(173deg)translate(100%)}58%{transform:rotate(180deg)translate(100%)}64%{transform:rotate(176deg)translate(100%)}68%{transform:rotate(180deg)translate(100%)}}.quote-gallery{align-items:center;width:100%;height:100%;padding:30rem 0;display:flex;position:relative}.quote-gallery--left{justify-content:flex-end}.quote-gallery--right{justify-content:flex-start}.quote-gallery__base{aspect-ratio:7/4;width:100%;max-width:80rem;position:relative}@media (min-width:1920px){.quote-gallery__base{max-width:110rem}}.quote-gallery__item{aspect-ratio:7/4;width:100%;height:100%;transition:transform .8s ease-in-out,opacity .8s ease-in-out,scale .8s ease-in-out;position:absolute;overflow:hidden}.quote-gallery__item--active{z-index:10;opacity:1;transition-delay:0s;transform:translateY(0)scale(1)}.quote-gallery__item--previous{z-index:9;opacity:1;transition-delay:.1s;transform:translateY(-60%)scale(.7)}.quote-gallery__item--next{z-index:8;opacity:1;transition-delay:.1s;transform:translateY(60%)scale(.7)}.quote-gallery__item--hidden{opacity:0;pointer-events:none;transform:translateY(0)scale(.5)}.quote-gallery__item--left{transform-origin:100%;border-bottom:.4rem solid #701212;border-left:.4rem solid #701212;border-radius:4rem 0 0 4rem}.quote-gallery__item--right{transform-origin:0;border-bottom:.4rem solid #701212;border-right:.4rem solid #701212;border-radius:0 4rem 4rem 0}.quote-gallery__item img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:relative}.paragraphs{font-size:1.8rem}.paragraphs__bold{font-size:1.872rem;font-weight:600}.studio-image{transform-box:fill-box;transform-origin:50%;position:relative}.studio-image--canvas{aspect-ratio:1;width:80%;height:100%;display:block;position:relative}.studio-mask__circle,.studio-mask__shape,.studio-mask__ring{transform-box:view-box!important}.home-header{background-color:#80808033;width:100%;height:70svh;position:relative;overflow:hidden}@media (min-width:768px){.home-header{height:90svh;min-height:90rem}}.home-header__media{width:100%;height:100%;position:relative}.home-header__media img,.home-header__media video{object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.home-header__sliding-text{color:#fafafa;text-shadow:.4rem .4rem 0 #000,0 .4rem 0 #000;width:100%;font-family:Boldonse;font-size:2.4rem;position:absolute;bottom:20%;transform:rotate(-2deg)}@media (min-width:768px){.home-header__sliding-text{font-size:3.4rem}}.home-header__overlay{mix-blend-mode:multiply;opacity:.3;width:100%;height:100%;position:absolute;top:0;left:0}.home-header__overlay img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.home-over{flex-direction:column;gap:2rem;padding-top:18rem;display:flex}@media (min-width:768px){.home-over{flex-direction:row}}.home-over h1{flex:.4 .4 0}.home-over__content{flex-direction:column;flex:1 1 0;gap:3rem;display:flex}.home-over__to-subpage{flex-direction:column;gap:10rem;display:flex}@media (min-width:1024px){.home-over__to-subpage{flex-direction:row}}.home-over__to-subpage p{flex:1}.home-over__to-subpage div{align-items:flex-end;height:100%;display:flex}.home-over__payoff{font-family:Boldonse,sans-serif;font-size:1.47rem;display:flex;position:relative}.home-music{grid-column:full-start/full-end;margin-top:18rem;padding:18rem 0;position:relative}.home-music__background{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.home-music__background img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative;transform:scaleX(-1)translate(20%)}.home-music__fadeouts{z-index:1;background-image:linear-gradient(#000 0%,#0000 20% 80%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.home-music__content{z-index:2;flex-direction:column;grid-column:full-start/content-end;display:flex;position:relative}@media (min-width:768px){.home-music__content{flex-direction:row}}.home-music__image{flex:1;padding:6svh 0;position:relative;left:-20%;transform:scaleX(-1.6)scaleY(1.6)translateY(-20%);-webkit-mask-image:url(/masks/drumset.svg);mask-image:url(/masks/drumset.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width:768px){.home-music__image{padding:6svw 0;transform:scaleX(-1.5)scaleY(1.5)}}.home-music__image img{object-fit:cover;object-position:center;width:100%;height:140%;position:relative;object-position:-10rem -2rem!important}@media (min-width:768px){.home-music__image img{height:100%;object-position:-18rem 2rem!important}}.home-music__paragraph{flex-direction:column;flex:1;justify-content:center;gap:2rem;height:100%;padding-left:2rem;display:flex;position:relative}@media (min-width:768px){.home-music__paragraph{padding-left:0}}.home-music__paragraph h2{text-align:center;text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000;width:100%}@media (min-width:768px){.home-music__paragraph h2{text-align:right}}.home-music__paragraph h3{text-shadow:.144rem .144rem 0 #000,0 .144rem 0 #000;font-size:1.47rem}.home-music__paragraph p{padding:0 0 0 .8rem}.home-music__buttons{flex-wrap:wrap;gap:2rem;width:100%;display:flex}.home-video{grid-column:full-start/full-end;margin-top:18rem;margin-bottom:18rem;position:relative;overflow:hidden}.home-video__texture-top,.home-video__texture-bottom{mix-blend-mode:hard-light;position:relative}.home-video__texture-top img,.home-video__texture-bottom img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.home-video__texture-top{top:.6rem}.home-video__texture-bottom{top:-.6rem}.home-video__grunge-video{mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:0;left:0}.home-video__grunge-video img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.home-video__button{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-video__button svg path{fill:#fafafa}.home-video__video{width:100%;height:60svh;position:relative;overflow:hidden}@media (min-width:768px){.home-video__video{height:32svw;max-height:50svh}}.home-video__video video{height:100%;position:relative;left:50%;transform:translate(-50%)}@media (min-width:768px){.home-video__video video{width:100%;height:auto;top:50%;transform:translate(-50%,-50%)}}.home-studio{padding:18rem 0;position:relative;overflow:hidden}.home-studio__fadeout{background-image:linear-gradient(#000 0%,#0000 20% 80%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.home-studio__background{width:100%;height:100%;position:absolute;top:0;left:0}.home-studio{grid-column:full-start/full-end}.home-studio__content{flex-direction:column;grid-column:content-start/content-end;display:flex;position:relative}@media (min-width:1024px){.home-studio__content{flex-direction:row;grid-column:content-start/full-end}}.home-studio__paragraph{flex-direction:column;flex:1;justify-content:center;gap:3rem;padding:0 1.6rem 10rem 0;display:flex}@media (min-width:768px){.home-studio__paragraph{padding:0}}.home-studio__paragraph h2{text-align:center;width:100%}@media (min-width:768px){.home-studio__paragraph h2{text-align:left}}.home-studio__image{flex:1.3;justify-content:center;margin-top:12rem;display:flex;overflow:hidden;transform:scale(1.8)}@media (min-width:500px){.home-studio__image{transform:scale(1.4)}}@media (min-width:768px){.home-studio__image{margin-top:0;transform:scale(1)}}.home-studio__image svg{width:100%;transform:scaleX(-1)}@media (min-width:768px){.home-studio__image svg{width:80%}}.home-studio__image img{object-fit:cover;object-position:center;width:100%;height:100%;position:relative;transform:scaleX(-1)}@keyframes mask-animation{0%,to{transform:scale(1)}20%{transform:scale(.92)}40%{transform:scale(1)}50%{transform:scale(.96)}60%{transform:scale(1)}}.home-competenties{grid-template-columns:repeat(1,1fr);gap:4rem;width:100%;padding-top:18rem;display:grid;position:relative}@media (min-width:768px){.home-competenties{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.home-competenties{grid-template-columns:repeat(4,1fr)}}.home-competenties__competentie{justify-content:center;display:flex}.subpage-intro{flex-direction:column;gap:2rem;padding-top:18rem;display:flex}@media (min-width:1024px){.subpage-intro{flex-direction:row;gap:10svw}}.subpage-intro__title{flex-direction:column;flex:.4;justify-content:center;align-items:center;display:flex;position:relative}.subpage-intro__title h1{text-align:center;width:100%}@media (min-width:768px){.subpage-intro__title h1{width:max-content}}.subpage-intro__title img{object-fit:contain;object-position:center;width:100%;max-width:40rem;height:100%;position:relative}.subpage-intro__content{flex-direction:column;flex:1;display:flex}.subpage-intro__content p{margin-top:2rem}.minigame{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.minigame__controller{flex-direction:row;justify-content:center;gap:10rem;display:flex;position:relative}.minigame__controller:after{content:"";pointer-events:none;background-image:linear-gradient(#000 0%,#0000 14% 86%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.minigame__ui{opacity:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.minigame__button-start{color:#fafafa;text-transform:uppercase;pointer-events:auto;background-color:#b34444;border:none;border-radius:1rem;width:max-content;height:max-content;padding:2rem 3.4rem;font-family:Boldonse,sans-serif;position:relative}.minigame__score{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.minigame__background{opacity:.1;pointer-events:none;width:100%;height:100%;position:absolute}.minigame__tutorial{background-color:#b34444b3;border-radius:2rem;flex-direction:column;gap:1.4rem;margin-bottom:2rem;padding:2rem;display:flex}.minigame__tutorial h2{font-size:1.68rem}.minigame__tutorial div{flex-direction:column;gap:.4rem;display:flex}@keyframes note-anim{0%{opacity:0;transform:translateY(0%)translate(-50%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-74rem)translate(-50%)}}@keyframes idle-anim{0%,to{transform:scale(1)}20%{transform:scale(1.06)}40%{transform:scale(1)}60%{transform:scale(1.06)}}.user-controller{width:37rem;height:80rem;position:relative}.user-controller__button{position:absolute;top:50%;left:50%;transform:translate(-50%,220%)}.user-controller__button:before{content:"";pointer-events:none;background-color:#70121299;border-radius:100rem;width:250%;height:250%;position:absolute;top:-75%;left:-75%}.user-controller__button-inner{aspect-ratio:1;background-color:#b34444;border-radius:100rem;width:6rem;position:relative}.user-controller__lines{justify-content:center;gap:4rem;height:100%;display:flex}.user-controller__line{background-color:#fafafa33;width:3px;height:100%}.user-controller__note{opacity:0;pointer-events:none;background-color:#fafafa;border-radius:100rem;width:6rem;height:6rem;animation:linear reverse note-anim;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.user-scored{pointer-events:none;font-family:Boldonse,sans-serif;position:absolute;top:-1rem;left:4rem}.user-scored__perfect{color:gold;animation:.6s forwards scored-perfect}.user-scored__good{color:#32cd32;animation:.6s forwards scored-good}.user-scored__miss{color:gray;animation:.6s forwards scored-miss}@keyframes scored-miss{0%{opacity:0;transform:translate(1rem,2rem)scale(0)}60%{opacity:1;transform:translate(7rem,4rem)scale(1.3)}to{opacity:0;transform:translate(8rem,5rem)scale(1.2)}}@keyframes scored-good{0%{opacity:0;transform:translate(-1rem,1rem)scale(0)}60%{opacity:1;transform:translate(7rem,-5rem)scale(1.6)rotate(2deg)}to{opacity:0;transform:translate(9rem,-7rem)scale(1.2)rotate(-6deg)}}@keyframes scored-perfect{0%{opacity:0;transform:translate(-2rem,2rem)scale(0)}60%{opacity:1;transform:translate(7rem,-6rem)scale(2)rotate(-3deg)}to{opacity:0;transform:translate(9rem,-8rem)scale(1.2)rotate(6deg)}}.scoreboard__scores{flex-direction:column;font-family:Boldonse,sans-serif;font-size:1.44rem;display:flex}.scoreboard__amount{background-color:#fafafa29;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex;position:relative}.scoreboard__amount:first-child{border-radius:1rem 1rem 0 0}.scoreboard__amount:nth-child(3){border-radius:0 0 1rem 1rem}.scoreboard__perfect span{color:gold}.scoreboard__good span{color:#32cd32}.scoreboard__miss span{color:gray}.scoreboard__total{background-color:#fafafa29;border-radius:1rem;gap:2rem;margin-top:2rem;padding:1rem;display:flex}@font-face{font-family:Boldonse;src:url(/fonts/Boldonse-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-light.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal}
