:root{--spacer: 5px}@media (min-width: 640px){:root{--spacer: 8px}}.mt-xs{margin-top:calc(var(--spacer) * 1)}.mt-s{margin-top:calc(var(--spacer) * 2)}.mt-m{margin-top:calc(var(--spacer) * 4)}.mt-l{margin-top:calc(var(--spacer) * 8)}.mt-xl{margin-top:calc(var(--spacer) * 10)}.mr-xs{margin-right:calc(var(--spacer) * 1)}.mr-s{margin-right:calc(var(--spacer) * 2)}.mr-m{margin-right:calc(var(--spacer) * 4)}.mr-l{margin-right:calc(var(--spacer) * 8)}.mr-xl{margin-right:calc(var(--spacer) * 10)}.mb-xs{margin-bottom:calc(var(--spacer) * 1)}.mb-s{margin-bottom:calc(var(--spacer) * 2)}.mb-m{margin-bottom:calc(var(--spacer) * 4)}.mb-l{margin-bottom:calc(var(--spacer) * 8)}.mb-xl{margin-bottom:calc(var(--spacer) * 10)}.ml-xs{margin-left:calc(var(--spacer) * 1)}.ml-s{margin-left:calc(var(--spacer) * 2)}.ml-m{margin-left:calc(var(--spacer) * 4)}.ml-l{margin-left:calc(var(--spacer) * 8)}.ml-xl{margin-left:calc(var(--spacer) * 10)}.pt-xs{padding-top:calc(var(--spacer) * 1)}.pt-s{padding-top:calc(var(--spacer) * 2)}.pt-m{padding-top:calc(var(--spacer) * 4)}.pt-l{padding-top:calc(var(--spacer) * 8)}.pt-xl{padding-top:calc(var(--spacer) * 10)}.pr-xs{padding-right:calc(var(--spacer) * 1)}.pr-s{padding-right:calc(var(--spacer) * 2)}.pr-m{padding-right:calc(var(--spacer) * 4)}.pr-l{padding-right:calc(var(--spacer) * 8)}.pr-xl{padding-right:calc(var(--spacer) * 10)}.pb-xs{padding-bottom:calc(var(--spacer) * 1)}.pb-s{padding-bottom:calc(var(--spacer) * 2)}.pb-m{padding-bottom:calc(var(--spacer) * 4)}.pb-l{padding-bottom:calc(var(--spacer) * 8)}.pb-xl{padding-bottom:calc(var(--spacer) * 10)}.pl-xs{padding-left:calc(var(--spacer) * 1)}.pl-s{padding-left:calc(var(--spacer) * 2)}.pl-m{padding-left:calc(var(--spacer) * 4)}.pl-l{padding-left:calc(var(--spacer) * 8)}.pl-xl{padding-left:calc(var(--spacer) * 10)}*{box-sizing:border-box}html{font-size:62.5%;background-color:#080d00}body{font-size:1.6rem;font-family:Montserrat,sans-serif;font-weight:400;font-style:normal;line-height:1.5;text-decoration:none;text-transform:none;margin:0;padding:0;overflow-x:hidden;background-color:#fff}@media (min-width: 640px){body{font-size:1.8rem}}h1{margin-block:4rem;font-size:4rem;font-family:Vensfolk,serif;font-weight:400;font-style:normal;line-height:1.2;text-decoration:none;text-transform:none}@media (min-width: 640px){h1{font-size:6rem}}h2{margin-top:3.2rem;margin-bottom:0;font-size:2.8rem;font-family:Vensfolk,serif;font-weight:400;font-style:normal;text-decoration:none;text-transform:none}@media (min-width: 640px){h2{font-size:4rem}}h3{font-size:2rem;font-family:Montserrat,sans-serif;font-weight:400;font-style:normal;text-decoration:none;text-transform:uppercase}.container{max-width:800px;margin-inline:auto;padding-inline:20px}.button{font-size:1.8rem;font-family:Montserrat,sans-serif;font-weight:600;font-style:normal;line-height:1;text-decoration:none;text-transform:uppercase;position:relative;z-index:1;display:inline-block;min-width:1.6rem;padding:8px 16px;color:#080d00}.button:before,.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.button:before{background-color:#f1db4b}.button:after{background-color:#fff;opacity:.5;transform:scaleY(0);transform-origin:bottom;transition:transform .12s ease-out}.button:hover:after{transform:scaleY(1)}.cta{position:relative;margin-top:12rem;padding-block:8rem;background-color:#718a42;text-align:center}.cta:before{content:"";position:absolute;bottom:100%;inset-inline:0;height:10px;border-top:clamp(20px,4vw,40px) solid transparent;border-right:100vw solid #dcebbc}.cta h2{margin:0 0 3.2rem}.cta .button{margin-top:3.2rem}.events{display:flex;flex-flow:row wrap;gap:16px;padding:0;margin:0}.events li{margin:0;list-style-type:none}.event{position:relative;display:block;padding-left:16px;text-decoration:none;color:inherit}.event:before{--color: #718a42;content:"";position:absolute;inset-block:0;left:0;display:block;width:4px;height:100%;border-right:4px solid var(--color);border-top:2px solid transparent;border-bottom:1px solid transparent;transition:transform .12s ease-out}.event p{margin:0}.event.event--spring:before{--color: #cfe65c}.event.event--autumn:before{--color: #ff6633}.event.event--jam:before{--color: #5dc9c5}.event:hover:before{transform:scaleX(2)}.event__title{margin-bottom:0}.event__info{font-size:1.6rem;font-family:Montserrat,sans-serif;font-style:italic;font-weight:400;line-height:1.25;text-decoration:none;text-transform:none}.footer{position:relative;padding-block:1.6rem;background-color:#080d00;color:#fff}.footer:before{content:"";position:absolute;inset-inline:0;bottom:100%;height:10px;border-top:clamp(20px,4vw,40px) solid transparent;border-left:100vw solid #2e381b}.footer__content{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;font-size:1.4rem}.footer__menu{display:flex;flex-flow:row wrap;align-items:center;gap:32px;list-style-type:none}.footer__menu a{color:inherit}.footer__menu-item{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.footer__menu-item a{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:thin solid #ffffff;border-radius:50%}.footer__menu-item svg{height:2rem;width:auto;max-width:2rem}.header{position:fixed;top:0;inset-inline:0;z-index:3;display:flex;align-items:center;justify-content:center;height:88px;background-color:#080d00}.hero{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;width:100%;height:50vw;min-height:30rem;max-height:60rem}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(to top,#080d00,#080d00cc 50%)}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero__logo{--scale: 1;width:50vw;max-width:640px;min-width:300px;transform:scale(var(--scale));transform-origin:top center;transition:transform .16s}.hero__logo--fixed{position:fixed;top:4px}.hero__diagonal{position:sticky;top:88px;height:10px;border-bottom:clamp(20px,4vw,40px) solid transparent;border-left:100vw solid #080d00;margin-bottom:6rem}@media (min-width: 640px){.hero__diagonal{margin-bottom:10rem}}.hero__button{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#2e381b;color:#fff;border:none;border-radius:50%}.hero__button svg{width:16px;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.hero__button.pause .play,.hero__button.play .pause{display:none}img+.hero__button{display:none}
