@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}section.hero{position:relative;width:100%}section.hero:has(.media-holder){overflow:hidden}section.hero:has(.media-holder) .gutter{left:0;position:absolute;right:0;top:0}section.hero .media-holder{background-color:#000;height:100svh;overflow:hidden;position:relative;width:100%}section.hero .gutter{position:relative}section.hero .gutter h1.--colors span{display:inline-block;opacity:0;transform:scale(1.3)}section.hero .gutter h1.--colors span:first-of-type{animation:fall 6s cubic-bezier(.666,0,.333,1) 0s infinite forwards;color:#f8e748}section.hero .gutter h1.--colors span:nth-of-type(2){animation:fall 6s cubic-bezier(.666,0,.333,1) 111ms infinite forwards;color:#7bc5a8}section.hero .gutter h1.--colors span:nth-of-type(3){animation:fall 6s cubic-bezier(.666,0,.333,1) 222ms infinite forwards;color:#827dba}section.hero .gutter h1.--colors span:nth-of-type(4){animation:fall 6s cubic-bezier(.666,0,.333,1) 333ms infinite forwards;color:#ef664f}section.hero .gutter h1.--colors span:nth-of-type(5){animation:fall 6s cubic-bezier(.666,0,.333,1) 444ms infinite forwards;color:#b9d547}section.hero .gutter h1.--colors span:nth-of-type(6){animation:fall 6s cubic-bezier(.666,0,.333,1) 555ms infinite forwards;color:#7faad9}section.hero .gutter h1.--colors span:nth-of-type(7){animation:fall 6s cubic-bezier(.666,0,.333,1) 666ms infinite forwards;color:#f8e748}section.hero .gutter h1.--colors span:nth-of-type(8){animation:fall 6s cubic-bezier(.666,0,.333,1) 777ms infinite forwards;color:#7bc5a8}section.hero .gutter h1.--colors span:nth-of-type(9){animation:fall 6s cubic-bezier(.666,0,.333,1) 888ms infinite forwards;color:#827dba}@keyframes fall{0%{opacity:0;transform:scale(1.3)}20%{opacity:1;transform:scale(1)}50%,70%{opacity:1;transform:scale(1)}70%{color:#f1f1f1}90%,to{color:#f1f1f1;opacity:0;transform:scale(1) translate(0) translateY(.2em)}}@media(min-width:768px){section.hero .media-holder{aspect-ratio:4/3;height:auto}}@media(min-width:1024px){section.hero .media-holder{aspect-ratio:16/9;max-height:700px}section.hero .gutter h1:not(.--colors){white-space:pre}}