:root{--primary-text: #f4e3b8;--secondary-text: #000000;--secondary-text-acc: #413e38 }@font-face{font-family:Niva;src:url(../font/Niva-Regular.ttf);font-weight:400}@font-face{font-family:Niva;src:url(../font/NivaSmallCaps-Bold.ttf);font-weight:700}*{box-sizing:border-box;margin:0}body{overflow-x:hidden;font-size:18px;font-family:var(--secondary-font)}body.no-scroll{overflow-y:hidden}a,button span{transition:.3s}h1,h2,h3{font-family:var(--primary-font)}a{text-decoration:none}a:hover{text-decoration:underline}button{font:var(--secondary-text);color:var(--primary-text);cursor:pointer;transition:.2s}button.primary{background:var(--primary-bg);border:none;font-size:18px;padding:10px 20px}button.primary:hover{background:var(--primary-bg-acc)}button span{display:inline-block;padding-left:10px;vertical-align:1px}button:hover span{padding-left:20px}header.active .languages a.active,.mobile-nav-menu a{color:var(--secondary-text)}.mobile-nav,.mobile-nav-menu,nav{top:0;position:absolute;width:100vw}nav{top:0;z-index:2;padding:5vh 0}nav{display:none;justify-content:center;gap:20px;z-index:1}.mobile-nav{display:flex;align-items:center;justify-content:right;padding:3vh;z-index:1001;gap:20px;backdrop-filter:blur(1px)}.contact a,.languages a,.mobile-nav span,.mobile-nav-menu a,nav a{font-family:var(--secondary-font);font-weight:700;white-space:nowrap;font-size:18px}nav a{border-bottom:2px solid transparent;transition:.2s;cursor:pointer;width:120px}nav img{margin-top:-5px;height:50px}header img{cursor:pointer}.mobile-nav img.logo{height:50px;position:absolute;left:3vh}.mobile-nav img{height:18px}.mobile-nav-menu{position:fixed;z-index:1000;height:100vh;background-color:var(--secondary-bg);top:0;right:-110%;transition:.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.active .mobile-nav-menu{right:0}.mobile-nav-menu a{font-size:30px}.contact{left:5vw}.languages{right:5vh}.languages a{color:gray;transition:.3s}@media(min-width:800px){nav{display:flex;right:-25px}.mobile-nav{display:none}}:root{--primary-bg: #002FA7;--primary-bg-acc: rgb(31, 81, 207);--secondary-bg: #f4e3b8;--secondary-bg-acc: #ccba8c;--primary-font: "Bordonaro Spur";--secondary-font: "Niva" }@font-face{font-family:Bordonaro Spur;src:url(/static/font/BordonaroSpur.otf)}.ribbon,body{background:var(--primary-bg)}.header,.ribbon{position:relative;overflow:hidden}.gallery-preview .cta a,.header h2{font-family:var(--secondary-font)}.header:after,.ribbon:after,html:before{pointer-events:none;content:""}#ribbon,.ribbon{white-space:nowrap}#performances h2,.about .trailer,.calendar-nav,.date,.header,.month-wrapper,.performance{text-align:center}.contact a,.gallery-preview .cta a,.header h1,.header h2,.month .day.active,.ribbon,footer a,header:not(.active) .languages a.active,header:not(.active) .languages,header a{color:var(--primary-text)}.calendar-nav .actions img,.performance-wrapper,footer li{cursor:pointer}html:before{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.2;position:fixed;inset:0;z-index:1000}section{background:var(--secondary-bg);color:var(--secondary-text);padding:15vh 5vw;width:100vw}.ribbon{padding:5vh 5vw;font-size:20px;font-weight:700}header:not(.active) img{filter:brightness(0) saturate(100%) invert(84%) sepia(32%) saturate(302%) hue-rotate(348deg) brightness(106%) contrast(91%)}.header{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/static/images/header.webp);background-size:cover;background-position:center}.header:after{display:block;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(255,255,255,0) 0,var(--primary-bg) 70%,var(--primary-bg) 100%);border-radius:50%;position:absolute;top:-50%;left:-50%}.header h1,.header h2{z-index:1}.event p,.events i{color:var(--secondary-text-acc)}.header h1{font-size:170px;text-shadow:5px 6px 2px #000;line-height:.8;margin-bottom:30px;pointer-events:none}.ribbon.stars{padding:5vh 5px}.stars div{background-image:url(/static/icons/star.svg);width:100%;height:48px}.about{display:flex;flex-direction:column;align-items:center;gap:5vw}.content{max-width:600px}.content h2{font-size:40px;margin-bottom:10px}.date,.events i,footer p{font-size:14px}.cadred,.gallery-preview .cta{position:relative}.cadred{background:#fff;padding:min(5vw,25px)}.cadred.horizontal.trailer{aspect-ratio:28/23;width:100%}.cadred video{position:absolute;top:8%;left:7%;width:86%;height:84%;object-fit:cover}.gallery-preview img{width:100%;height:100%;object-fit:cover}.gallery-preview{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.gallery-preview .second,.month-wrapper.hide{display:none}.gallery-preview .cta a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;white-space:nowrap}.gallery-preview .cta img{filter:brightness(.5)}.ribbon:after{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 0,var(--primary-bg) 200%)}#ribbon{display:inline-block;animation:10s linear infinite scroll}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}#performances h2{margin:-60px 0 60px;font-size:80px}.calendar-wrapper,.performances{display:flex;gap:70px;justify-content:center}.performances{flex-direction:column;align-items:center;gap:5vw}.performance{flex:1;max-width:325px}.performance img{max-height:60vh;width:100%;transition:.3s}.performance-wrapper:hover img{filter:brightness(.7)}.performance .stars{padding:1vh 20px;background:var(--primary-bg);position:relative}.performance .stars div{background-size:24px 24px;height:24px}.stars.top{border-bottom:4px dotted var(--secondary-bg)}.stars.bottom:after,.stars.bottom:before,.stars.top:after,.stars.top:before{content:"";position:absolute;width:28px;height:28px;background:var(--secondary-bg);border-radius:100%}.stars.top:after,.stars.top:before{top:-14px}.stars.bottom:after,.stars.bottom:before{bottom:-14px}.stars.bottom:before,.stars.top:before{left:-14px}.stars.bottom:after,.stars.top:after{right:-14px}.stars.bottom{border-top:4px dotted var(--secondary-bg);margin-top:-6px}.about button,.performance button{margin:25px 0}.calendar-wrapper{flex-wrap:wrap;max-width:1100px;margin:0 auto}.event,.month .day{align-items:center}.events{width:100%;display:grid;grid-template-columns:1fr;row-gap:10px;column-gap:20px}.event,.month,.month .day,footer li{display:flex}.events-wrapper h2{margin-bottom:12px;text-align:center}.event{gap:1vw}.date{background:var(--secondary-bg-acc);width:60px;height:60px;flex-shrink:0}.date h3{margin-top:-6px;font-size:35px}.month-wrapper{height:300px}.month{justify-content:center;gap:5px}.month .day{margin:2px;width:36px;height:36px;justify-content:center;text-transform:capitalize}.month .day.active{background:var(--primary-bg);cursor:pointer}.see-event{position:fixed;background:var(--secondary-bg);padding:5px;border:2px dashed var(--secondary-bg-acc);z-index:1;visibility:hidden}.see-event.active{visibility:visible}.calendar-nav .actions{width:100%;display:flex;align-items:center;justify-content:center}.year-indicator{margin-top:-3px;width:102px;display:block}.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));justify-items:center;max-width:calc(750px + 15vw);margin:0 auto;gap:5vw}.person{max-width:350px;width:100%}.person img{width:100%;height:65vh;object-fit:cover}.person h2{font-size:30px;margin:25px 0 10px}.person p{text-align:justify}footer.ribbon{text-align:center;font-weight:400;padding:10vh 8vw}footer .socials{max-width:520px;margin:25px auto}footer img{width:20px}footer ul{list-style:none;padding:0}footer li{align-items:center;flex-wrap:wrap;column-gap:10px;margin:15px 0}footer li span{width:100%;text-align:left}@media(min-width:652px){.header h1{font-size:200px}.events{grid-template-columns:repeat(2,1fr)}.gallery-preview{grid-template-columns:repeat(3,1fr)}.gallery-preview .second{display:block}footer li{flex-wrap:nowrap}}@media(max-width:652px){.event{justify-content:center}}@media(max-width:1193px){.events-wrapper{width:100%}}@media(min-width:1194px){.events{grid-template-columns:1fr}.calendar,.events-wrapper{flex:1}.calendar-nav{display:flex;gap:70px}.calendar-nav .filler{width:calc((min(1100px,100%) - 140px)/ 3);flex-shrink:0}}@media(min-width:1024px){.about,.performances{flex-direction:row}.cadred.horizontal.trailer,.about .content,.about .trailer{width:50%}#performances h2{font-size:10vw}#ribbon{animation-duration:25s}}
