/* Current previews: every part of the capsule uses the same transition.
   The sticky outer header keeps its height, so page content never reflows. */
:is(.v06k,.review-06g) .site-header{
  --header-motion:360ms cubic-bezier(.22,.61,.36,1);
  --floating-height:60px;
}
:is(.v06k,.review-06g) .site-header::before{
  transition:opacity var(--header-motion);
}
:is(.v06k,.review-06g) .site-header .header-inner{
  transition:width var(--header-motion),padding-inline var(--header-motion),
    height var(--header-motion),transform var(--header-motion),
    background-color var(--header-motion),border-color var(--header-motion),
    box-shadow var(--header-motion);
  /* Keep the glass layer mounted; only its surface fades in. */
  backdrop-filter:blur(20px) saturate(1.15);
}
:is(.v06k,.review-06g) .site-header.is-floating .header-inner{
  transform:translateY(calc((var(--header-height) - var(--floating-height)) / 2));
}
:is(.v06k,.review-06g) .header-inner .brand img{
  transition:width var(--header-motion);
}
@media(max-width:900px){
  :is(.v06k,.review-06g) .site-header{--floating-height:64px}
}
@media(prefers-reduced-motion:reduce){
  :is(.v06k,.review-06g) .site-header::before,
  :is(.v06k,.review-06g) .site-header .header-inner,
  :is(.v06k,.review-06g) .header-inner .brand img{transition:none}
}