/* Scroll the feed up and the header slides away through the clock line; pull down a little and it
   comes back. Instagram's own behaviour, and the reason the status-bar overlay matters: while the
   shell keeps its 47pt strip the header has nowhere to slide into — the page cannot paint above its
   own y=0, so the wordmark would vanish behind the shell's white band instead of passing the time.

   A transform, not a height change: the header is sticky, and collapsing its box would reflow the
   feed under it and make the scroll position jump mid-flick.

   Phone only. Desktop has room for its header and its own hover behaviour. */

@media (max-width: 640px) {
    .mtv-header {
        transition: transform .24s cubic-bezier(.22, .61, .36, 1);
    }
    html.mtv-header-tucked .mtv-header {
        transform: translateY(-100%);
    }
}