/* A fixed, readable slogan with only the folded ribbon ends in motion. */
.header>.brand-slogan.slogan-ribbon{
 position:relative;isolation:isolate;width:min(100%,560px);height:76px;
 padding:0;display:flex;align-items:center;justify-content:center;color:#006861
}
.header>.brand-slogan.slogan-ribbon::before{content:none}
.slogan-ribbon-art{
 position:absolute;inset:0;width:100%;height:100%;overflow:visible;
 pointer-events:none;z-index:-1;filter:drop-shadow(0 3px 2px #236b6720)
}
.slogan-ribbon-copy{position:relative;padding:0 12%;width:100%;box-sizing:border-box}
.slogan-ribbon .slogan-line{font-size:34px;line-height:1}
.slogan-ribbon .slogan-subline{font-size:23px;line-height:1;margin-top:-2px}
.slogan-ribbon-edge{transform-box:fill-box;animation:soriz-ribbon-flutter 3.2s ease-in-out infinite}
.slogan-ribbon-edge-left{transform-origin:95% 50%}
.slogan-ribbon-edge-right{transform-origin:5% 50%;animation-direction:reverse;animation-delay:-.8s}
@keyframes soriz-ribbon-flutter{
 0%,100%{transform:translateY(-3px) rotate(-7deg) scaleY(.94)}
 50%{transform:translateY(3px) rotate(7deg) scaleY(1.06)}
}
@media(max-width:1050px){
 .header>.brand-slogan.slogan-ribbon{width:min(100%,460px);height:72px;margin-bottom:8px}
 .slogan-ribbon .slogan-line{font-size:30px}
 .slogan-ribbon .slogan-subline{font-size:21px}
}
@media(max-width:540px){
 .header>.brand-slogan.slogan-ribbon{width:100%;max-width:360px;height:68px}
 .slogan-ribbon .slogan-line{font-size:clamp(23px,7.2vw,27px)}
 .slogan-ribbon .slogan-subline{font-size:clamp(17px,5.3vw,20px)}
}
@media(prefers-reduced-motion:reduce){.slogan-ribbon-edge{animation:none}}
@media print{.slogan-ribbon-edge{animation:none}}