/* fx-smart-header: the header slides away while you read down and comes back the moment you scroll up; it also
   tightens and gets a hairline once the page moves. Gives phones the full screen without losing the phone number. */
[data-fx~="smart-header"]{position:sticky;top:0;z-index:50;transition:transform .35s cubic-bezier(.2,.7,.1,1),box-shadow .3s,background-color .3s}
[data-fx~="smart-header"].sh-scrolled{box-shadow:0 1px 0 var(--line,rgba(0,0,0,.1)),0 10px 30px -22px rgba(0,0,0,.35)}
[data-fx~="smart-header"].sh-hide{transform:translateY(-102%)}
@media (prefers-reduced-motion:reduce){[data-fx~="smart-header"]{transition:none}}