@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.hero{position:relative;margin-left:-1rem;margin-left:calc(var(--spacing)*-1);margin-right:-1rem;margin-right:calc(var(--spacing)*-1);width:auto;height:75vh}.hero:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:16px;height:1rem;height:calc(var(--gutter)*2);background-image:linear-gradient(180deg,#fef5fa00,#fef5fa05 9.99%,#fef5fa13 19.07%,#fef5fa28 27.44%,#fef5fa42 35.26%,#fef5fa60 42.72%,#fef5fa80 50%,#fef5fa9f 57.28%,#fef5fabd 64.74%,#fef5fad7 72.56%,#fef5faec 80.93%,#fef5fafa 90.01%,#fef5fa)}.banners{position:relative;z-index:10;margin:-2rem -1rem 0;margin:calc(var(--spacing)*-2) calc(var(--spacing)*-1) 0;padding:1rem;padding:var(--spacing) 0;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;font-size:0;letter-spacing:0;white-space:nowrap}.banners::-webkit-scrollbar{width:16px;width:1rem;height:16px;height:1rem}.banners::-webkit-scrollbar,.banners::-webkit-scrollbar-track{background:linear-gradient(90deg,#eb5f37,#a73d8f)}.banners::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a73d8f,#eb5f37)}.banners:after,.banners:before{content:"";height:100%;width:16px;width:1rem;width:var(--spacing)}.banners li,.banners:after,.banners:before{display:inline-block;vertical-align:top;scroll-snap-align:start}.banners li{margin-right:1rem;margin-right:calc(var(--gutter)*2);width:256px;width:16rem;font-size:16px;font-size:1rem;white-space:normal}.banner,.banner__outer{position:relative}.banner__outer{display:block;min-height:100%}.banner__inner{padding:1rem 0}.banner .ratio{background:#0000;padding-bottom:100%}.banner__subtitle,.banner__title{font-size:24px;font-size:1.5rem;line-height:28px;line-height:1.75rem}.banner__performer{font-size:21px;font-size:1.3125rem;line-height:28px;line-height:1.75rem}.banner__period{font-size:16px;font-size:1rem;line-height:24px;line-height:1.5rem}:is(.banner--full,.banner--hero,.banner--hidden) figure{position:relative}:is(.banner--full,.banner--hero,.banner--hidden) .ratio{padding-bottom:150%}.banner--full img,.banner--full video,.banner--hero img,.banner--hero video,.banner--hidden img,.banner--hidden video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}:is(.banner--full,.banner--hero) .banner__outer{background-color:#8fcfd4;background-image:url(../../img/s2627-left.png),url(../../img/s2627-right.png);background-repeat:no-repeat,no-repeat;background-position:0,100%;background-size:40vh 80vh,40vh 80vh;background-attachment:fixed,fixed}:is(.banner--full,.banner--hero) .banner__inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:2px 2px 16px #16161d80,-2px -2px 16px #16161d80,-2px 2px 16px #16161d80,2px -2px 16px #16161d80;text-shadow:.125rem .125rem 1rem #16161d80,-.125rem -.125rem 1rem #16161d80,-.125rem .125rem 1rem #16161d80,.125rem -.125rem 1rem #16161d80;text-align:center;padding:1rem}.banner--hero{height:100%}.banner--hero figure{position:absolute;top:0;left:0;width:100%;height:100%}.banner--hero.banner--lite .banner__inner{color:#16161d}.banner--hero .banner__inner{height:auto;bottom:16px;bottom:1rem;bottom:calc(var(--gutter)*2)}.banner--hero :is(.subtitle,.title){font-size:clamp(24px,3vw,64px);font-size:clamp(1.5rem,3vw,4rem);line-height:1}.banner--hero .performer{font-size:clamp(20px,2vw,40px);font-size:clamp(1.25rem,2vw,2.5rem);line-height:1.25}.banner--hidden .banner__inner{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.calendar{background-color:#8fcfd4;background-image:url(../../img/s2627-left.png),url(../../img/s2627-right.png);background-repeat:no-repeat,no-repeat;background-position:0,100%;background-size:40vh 80vh,40vh 80vh;background-attachment:fixed,fixed;color:#16161d;margin:0 -1rem;margin:0 calc(var(--spacing)*-1);padding-left:1rem;padding-left:var(--spacing);padding-right:1rem;padding-right:var(--spacing)}.calendar :is(.agenda__date,.agenda__day,.agenda__item,.agenda__item__show){border-color:#16161d}.calendar :is(.agenda__date__month,.agenda__date__number,.agenda__date__weekday){font-size:16px;font-size:1rem;display:inline}@media only print and (min-width:20em),only screen and (min-width:32em){.banners li{width:18rem}}@media only print and (min-width:30em),only screen and (min-width:48em){.banners li{width:21rem}}@media only print and (min-width:40em),only screen and (min-width:64em){.banners li{width:24rem}}
/*# sourceMappingURL=home.css.map */