子要素の position:sticky; を効かせたい

Question

実現したいこと

HTML構造を変えずにCSSのみで、ピンクの要素（.sticky）のみを position:sticky; にするにはどうしたらいいでしょうか？

<header>
  <div class="relative">固定しない</div>
  <div class="sticky">固定する</div>
</header>
<main>
</main>

header {display: flex;}
body {height: 2000px; margin: 0;}
header {position:sticky; top:0;} /* これだとどっちも固定される */
.relative {background: skyblue;}
.sticky {background: salmon;}

試したこと

上だとどっちも固定されるので、子要素の一方だけを指定しましたがこれはできず、

header {} /* 指定をなくす */
.sticky {position:sticky; top:0;} /* 追加 */

また子要素をinitial指定してもできませんでした。

.relative {position:initial;} /* 追加 */