/* Tosama v18: only the four bars of the original symbol, translucent to white. */
.footer-symbol-stage{display:grid;place-items:center;min-height:min(780px,88svh);padding:75px 0;border-bottom:4px solid #ffffff35;scroll-margin-top:30px}
.reference-footer .footer-symbol-stage .footer-art{width:clamp(260px,30vw,420px);max-width:100%;margin:0 auto;opacity:1;aspect-ratio:170/177}
.footer-symbol-film{width:100%;height:auto;display:block;overflow:hidden}
.footer-symbol-film .footer-tosama-guide{opacity:.14}
.footer-symbol-film .footer-tosama-piece{opacity:1;transform:none}
.film-ready:not(.logo-playing) .footer-symbol-film .footer-tosama-piece{opacity:0}
.logo-playing .footer-symbol-film .footer-tosama-piece{animation:tosama-bar-stamp .6s steps(1,end) both}
.logo-playing .footer-symbol-film .piece-1{animation-delay:0s}
.logo-playing .footer-symbol-film .piece-2{animation-delay:.28s}
.logo-playing .footer-symbol-film .piece-3{animation-delay:.56s}
.logo-playing .footer-symbol-film .piece-4{animation-delay:.84s}
@keyframes tosama-bar-stamp{0%{opacity:0}35%{opacity:.38}100%{opacity:1}}
@media(max-width:780px){.footer-symbol-stage{min-height:65svh;padding:55px 0;border-bottom-width:3px}.reference-footer .footer-symbol-stage .footer-art{width:min(72vw,310px)}}
@media(prefers-reduced-motion:reduce){
 .film-ready:not(.logo-playing) .footer-symbol-film .footer-tosama-piece,.logo-playing .footer-symbol-film .footer-tosama-piece{animation:none;opacity:1;transform:none}
}