/* Keep header dimensions stable while the ribbon moves out of view. */
header[data-scroll-ribbon]{transform:translateY(0);transition:transform .22s ease;will-change:transform}
header[data-scroll-ribbon="hidden"]{transform:translateY(calc(-1 * var(--call-ribbon-height,38px)))}
header[data-scroll-ribbon] .call-ribbon{max-height:none;opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){header[data-scroll-ribbon]{transition:none}}